1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head><link 7 rel="icon" 8 type="image/png" 9 href="//humboldtcoffee.com/cdn/shop/files/HBCC_-_Upated_Logo-01.png?crop=center&height=32&v=1614812455&width=32" 10 > 11 12 <link 13 rel="expect" 14 href="#MainContent" 15 blocking="render" 16 id="view-transition-render-blocker" 17 > 18 19<meta charset="utf-8"> 20<meta 21 http-equiv="X-UA-Compatible" 22 content="IE=edge" 23> 24<meta 25 name="viewport" 26 content="width=device-width,initial-scale=1" 27> 28<meta 29 name="view-transition" 30 content="same-origin" 31> 32<meta 33 name="theme-color" 34 content="" 35> 36 37<meta 38 property="og:site_name" 39 content="Humboldt Bay Coffee" 40> 41<meta 42 property="og:url" 43 content="https://humboldtcoffee.com/search" 44> 45<meta 46 property="og:title" 47 content="Search" 48> 49<meta 50 property="og:type" 51 content="website" 52> 53<meta 54 property="og:description" 55 content="Humboldt Bay Coffee Company is a Northern California micro roaster of super-premium coffee, including organic, fair trade, shade-grown, and Rainforest Alliance-certified coffees. Both single-origin coffees and custom blends are available at wholesale prices to all. We also provide commercial coffee service and beverage" 56><meta 57 name="twitter:card" 58 content="summary_large_image" 59> 60<meta 61 name="twitter:title" 62 content="Search" 63> 64<meta 65 name="twitter:description" 66 content="Humboldt Bay Coffee Company is a Northern California micro roaster of super-premium coffee, including organic, fair trade, shade-grown, and Rainforest Alliance-certified coffees. Both single-origin coffees and custom blends are available at wholesale prices to all. We also provide commercial coffee service and beverage" 67> 68 69<title> 70 Search 71 – Humboldt Bay Coffee</title> 72 73<link 74 rel="canonical" 75 href="https://humboldtcoffee.com/search" 76> 77 78 79 <meta 80 name="description" 81 content="Humboldt Bay Coffee Company is a Northern California micro roaster of super-premium coffee, including organic, fair trade, shade-grown, and Rainforest Alliance-certified coffees. Both single-origin coffees and custom blends are available at wholesale prices to all. We also provide commercial coffee service and beverage" 82 > 83 84<link href="//humboldtcoffee.com/cdn/shop/t/7/assets/overflow-list.css?v=101911674359793798601770159939" as="style" rel="preload"> 85<link href="//humboldtcoffee.com/cdn/shop/t/7/assets/base.css?v=34039264063766325411770159939" rel="stylesheet" type="text/css" media="all" /> 86 87
88<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 88
88
89<script type="importmap"> 90 { 91 "imports": { 92 "@theme/overflow-list": "//humboldtcoffee.com/cdn/shop/t/7/assets/overflow-list.js?v=46858356770684902511770159939", 93 "@theme/product-title": "//humboldtcoffee.com/cdn/shop/t/7/assets/product-title-truncation.js?v=81744426891537421781770159939", 94 "@theme/component": "//humboldtcoffee.com/cdn/shop/t/7/assets/component.js?v=184240237101443119871770159939", 95 "@theme/dialog": "//humboldtcoffee.com/cdn/shop/t/7/assets/dialog.js?v=150888536568694194021770159939", 96 "@theme/events": "//humboldtcoffee.com/cdn/shop/t/7/assets/events.js?v=147926035229139604561770159939", 97 "@theme/focus": "//humboldtcoffee.com/cdn/shop/t/7/assets/focus.js?v=60436577539430446401770159939", 98 "@theme/morph": "//humboldtcoffee.com/cdn/shop/t/7/assets/morph.js?v=102085577784545683451770159939", 99 "@theme/paginated-list": "//humboldtcoffee.com/cdn/shop/t/7/assets/paginated-list.js?v=95298315036233333871770159939", 100 "@theme/performance": "//humboldtcoffee.com/cdn/shop/t/7/assets/performance.js?v=171015751390534793081770159939", 101 "@theme/product-form": "//humboldtcoffee.com/cdn/shop/t/7/assets/product-form.js?v=37993400097492174081770159939", 102 "@theme/recently-viewed-products": "//humboldtcoffee.com/cdn/shop/t/7/assets/recently-viewed-products.js?v=94729125001750262651770159939", 103 "@theme/scrolling": "//humboldtcoffee.com/cdn/shop/t/7/assets/scrolling.js?v=162288454571026455011770159939", 104 "@theme/section-renderer": "//humboldtcoffee.com/cdn/shop/t/7/assets/section-renderer.js?v=152586934315572818121770159939", 105 "@theme/section-hydration": "//humboldtcoffee.com/cdn/shop/t/7/assets/section-hydration.js?v=108434990705342316311770159939", 106 "@theme/money-formatting": "//humboldtcoffee.com/cdn/shop/t/7/assets/money-formatting.js?v=182191346160333327151770159939", 107 "@theme/utilities": "//humboldtcoffee.com/cdn/shop/t/7/assets/utilities.js?v=137979405375850297411770159939", 108 "@theme/variant-picker": "//humboldtcoffee.com/cdn/shop/t/7/assets/variant-picker.js?v=124079696159966615681770159939", 109 "@theme/media-gallery": "//humboldtcoffee.com/cdn/shop/t/7/assets/media-gallery.js?v=14624021005636302161770159939", 110 "@theme/quick-add": "//humboldtcoffee.com/cdn/shop/t/7/assets/quick-add.js?v=8173316780029216301770159939", 111 "@theme/paginated-list-aspect-ratio": "//humboldtcoffee.com/cdn/shop/t/7/assets/paginated-list-aspect-ratio.js?v=25254270272143792451770159939", 112 "@theme/popover-polyfill": "//humboldtcoffee.com/cdn/shop/t/7/assets/popover-polyfill.js?v=119029313658895111201770159939", 113 "@theme/component-quantity-selector": "//humboldtcoffee.com/cdn/shop/t/7/assets/component-quantity-selector.js?v=67906657287482036641770159939", 114 "@theme/comparison-slider": "//humboldtcoffee.com/cdn/shop/t/7/assets/comparison-slider.js?v=106705562947035711941770159939", 115 "@theme/sticky-add-to-cart": "//humboldtcoffee.com/cdn/shop/t/7/assets/sticky-add-to-cart.js?v=48956925339276737091770159939", 116 "@theme/fly-to-cart": "//humboldtcoffee.com/cdn/shop/t/7/assets/fly-to-cart.js?v=48483246440248933081770159939" 117 } 118 } 119</script>
119 120
121<script 122 src="//humboldtcoffee.com/cdn/shop/t/7/assets/view-transitions.js?v=7106414069516106341770159939" 123 async 124 125 blocking="render" 126 127></script>
127 128 129<link 130 rel="modulepreload" 131 href="//humboldtcoffee.com/cdn/shop/t/7/assets/utilities.js?v=137979405375850297411770159939" 132 fetchpriority="low" 133> 134<link 135 rel="modulepreload" 136 href="//humboldtcoffee.com/cdn/shop/t/7/assets/component.js?v=184240237101443119871770159939" 137 fetchpriority="low" 138> 139<link 140 rel="modulepreload" 141 href="//humboldtcoffee.com/cdn/shop/t/7/assets/section-renderer.js?v=152586934315572818121770159939" 142 fetchpriority="low" 143> 144<link 145 rel="modulepreload" 146 href="//humboldtcoffee.com/cdn/shop/t/7/assets/section-hydration.js?v=108434990705342316311770159939" 147 fetchpriority="low" 148> 149<link 150 rel="modulepreload" 151 href="//humboldtcoffee.com/cdn/shop/t/7/assets/morph.js?v=102085577784545683451770159939" 152 fetchpriority="low" 153> 154 155 156 <link 157 rel="modulepreload" 158 href="//humboldtcoffee.com/cdn/shop/t/7/assets/paginated-list-aspect-ratio.js?v=25254270272143792451770159939" 159 fetchpriority="low" 160 > 161 <link 162 rel="modulepreload" 163 href="//humboldtcoffee.com/cdn/shop/t/7/assets/paginated-list.js?v=95298315036233333871770159939" 164 fetchpriority="low" 165 > 166 167 <link 168 rel="modulepreload" 169 href="//humboldtcoffee.com/cdn/shop/t/7/assets/product-title-truncation.js?v=81744426891537421781770159939" 170 fetchpriority="low" 171 > 172 173 174<link 175 rel="modulepreload" 176 href="//humboldtcoffee.com/cdn/shop/t/7/assets/focus.js?v=60436577539430446401770159939" 177 fetchpriority="low" 178> 179<link 180 rel="modulepreload" 181 href="//humboldtcoffee.com/cdn/shop/t/7/assets/recently-viewed-products.js?v=94729125001750262651770159939" 182 fetchpriority="low" 183> 184<link 185 rel="modulepreload" 186 href="//humboldtcoffee.com/cdn/shop/t/7/assets/scrolling.js?v=162288454571026455011770159939" 187 fetchpriority="low" 188> 189<link 190 rel="modulepreload" 191 href="//humboldtcoffee.com/cdn/shop/t/7/assets/events.js?v=147926035229139604561770159939" 192 fetchpriority="low" 193>
194<script 195 src="//humboldtcoffee.com/cdn/shop/t/7/assets/popover-polyfill.js?v=119029313658895111201770159939" 196 type="module" 197 fetchpriority="low" 198></script>
vendor: 1 bytes, line 198
198
199<script 200 src="//humboldtcoffee.com/cdn/shop/t/7/assets/overflow-list.js?v=46858356770684902511770159939" 201 type="module" 202 fetchpriority="low" 203></script>
vendor: 1 bytes, line 203
203
204<script 205 src="//humboldtcoffee.com/cdn/shop/t/7/assets/quick-add.js?v=8173316780029216301770159939" 206 type="module" 207 fetchpriority="low" 208></script>
208 209 210
210<script 211 src="//humboldtcoffee.com/cdn/shop/t/7/assets/cart-discount.js?v=107077853990124422021770159939" 212 type="module" 213 fetchpriority="low" 214 ></script>
214 215 216
217<script 218 src="//humboldtcoffee.com/cdn/shop/t/7/assets/dialog.js?v=150888536568694194021770159939" 219 type="module" 220 fetchpriority="low" 221></script>
vendor: 1 bytes, line 221
221
222<script 223 src="//humboldtcoffee.com/cdn/shop/t/7/assets/variant-picker.js?v=124079696159966615681770159939" 224 type="module" 225 fetchpriority="low" 226></script>
vendor: 1 bytes, line 226
226
227<script 228 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-card.js?v=124402285637860180781770159939" 229 type="module" 230 fetchpriority="low" 231></script>
vendor: 1 bytes, line 231
231
232<script 233 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-form.js?v=37993400097492174081770159939" 234 type="module" 235 fetchpriority="low" 236></script>
vendor: 1 bytes, line 236
236
237<script 238 src="//humboldtcoffee.com/cdn/shop/t/7/assets/fly-to-cart.js?v=48483246440248933081770159939" 239 type="module" 240 fetchpriority="low" 241></script>
vendor: 1 bytes, line 241
241
242<script 243 src="//humboldtcoffee.com/cdn/shop/t/7/assets/accordion-custom.js?v=97588419883090888471770159939" 244 type="module" 245 fetchpriority="low" 246></script>
vendor: 1 bytes, line 246
246
247<script 248 src="//humboldtcoffee.com/cdn/shop/t/7/assets/media.js?v=37825095869491791421770159939" 249 type="module" 250 fetchpriority="low" 251></script>
vendor: 1 bytes, line 251
251
252<script 253 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-price.js?v=125406045307689219221770159939" 254 type="module" 255 fetchpriority="low" 256></script>
vendor: 1 bytes, line 256
256
257<script 258 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-sku.js?v=121804655373531320511770159939" 259 type="module" 260 fetchpriority="low" 261></script>
vendor: 1 bytes, line 261
261
262<script 263 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-title-truncation.js?v=81744426891537421781770159939" 264 type="module" 265 fetchpriority="low" 266></script>
vendor: 1 bytes, line 266
266
267<script 268 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-inventory.js?v=81520546963552472391770159939" 269 type="module" 270 fetchpriority="low" 271></script>
vendor: 1 bytes, line 271
271
272<script 273 src="//humboldtcoffee.com/cdn/shop/t/7/assets/show-more.js?v=94563802205717136101770159939" 274 type="module" 275 fetchpriority="low" 276></script>
vendor: 1 bytes, line 276
276
277<script 278 src="//humboldtcoffee.com/cdn/shop/t/7/assets/slideshow.js?v=17868446697736367161770159939" 279 type="module" 280 fetchpriority="low" 281></script>
vendor: 1 bytes, line 281
281
282<script 283 src="//humboldtcoffee.com/cdn/shop/t/7/assets/layered-slideshow.js?v=30135417790894624731770159939" 284 type="module" 285 fetchpriority="low" 286></script>
vendor: 1 bytes, line 286
286
287<script 288 src="//humboldtcoffee.com/cdn/shop/t/7/assets/anchored-popover.js?v=95953304814728754461770159939" 289 type="module" 290 fetchpriority="low" 291></script>
vendor: 1 bytes, line 291
291
292<script 293 src="//humboldtcoffee.com/cdn/shop/t/7/assets/floating-panel.js?v=151277338116891310371770159939" 294 type="module" 295 fetchpriority="low" 296></script>
vendor: 1 bytes, line 296
296
297<script 298 src="//humboldtcoffee.com/cdn/shop/t/7/assets/video-background.js?v=25237992823806706551770159939" 299 type="module" 300 fetchpriority="low" 301></script>
vendor: 1 bytes, line 301
301
302<script 303 src="//humboldtcoffee.com/cdn/shop/t/7/assets/component-quantity-selector.js?v=67906657287482036641770159939" 304 type="module" 305 fetchpriority="low" 306></script>
vendor: 1 bytes, line 306
306
307<script 308 src="//humboldtcoffee.com/cdn/shop/t/7/assets/media-gallery.js?v=14624021005636302161770159939" 309 type="module" 310 fetchpriority="low" 311></script>
vendor: 1 bytes, line 311
311
312<script 313 src="//humboldtcoffee.com/cdn/shop/t/7/assets/rte-formatter.js?v=40306132146590816021770159939" 314 type="module" 315 fetchpriority="low" 316></script>
vendor: 1 bytes, line 316
316
317<script 318 src="//humboldtcoffee.com/cdn/shop/t/7/assets/volume-pricing.js?v=15442793518842484731770159939" 319 type="module" 320 fetchpriority="low" 321></script>
vendor: 1 bytes, line 321
321
322<script 323 src="//humboldtcoffee.com/cdn/shop/t/7/assets/price-per-item.js?v=144512917617120124431770159939" 324 type="module" 325 fetchpriority="low" 326></script>
vendor: 1 bytes, line 326
326
327<script 328 src="//humboldtcoffee.com/cdn/shop/t/7/assets/volume-pricing-info.js?v=94479640769665442661770159939" 329 type="module" 330 fetchpriority="low" 331></script>
331 332 333 334
334<script 335 src="//humboldtcoffee.com/cdn/shop/t/7/assets/localization.js?v=15585934801240115691770159939" 336 type="module" 337 fetchpriority="low" 338 ></script>
338 339 340 341 342 343 344
344<script 345 src="//humboldtcoffee.com/cdn/shop/t/7/assets/product-card-link.js?v=45311564435319583051770159939" 346 type="module" 347 fetchpriority="low" 348 ></script>
348 349 350
351<script 352 src="//humboldtcoffee.com/cdn/shop/t/7/assets/auto-close-details.js?v=58350291535404441581770159939" 353 defer="defer" 354></script>
354 355
356<script> 357 const Theme = { 358 translations: { 359 placeholder_image: `Placeholder image`, 360 added: `Added`, 361 recipient_form_fields_visible: `Recipient form fields are now visible`, 362 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 363 recipient_form_error: `There was an error with the form submission`, 364 items_added_to_cart_one: `1 item added to cart`, 365 items_added_to_cart_other: `{{ count }} items added to cart`, 366 }, 367 routes: { 368 cart_add_url: '/cart/add.js', 369 cart_change_url: '/cart/change', 370 cart_update_url: '/cart/update', 371 cart_url: '/cart', 372 predictive_search_url: '/search/suggest', 373 search_url: '/search', 374 }, 375 template: { 376 name: 'search', 377 }, 378 }; 379</script>
379 380<style data-shopify> 381 382 383 :root { 384 /* Page Layout */ 385 --sidebar-width: 25rem; 386 --narrow-content-width: 36rem; 387 --normal-content-width: 42rem; 388 --wide-content-width: 46rem; 389 --narrow-page-width: 90rem; 390 --normal-page-width: 120rem; 391 --wide-page-width: 150rem; 392 393 /* Section Heights */ 394 --section-height-small: 15rem; 395 --section-height-medium: 25rem; 396 --section-height-large: 35rem; 397 398 @media screen and (min-width: 40em) { 399 --section-height-small: 40svh; 400 --section-height-medium: 55svh; 401 --section-height-large: 70svh; 402 } 403 404 @media screen and (min-width: 60em) { 405 --section-height-small: 50svh; 406 --section-height-medium: 65svh; 407 --section-height-large: 80svh; 408 } 409 410 /* Letter spacing */ 411 --letter-spacing-sm: 0.06em; 412 --letter-spacing-md: 0.13em; 413 414 /* Font families */ 415 --font-body--family: "Times New Roman", Times, serif; 416 --font-body--style: normal; 417 --font-body--weight: 400; 418 --font-subheading--family: "Times New Roman", Times, serif; 419 --font-subheading--style: normal; 420 --font-subheading--weight: 400; 421 --font-heading--family: "Times New Roman", Times, serif; 422 --font-heading--style: normal; 423 --font-heading--weight: 400; 424 --font-accent--family: "Times New Roman", Times, serif; 425 --font-accent--style: normal; 426 --font-accent--weight: 400; 427 428 /* Margin sizes */ 429 --font-h1--spacing: 0.25em; 430 --font-h2--spacing: 0.25em; 431 --font-h3--spacing: 0.25em; 432 --font-h4--spacing: 0.25em; 433 --font-h5--spacing: 0.25em; 434 --font-h6--spacing: 0.25em; 435 --font-paragraph--spacing: 0.5em; 436 437 /* Heading colors */ 438 --font-h1--color: var(--color-foreground-heading); 439 --font-h2--color: var(--color-foreground-heading); 440 --font-h3--color: var(--color-foreground-heading); 441 --font-h4--color: var(--color-foreground-heading); 442 --font-h5--color: var(--color-foreground-heading); 443 --font-h6--color: var(--color-foreground-heading); 444 445 /** Z-Index / Layering */ 446 --layer-section-background: -2; 447 --layer-lowest: -1; 448 --layer-base: 0; 449 --layer-flat: 1; 450 --layer-raised: 2; 451 --layer-heightened: 4; 452 --layer-sticky: 8; 453 --layer-window-overlay: 10; 454 --layer-header-menu: 12; 455 --layer-overlay: 16; 456 --layer-menu-drawer: 18; 457 --layer-temporary: 20; 458 459 /* Max-width / Measure */ 460 --max-width--body-normal: 32.5em; 461 --max-width--body-narrow: 22.75em; 462 463 --max-width--heading-normal: 32.5em; 464 --max-width--heading-narrow: 19.5em; 465 466 --max-width--display-normal: 13em; 467 --max-width--display-narrow: 9.75em; 468 --max-width--display-tight: 3.25em; 469 470 /* Letter-spacing / Tracking */ 471 --letter-spacing--display-tight: -0.03em; 472 --letter-spacing--display-normal: 0em; 473 --letter-spacing--display-loose: 0.03em; 474 475 --letter-spacing--heading-tight: -0.03em; 476 --letter-spacing--heading-normal: 0em; 477 --letter-spacing--heading-loose: 0.03em; 478 479 --letter-spacing--body-tight: -0.03em; 480 --letter-spacing--body-normal: 0em; 481 --letter-spacing--body-loose: 0.03em; 482 483 /* Line height / Leading */ 484 --line-height: 1; 485 486 --line-height--display-tight: 1; 487 --line-height--display-normal: 1.1; 488 --line-height--display-loose: 1.2; 489 490 --line-height--heading-tight: 1.15; 491 --line-height--heading-normal: 1.25; 492 --line-height--heading-loose: 1.35; 493 494 --line-height--body-tight: 1.2; 495 --line-height--body-normal: 1.4; 496 --line-height--body-loose: 1.6; 497 498 /* Typography presets */ 499 --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 8.8vw, 5.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal); 500 501 /* Hardcoded font sizes */ 502 --font-size--3xs: 0.625rem; 503 --font-size--2xs: 0.75rem; 504 --font-size--xs: 0.8125rem; 505 --font-size--sm: 0.875rem; 506 --font-size--md: 1rem; 507 --font-size--lg: 1.125rem; 508 --font-size--xl: 1.25rem; 509 --font-size--2xl: 1.5rem; 510 --font-size--3xl: 2rem; 511 --font-size--4xl: 2.5rem; 512 --font-size--5xl: 3rem; 513 --font-size--6xl: 3.5rem; 514 515 /* Menu font sizes */ 516 --menu-font-sm--size: 0.875rem; 517 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 518 --menu-font-md--size: 1rem; 519 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 520 --menu-font-lg--size: 1.125rem; 521 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 522 --menu-font-xl--size: 1.25rem; 523 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 524 --menu-font-2xl--size: 1.75rem; 525 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 526 527 /* Colors */ 528 --color-error: #8B0000; 529 --color-success: #006400; 530 --color-white: #FFFFFF; 531 --color-white-rgb: 255 255 255; 532 --color-black: #000000; 533 --color-instock: #3ED660; 534 --color-lowstock: #EE9441; 535 --color-outofstock: #C8C8C8; 536 537 /* Opacity */ 538 --opacity-5: 0.05; 539 --opacity-8: 0.08; 540 --opacity-10: 0.1; 541 --opacity-15: 0.15; 542 --opacity-20: 0.2;
543 --opacity-25: 0.25; 544 --opacity-30: 0.3; 545 --opacity-40: 0.4; 546 --opacity-50: 0.5; 547 --opacity-60: 0.6; 548 --opacity-70: 0.7; 549 --opacity-80: 0.8; 550 --opacity-85: 0.85; 551 --opacity-90: 0.9; 552 --opacity-subdued-text: var(--opacity-70); 553 554 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 555 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 556 557 /* Spacing */ 558 --margin-3xs: 0.125rem; 559 --margin-2xs: 0.3rem; 560 --margin-xs: 0.5rem; 561 --margin-sm: 0.7rem; 562 --margin-md: 0.8rem; 563 --margin-lg: 1rem; 564 --margin-xl: 1.25rem; 565 --margin-2xl: 1.5rem; 566 --margin-3xl: 1.75rem; 567 --margin-4xl: 2rem; 568 --margin-5xl: 3rem; 569 --margin-6xl: 5rem; 570 571 --scroll-margin: 50px; 572 573 --padding-3xs: 0.125rem; 574 --padding-2xs: 0.25rem; 575 --padding-xs: 0.5rem; 576 --padding-sm: 0.7rem; 577 --padding-md: 0.8rem; 578 --padding-lg: 1rem; 579 --padding-xl: 1.25rem; 580 --padding-2xl: 1.5rem; 581 --padding-3xl: 1.75rem; 582 --padding-4xl: 2rem; 583 --padding-5xl: 3rem; 584 --padding-6xl: 4rem; 585 586 --gap-3xs: 0.125rem; 587 --gap-2xs: 0.3rem; 588 --gap-xs: 0.5rem; 589 --gap-sm: 0.7rem; 590 --gap-md: 0.9rem; 591 --gap-lg: 1rem; 592 --gap-xl: 1.25rem; 593 --gap-2xl: 2rem; 594 --gap-3xl: 3rem; 595 596 --spacing-scale-sm: 0.6; 597 --spacing-scale-md: 0.7; 598 --spacing-scale-default: 1.0; 599 600 /* Checkout buttons gap */ 601 --checkout-button-gap: 10px; 602 603 /* Borders */ 604 --style-border-width: 1px; 605 --style-border-radius-xs: 0.2rem; 606 --style-border-radius-sm: 0.6rem; 607 --style-border-radius-md: 0.8rem; 608 --style-border-radius-50: 50%; 609 --style-border-radius-lg: 1rem; 610 --style-border-radius-pills: 40px; 611 --style-border-radius-inputs: 0px; 612 --style-border-radius-buttons-primary: 0px; 613 --style-border-radius-buttons-secondary: 0px; 614 --style-border-width-primary: 0px; 615 --style-border-width-secondary: 1px; 616 --style-border-width-inputs: 1px; 617 --style-border-radius-popover: 4px; 618 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 619 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 620 --style-border-swatch-opacity: 10%; 621 --style-border-swatch-width: 1px; 622 --style-border-swatch-style: solid; 623 624 /* Animation */ 625 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 626 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 627 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 628 --animation-speed-fast: 0.0625s; 629 --animation-speed: 0.125s; 630 --animation-speed-slow: 0.2s; 631 --animation-speed-medium: 0.15s; 632 --animation-easing: ease-in-out; 633 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 634 --drawer-animation-speed: 0.2s; 635 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 636 --animation-values: var(--animation-speed) var(--animation-easing); 637 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 638 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 639 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 640 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 641 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 642 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 643 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 644 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 645 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 646 --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); 647 --spring-d300-b0-duration: 0.4980s; 648 --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); 649 --spring-d280-b0-duration: 0.4648s; 650 --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); 651 --spring-d260-b0-duration: 0.4316s; 652 --spring-d220-b0-easing: linear( 653 0, 654 0.0093 1.37%, 655 0.0696 4.12%, 656 0.4667 15.09%, 657 0.6322 20.58%, 658 0.6986 23.32%, 659 0.7793 27.44%, 660 0.8219 30.18%, 661 0.8721, 662 0.9089 38.42%, 663 0.9427, 664 0.9644, 665 0.978 54.88%, 666 0.9881 61.74%, 667 0.9944 69.97%, 668 0.998 80.95%, 669 0.9996 98.78% 670 ); 671 --spring-d220-b0-duration: 0.3818s; 672 --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); 673 --spring-d180-b0-duration: 0.2988s; 674 675 /* View transitions */ 676 /* View transition old */ 677 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 678 679 /* View transition new */ 680 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 681 682 /* Focus */ 683 --focus-outline-width: 0.09375rem; 684 --focus-outline-offset: 0.2em; 685 686 /* Badges */ 687 --badge-blob-padding-block: 1px; 688 --badge-blob-padding-inline: 12px 8px; 689 --badge-rectangle-padding-block: 1px; 690 --badge-rectangle-padding-inline: 6px; 691 @media screen and (min-width: 750px) { 692 --badge-blob-padding-block: 4px; 693 --badge-blob-padding-inline: 16px 12px; 694 --badge-rectangle-padding-block: 4px; 695 --badge-rectangle-padding-inline: 10px; 696 } 697 698 /* Icons */ 699 --icon-size-2xs: 0.6rem; 700 --icon-size-xs: 0.85rem; 701 --icon-size-sm: 1.25rem; 702 --icon-size-md: 1.375rem; 703 --icon-size-lg: 1.5rem; 704 --icon-stroke-width: 1px; 705 706 /* Input */ 707 --input-email-min-width: 200px; 708 --input-search-max-width: 650px; 709 --input-padding-y: 0.8rem; 710 --input-padding-x: 0.8rem; 711 --input-padding: var(--input-padding-y) var(--input-padding-x); 712 --input-box-shadow-width: var(--style-border-width-inputs); 713 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 714 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 715 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 716 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 717 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
718 --input-textarea-min-height: 55px; 719 720 /* Checkbox */ 721 --checkbox-size: 22px; 722 --checkbox-border-radius: 7px; 723 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 724 --checkbox-label-padding: 8px; 725 726 @media screen and (min-width: 750px) { 727 --checkbox-size: 16px; 728 --checkbox-border-radius: 5px; 729 --checkbox-label-padding: 6px; 730 } 731 732 /* Button size */ 733 --button-size-sm: 30px; 734 --button-size-md: 36px; 735 --button-size: var(--minimum-touch-target); 736 --button-padding-inline: 24px; 737 --button-padding-block: 16px; 738 739 /* Button font-family */ 740 --button-font-family-primary: var(--font-body--family); 741 --button-font-family-secondary: var(--font-body--family); 742 743 /* Button text case */ 744 --button-text-case: ; 745 --button-text-case-primary: default; 746 --button-text-case-secondary: default; 747 748 /* Borders */ 749 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 750 --border-width-sm: 1px; 751 --border-width-md: 2px; 752 --border-width-lg: 5px; 753 --border-radius-sm: 0.25rem; 754 755 /* Drawers */ 756 --drawer-inline-padding: 25px; 757 --drawer-menu-inline-padding: 2.5rem; 758 --drawer-header-block-padding: 20px; 759 --drawer-content-block-padding: 10px; 760 --drawer-header-desktop-top: 0rem; 761 --drawer-padding: calc(var(--padding-sm) + 7px); 762 --drawer-height: 100dvh; 763 --drawer-width: 95vw; 764 --drawer-max-width: 500px; 765 766 /* Variant Picker Swatches */ 767 --variant-picker-swatch-width-unitless: 50; 768 --variant-picker-swatch-height-unitless: 20; 769 --variant-picker-swatch-width: 50px; 770 --variant-picker-swatch-height: 20px; 771 --variant-picker-swatch-radius: 0px; 772 --variant-picker-border-width: 1px; 773 --variant-picker-border-style: solid; 774 --variant-picker-border-opacity: 10%; 775 776 /* Variant Picker Buttons */ 777 --variant-picker-button-radius: 0px; 778 --variant-picker-button-border-width: 1px; 779 780 /* Slideshow */ 781 --slideshow-controls-size: 3.5rem; 782 --slideshow-controls-icon: 2rem; 783 --peek-next-slide-size: 3rem; 784 785 /* Utilities */ 786 --backdrop-opacity: 0.15; 787 --backdrop-color-rgb: var(--color-shadow-rgb); 788 --minimum-touch-target: 44px; 789 --disabled-opacity: 0.5; 790 --skeleton-opacity: 0.025; 791 792 /* Shapes */ 793 --shape--circle: circle(50% at center); 794 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 795 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 796 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
796% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 797 798 /* Buy buttons */ 799 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 800 801 /* Card image width and height variables */ 802 --card-width-small: 10rem; 803 804 --height-small: 10rem; 805 --height-medium: 11.5rem; 806 --height-large: 13rem; 807 --height-full: 100vh; 808 809 @media screen and (min-width: 750px) { 810 --height-small: 17.5rem; 811 --height-medium: 21.25rem; 812 --height-large: 25rem; 813 } 814 815 /* Modal */ 816 --modal-max-height: 65dvh; 817 --quick-add-modal-height: min(38.5rem, 96vh); 818 --quick-add-modal-width: min(54rem, 96vw); 819 --quick-add-modal-gallery-width: 24rem; 820 821 /* Card styles for search */ 822 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 823 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 824 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 825 826 /* Cart */ 827 --cart-primary-font-family: var(--font-body--family); 828 --cart-primary-font-style: var(--font-body--style); 829 --cart-primary-font-weight: var(--font-body--weight); 830 --cart-secondary-font-family: var(--font-subheading--family); 831 --cart-secondary-font-style: var(--font-subheading--style); 832 --cart-secondary-font-weight: var(--font-subheading--weight); 833 } 834</style> 835<style data-shopify> 836 837 838 :root, 839 840 841 842 .color-scheme-1 { 843 --color-background: rgb(249 248 246 / 1.0); 844 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 845 --color-background-rgb: 249 248 246; 846 --opacity-5-15: 0.05; 847 --opacity-10-25: 0.1; 848 --opacity-35-55: 0.35; 849 --opacity-40-60: 0.4; 850 --opacity-30-60: 0.3; 851 --color-foreground: rgb(0 0 0 / 1.0); 852 --color-foreground-rgb: 0 0 0; 853 --color-foreground-heading: rgb(0 0 0 / 1.0); 854 --color-foreground-heading-rgb: 0 0 0; 855 --color-primary: rgb(0 0 0 / 1.0); 856 --color-primary-rgb: 0 0 0; 857 --color-primary-hover: rgb(0 0 0 / 1.0); 858 --color-primary-hover-rgb: 0 0 0; 859 --color-border: rgb(0 0 0 / 0.28); 860 --color-border-rgb: 0 0 0; 861 --color-shadow: rgb(0 0 0 / 1.0); 862 --color-shadow-rgb: 0 0 0; 863 --color-primary-button-text: rgb(255 255 255 / 1.0); 864 --color-primary-button-background: rgb(0 0 0 / 1.0); 865 --color-primary-button-border: rgb(0 0 0 / 1.0); 866 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 867 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 868 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 869 --color-secondary-button-text: rgb(0 0 0 / 1.0); 870 --color-secondary-button-background: rgb(255 255 255 / 1.0); 871 --color-secondary-button-border: rgb(0 0 0 / 1.0); 872 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 873 --color-secondary-button-hover-background: rgb(222 222 222 / 1.0); 874 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 875 --color-input-background: rgb(0 0 0 / 0.05); 876 --color-input-text: rgb(0 0 0 / 1.0); 877 --color-input-text-rgb: 0 0 0; 878 --color-input-border: rgb(0 0 0 / 0.0); 879 --color-input-hover-background: rgb(230 230 230 / 1.0); 880 --color-variant-background: rgb(249 248 246 / 1.0); 881 --color-variant-border: rgb(230 230 230 / 1.0); 882 --color-variant-text: rgb(0 0 0 / 1.0); 883 --color-variant-text-rgb: 0 0 0; 884 --color-variant-hover-background: rgb(245 245 245 / 1.0); 885 --color-variant-hover-text: rgb(0 0 0 / 1.0); 886 --color-variant-hover-border: rgb(230 230 230 / 1.0); 887 --color-selected-variant-background: rgb(0 0 0 / 1.0); 888 --color-selected-variant-border: rgb(0 0 0 / 1.0); 889 --color-selected-variant-text: rgb(255 255 255 / 1.0); 890 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 891 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 892 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 893 894 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 895 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 896 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 897 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 898 --font-h1--color: var(--color-foreground-heading); 899 --font-h2--color: var(--color-foreground-heading); 900 --font-h3--color: var(--color-foreground-heading); 901 --font-h4--color: var(--color-foreground-heading); 902 --font-h5--color: var(--color-foreground-heading); 903 --font-h6--color: var(--color-foreground-heading); 904 905 /* Shadows */ 906 907 908 --shadow-blur: 20px; 909 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 910 911 } 912 913 914 915 916 .color-scheme-2 {
917 --color-background: rgb(255 255 255 / 1.0); 918 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 919 --color-background-rgb: 255 255 255; 920 --opacity-5-15: 0.05; 921 --opacity-10-25: 0.1; 922 --opacity-35-55: 0.35; 923 --opacity-40-60: 0.4; 924 --opacity-30-60: 0.3; 925 --color-foreground: rgb(31 32 33 / 1.0); 926 --color-foreground-rgb: 31 32 33; 927 --color-foreground-heading: rgb(31 32 33 / 1.0); 928 --color-foreground-heading-rgb: 31 32 33; 929 --color-primary: rgb(0 0 0 / 1.0); 930 --color-primary-rgb: 0 0 0; 931 --color-primary-hover: rgb(31 32 33 / 1.0); 932 --color-primary-hover-rgb: 31 32 33; 933 --color-border: rgb(230 230 230 / 1.0); 934 --color-border-rgb: 230 230 230; 935 --color-shadow: rgb(0 0 0 / 1.0); 936 --color-shadow-rgb: 0 0 0; 937 --color-primary-button-text: rgb(255 255 255 / 1.0); 938 --color-primary-button-background: rgb(0 0 0 / 1.0); 939 --color-primary-button-border: rgb(0 0 0 / 1.0); 940 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 941 --color-primary-button-hover-background: rgb(0 15 159 / 1.0); 942 --color-primary-button-hover-border: rgb(0 15 159 / 1.0); 943 --color-secondary-button-text: rgb(0 0 0 / 1.0); 944 --color-secondary-button-background: rgb(255 255 255 / 1.0); 945 --color-secondary-button-border: rgb(0 0 0 / 1.0); 946 --color-secondary-button-hover-text: rgb(0 15 159 / 1.0); 947 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 948 --color-secondary-button-hover-border: rgb(0 15 159 / 1.0); 949 --color-input-background: rgb(255 255 255 / 1.0); 950 --color-input-text: rgb(0 0 0 / 1.0); 951 --color-input-text-rgb: 0 0 0; 952 --color-input-border: rgb(0 0 0 / 1.0); 953 --color-input-hover-background: rgb(245 245 245 / 1.0); 954 --color-variant-background: rgb(255 255 255 / 1.0); 955 --color-variant-border: rgb(230 230 230 / 1.0); 956 --color-variant-text: rgb(0 0 0 / 1.0); 957 --color-variant-text-rgb: 0 0 0; 958 --color-variant-hover-background: rgb(245 245 245 / 1.0); 959 --color-variant-hover-text: rgb(0 0 0 / 1.0); 960 --color-variant-hover-border: rgb(230 230 230 / 1.0); 961 --color-selected-variant-background: rgb(0 0 0 / 1.0); 962 --color-selected-variant-border: rgb(0 0 0 / 1.0); 963 --color-selected-variant-text: rgb(255 255 255 / 1.0); 964 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 965 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 966 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 967 968 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 969 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 970 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 971 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 972 --font-h1--color: var(--color-foreground-heading); 973 --font-h2--color: var(--color-foreground-heading); 974 --font-h3--color: var(--color-foreground-heading); 975 --font-h4--color: var(--color-foreground-heading); 976 --font-h5--color: var(--color-foreground-heading); 977 --font-h6--color: var(--color-foreground-heading); 978 979 /* Shadows */ 980 981 982 --shadow-blur: 20px; 983 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 984 985 } 986 987 988 989 990 .color-scheme-3 { 991 --color-background: rgb(247 247 247 / 1.0); 992 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 993 --color-background-rgb: 247 247 247; 994 --opacity-5-15: 0.05; 995 --opacity-10-25: 0.1; 996 --opacity-35-55: 0.35; 997 --opacity-40-60: 0.4; 998 --opacity-30-60: 0.3; 999 --color-foreground: rgb(0 0 0 / 1.0); 1000 --color-foreground-rgb: 0 0 0; 1001 --color-foreground-heading: rgb(0 0 0 / 1.0); 1002 --color-foreground-heading-rgb: 0 0 0; 1003 --color-primary: rgb(0 15 159 / 1.0); 1004 --color-primary-rgb: 0 15 159; 1005 --color-primary-hover: rgb(0 0 0 / 1.0); 1006 --color-primary-hover-rgb: 0 0 0; 1007 --color-border: rgb(214 212 211 / 1.0); 1008 --color-border-rgb: 214 212 211; 1009 --color-shadow: rgb(0 0 0 / 1.0); 1010 --color-shadow-rgb: 0 0 0; 1011 --color-primary-button-text: rgb(255 255 255 / 1.0); 1012 --color-primary-button-background: rgb(0 0 0 / 1.0); 1013 --color-primary-button-border: rgb(0 0 0 / 1.0); 1014 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1015 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1016 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1017 --color-secondary-button-text: rgb(0 15 159 / 1.0); 1018 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1019 --color-secondary-button-border: rgb(0 15 159 / 1.0); 1020 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1021 --color-secondary-button-hover-background: rgb(239 239 239 / 1.0); 1022 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1023 --color-input-background: rgb(255 255 255 / 1.0); 1024 --color-input-text: rgb(0 0 0 / 1.0); 1025 --color-input-text-rgb: 0 0 0; 1026 --color-input-border: rgb(0 0 0 / 1.0); 1027 --color-input-hover-background: rgb(245 245 245 / 1.0); 1028 --color-variant-background: rgb(255 255 255 / 1.0); 1029 --color-variant-border: rgb(230 230 230 / 1.0); 1030 --color-variant-text: rgb(0 0 0 / 1.0); 1031 --color-variant-text-rgb: 0 0 0; 1032 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1033 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1034 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1035 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1036 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1037 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1038 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1039 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1040 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1041 1042 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1043 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1044 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1045 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1046 --font-h1--color: var(--color-foreground-heading); 1047 --font-h2--color: var(--color-foreground-heading); 1048 --font-h3--color: var(--color-foreground-heading); 1049 --font-h4--color: var(--color-foreground-heading); 1050 --font-h5--color: var(--color-foreground-heading); 1051 --font-h6--color: var(--color-foreground-heading); 1052 1053 /* Shadows */ 1054 1055 1056 --shadow-blur: 20px; 1057 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1058 1059 } 1060 1061 1062 1063 1064 .color-scheme-4 { 1065 --color-background: rgb(0 0 0 / 1.0); 1066 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1067 --color-background-rgb: 0 0 0; 1068 --opacity-5-15: 0.15; 1069 --opacity-10-25: 0.25; 1070 --opacity-35-55: 0.55; 1071 --opacity-40-60: 0.6; 1072 --opacity-30-60: 0.6; 1073 --color-foreground: rgb(255 255 255 / 1.0); 1074 --color-foreground-rgb: 255 255 255; 1075 --color-foreground-heading: rgb(255 255 255 / 1.0); 1076 --color-foreground-heading-rgb: 255 255 255; 1077 --color-primary: rgb(255 255 255 / 1.0); 1078 --color-primary-rgb: 255 255 255; 1079 --color-primary-hover: rgb(225 225 225 / 1.0); 1080 --color-primary-hover-rgb: 225 225 225; 1081 --color-border: rgb(225 225 225 / 1.0); 1082 --color-border-rgb: 225 225 225; 1083 --color-shadow: rgb(0 0 0 / 1.0); 1084 --color-shadow-rgb: 0 0 0; 1085 --color-primary-button-text: rgb(0 0 0 / 1.0); 1086 --color-primary-button-background: rgb(255 255 255 / 1.0); 1087 --color-primary-button-border: rgb(255 255 255 / 1.0); 1088 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1089 --color-primary-button-hover-background: rgb(225 225 225 / 1.0); 1090 --color-primary-button-hover-border: rgb(225 225 225 / 1.0); 1091 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1092 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1093 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1094 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1095 --color-secondary-button-hover-background: rgb(80 80 80 / 1.0); 1096 --color-secondary-button-hover-border: rgb(80 80 80 / 1.0); 1097 --color-input-background: rgb(46 46 46 / 1.0); 1098 --color-input-text: rgb(249 248 246 / 1.0); 1099 --color-input-text-rgb: 249 248 246; 1100 --color-input-border: rgb(249 248 246 / 1.0); 1101 --color-input-hover-background: rgb(26 26 26 / 1.0); 1102 --color-variant-background: rgb(255 255 255 / 1.0); 1103 --color-variant-border: rgb(230 230 230 / 1.0); 1104 --color-variant-text: rgb(0 0 0 / 1.0); 1105 --color-variant-text-rgb: 0 0 0; 1106 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1107 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1108 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1109 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1110 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1111 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1112 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1113 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1114 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1115 1116 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1117 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1118 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1119 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1120 --font-h1--color: var(--color-foreground-heading); 1121 --font-h2--color: var(--color-foreground-heading); 1122 --font-h3--color: var(--color-foreground-heading); 1123 --font-h4--color: var(--color-foreground-heading); 1124 --font-h5--color: var(--color-foreground-heading); 1125 --font-h6--color: var(--color-foreground-heading); 1126 1127 /* Shadows */ 1128 1129 1130 --shadow-blur: 20px; 1131 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1132 1133 } 1134 1135 1136 1137 1138 .color-scheme-5 { 1139 --color-background: rgb(202 153 68 / 1.0); 1140 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1141 --color-background-rgb: 202 153 68; 1142 --opacity-5-15: 0.05; 1143 --opacity-10-25: 0.1; 1144 --opacity-35-55: 0.35; 1145 --opacity-40-60: 0.4; 1146 --opacity-30-60: 0.3; 1147 --color-foreground: rgb(38 27 19 / 1.0); 1148 --color-foreground-rgb: 38 27 19; 1149 --color-foreground-heading: rgb(38 27 19 / 1.0); 1150 --color-foreground-heading-rgb: 38 27 19; 1151 --color-primary: rgb(38 27 19 / 1.0); 1152 --color-primary-rgb: 38 27 19; 1153 --color-primary-hover: rgb(0 0 0 / 1.0); 1154 --color-primary-hover-rgb: 0 0 0; 1155 --color-border: rgb(38 27 19 / 1.0); 1156 --color-border-rgb: 38 27 19; 1157 --color-shadow: rgb(38 27 19 / 1.0); 1158 --color-shadow-rgb: 38 27 19; 1159 --color-primary-button-text: rgb(0 0 0 / 1.0); 1160 --color-primary-button-background: rgb(202 153 68 / 1.0); 1161 --color-primary-button-border: rgb(255 255 255 / 1.0); 1162 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1163 --color-primary-button-hover-background: rgb(222 222 222 / 1.0); 1164 --color-primary-button-hover-border: rgb(222 222 222 / 1.0); 1165 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1166 --color-secondary-button-background: rgb(202 153 68 / 1.0); 1167 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1168 --color-secondary-button-hover-text: rgb(172 172 172 / 1.0); 1169 --color-secondary-button-hover-background: rgb(0 0 0 / 1.0); 1170 --color-secondary-button-hover-border: rgb(172 172 172 / 1.0); 1171 --color-input-background: rgb(202 153 68 / 1.0); 1172 --color-input-text: rgb(0 0 0 / 1.0); 1173 --color-input-text-rgb: 0 0 0; 1174 --color-input-border: rgb(0 0 0 / 1.0); 1175 --color-input-hover-background: rgb(245 245 245 / 1.0); 1176 --color-variant-background: rgb(255 255 255 / 1.0); 1177 --color-variant-border: rgb(230 230 230 / 1.0); 1178 --color-variant-text: rgb(0 0 0 / 1.0); 1179 --color-variant-text-rgb: 0 0 0; 1180 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1181 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1182 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1183 --color-selected-variant-background: rgb(202 153 68 / 1.0); 1184 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1185 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1186 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1187 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1188 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1189 1190 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1191 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1192 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1193 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1194 --font-h1--color: var(--color-foreground-heading); 1195 --font-h2--color: var(--color-foreground-heading); 1196 --font-h3--color: var(--color-foreground-heading); 1197 --font-h4--color: var(--color-foreground-heading); 1198 --font-h5--color: var(--color-foreground-heading); 1199 --font-h6--color: var(--color-foreground-heading); 1200 1201 /* Shadows */ 1202 1203 1204 --shadow-blur: 20px; 1205 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1206 1207 } 1208 1209 1210 1211 1212 .color-scheme-6 { 1213 --color-background: rgb(0 0 0 / 0.0); 1214 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1215 --color-background-rgb: 0 0 0; 1216 --opacity-5-15: 0.15; 1217 --opacity-10-25: 0.25; 1218 --opacity-35-55: 0.55; 1219 --opacity-40-60: 0.6; 1220 --opacity-30-60: 0.6; 1221 --color-foreground: rgb(255 255 255 / 1.0); 1222 --color-foreground-rgb: 255 255 255; 1223 --color-foreground-heading: rgb(255 255 255 / 1.0); 1224 --color-foreground-heading-rgb: 255 255 255; 1225 --color-primary: rgb(255 255 255 / 1.0); 1226 --color-primary-rgb: 255 255 255; 1227 --color-primary-hover: rgb(172 172 172 / 1.0); 1228 --color-primary-hover-rgb: 172 172 172; 1229 --color-border: rgb(0 0 0 / 0.0); 1230 --color-border-rgb: 0 0 0; 1231 --color-shadow: rgb(0 0 0 / 0.0); 1232 --color-shadow-rgb: 0 0 0; 1233 --color-primary-button-text: rgb(0 0 0 / 1.0); 1234 --color-primary-button-background: rgb(255 255 255 / 1.0); 1235 --color-primary-button-border: rgb(255 255 255 / 1.0); 1236 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1237 --color-primary-button-hover-background: rgb(222 222 222 / 1.0); 1238 --color-primary-button-hover-border: rgb(222 222 222 / 1.0); 1239 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1240 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1241 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1242 --color-secondary-button-hover-text: rgb(172 172 172 / 1.0); 1243 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1244 --color-secondary-button-hover-border: rgb(172 172 172 / 1.0); 1245
1245 --color-input-background: rgb(255 255 255 / 1.0); 1246 --color-input-text: rgb(0 0 0 / 1.0); 1247 --color-input-text-rgb: 0 0 0; 1248 --color-input-border: rgb(0 0 0 / 1.0); 1249 --color-input-hover-background: rgb(245 245 245 / 1.0); 1250 --color-variant-background: rgb(255 255 255 / 1.0); 1251 --color-variant-border: rgb(230 230 230 / 1.0); 1252 --color-variant-text: rgb(0 0 0 / 1.0); 1253 --color-variant-text-rgb: 0 0 0; 1254 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1255 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1256 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1257 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1258 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1259 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1260 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1261 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1262 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1263 1264 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1265 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1266 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1267 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1268 --font-h1--color: var(--color-foreground-heading); 1269 --font-h2--color: var(--color-foreground-heading); 1270 --font-h3--color: var(--color-foreground-heading); 1271 --font-h4--color: var(--color-foreground-heading); 1272 --font-h5--color: var(--color-foreground-heading); 1273 --font-h6--color: var(--color-foreground-heading); 1274 1275 /* Shadows */ 1276 1277 1278 --shadow-blur: 20px; 1279 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1280 1281 } 1282 1283 1284 1285 1286 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1287 --color-background: rgb(0 0 0 / 0.03); 1288 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1289 --color-background-rgb: 0 0 0; 1290 --opacity-5-15: 0.15; 1291 --opacity-10-25: 0.25; 1292 --opacity-35-55: 0.55; 1293 --opacity-40-60: 0.6; 1294 --opacity-30-60: 0.6; 1295 --color-foreground: rgb(0 0 0 / 1.0); 1296 --color-foreground-rgb: 0 0 0; 1297 --color-foreground-heading: rgb(0 0 0 / 1.0); 1298 --color-foreground-heading-rgb: 0 0 0; 1299 --color-primary: rgb(0 0 0 / 1.0); 1300 --color-primary-rgb: 0 0 0; 1301 --color-primary-hover: rgb(0 0 0 / 1.0); 1302 --color-primary-hover-rgb: 0 0 0; 1303 --color-border: rgb(230 230 230 / 1.0); 1304 --color-border-rgb: 230 230 230; 1305 --color-shadow: rgb(0 0 0 / 1.0); 1306 --color-shadow-rgb: 0 0 0; 1307 --color-primary-button-text: rgb(255 255 255 / 1.0); 1308 --color-primary-button-background: rgb(0 0 0 / 1.0); 1309 --color-primary-button-border: rgb(0 0 0 / 1.0); 1310 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1311 --color-primary-button-hover-background: rgb(0 0 0 / 0.8); 1312 --color-primary-button-hover-border: rgb(0 0 0 / 0.81); 1313 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1314 --color-secondary-button-background: rgb(239 239 239 / 1.0); 1315 --color-secondary-button-border: rgb(0 15 159 / 1.0); 1316 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1317 --color-secondary-button-hover-background: rgb(222 222 222 / 1.0); 1318 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1319 --color-input-background: rgb(255 255 255 / 1.0); 1320 --color-input-text: rgb(0 0 0 / 1.0); 1321 --color-input-text-rgb: 0 0 0; 1322 --color-input-border: rgb(0 0 0 / 1.0); 1323 --color-input-hover-background: rgb(245 245 245 / 1.0); 1324 --color-variant-background: rgb(255 255 255 / 1.0); 1325 --color-variant-border: rgb(230 230 230 / 1.0); 1326 --color-variant-text: rgb(0 0 0 / 1.0); 1327 --color-variant-text-rgb: 0 0 0; 1328 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1329 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1330 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1331 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1332 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1333 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1334 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1335 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1336 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1337 1338 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1339 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1340 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1341 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1342 --font-h1--color: var(--color-foreground-heading); 1343 --font-h2--color: var(--color-foreground-heading); 1344 --font-h3--color: var(--color-foreground-heading); 1345 --font-h4--color: var(--color-foreground-heading); 1346 --font-h5--color: var(--color-foreground-heading); 1347 --font-h6--color: var(--color-foreground-heading); 1348 1349 /* Shadows */ 1350 1351 1352 --shadow-blur: 20px; 1353 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1354 1355 } 1356 1357 1358 1359 1360 .color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e { 1361 --color-background: rgb(0 0 0 / 1.0); 1362 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1363 --color-background-rgb: 0 0 0; 1364 --opacity-5-15: 0.15; 1365 --opacity-10-25: 0.25; 1366 --opacity-35-55: 0.55; 1367 --opacity-40-60: 0.6; 1368 --opacity-30-60: 0.6; 1369 --color-foreground: rgb(202 153 68 / 1.0); 1370 --color-foreground-rgb: 202 153 68; 1371 --color-foreground-heading: rgb(0 0 0 / 1.0); 1372 --color-foreground-heading-rgb: 0 0 0; 1373 --color-primary: rgb(0 0 0 / 1.0); 1374 --color-primary-rgb: 0 0 0; 1375 --color-primary-hover: rgb(0 0 0 / 1.0); 1376 --color-primary-hover-rgb: 0 0 0; 1377 --color-border: rgb(0 0 0 / 0.28); 1378 --color-border-rgb: 0 0 0; 1379 --color-shadow: rgb(0 0 0 / 1.0); 1380 --color-shadow-rgb: 0 0 0; 1381 --color-primary-button-text: rgb(202 153 68 / 1.0); 1382 --color-primary-button-background: rgb(0 0 0 / 1.0); 1383 --color-primary-button-border: rgb(0 0 0 / 1.0); 1384 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1385 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1386 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1387 --color-secondary-button-text: rgb(202 153 68 / 1.0); 1388 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1389 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1390 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1391 --color-secondary-button-hover-background: rgb(222 222 222 / 1.0); 1392 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1393 --color-input-background: rgb(0 0 0 / 0.05); 1394 --color-input-text: rgb(0 0 0 / 1.0); 1395 --color-input-text-rgb: 0 0 0; 1396 --color-input-border: rgb(0 0 0 / 0.0); 1397 --color-input-hover-background: rgb(230 230 230 / 1.0); 1398 --color-variant-background: rgb(249 248 246 / 1.0); 1399 --color-variant-border: rgb(230 230 230 / 1.0); 1400 --color-variant-text: rgb(0 0 0 / 1.0); 1401 --color-variant-text-rgb: 0 0 0; 1402 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1403 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1404 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1405 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1406 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1407 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1408 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1409 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1410 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1411 1412 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1413 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1414 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1415 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1416 --font-h1--color: var(--color-foreground-heading); 1417 --font-h2--color: var(--color-foreground-heading); 1418 --font-h3--color: var(--color-foreground-heading); 1419 --font-h4--color: var(--color-foreground-heading); 1420 --font-h5--color: var(--color-foreground-heading); 1421 --font-h6--color: var(--color-foreground-heading); 1422 1423 /* Shadows */ 1424 1425 1426 --shadow-blur: 20px; 1427 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1428 1429 } 1430 1431 1432 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e { 1433 color: var(--color-foreground); 1434 background-color: var(--color-background); 1435 } 1436</style> 1437 1438 1439
1439<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1439<meta name="facebook-domain-verification" content="yzwoqc2dukil2k96xlf9w08nhwobcd"> 1440<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55088185537/digital_wallets/dialog"> 1441<meta id="in-context-paypal-metadata" data-shop-id="55088185537" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1442<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://humboldtcoffee.com/search"> 1443<link rel="alternate" hreflang="en" href="https://humboldtcoffee.com/search"> 1444<link rel="alternate" hreflang="en-CA" href="https://humboldtcoffee.com/en-ca/search">
1445<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=610468033"></script>
1445 1446<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1447<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=610468033&shop_id=55088185537" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1447
1447
1448<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55088185537,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55088185537","merchantName":"Humboldt Bay Coffee","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Humboldt Bay Coffee","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1448
1448
1449<script id="shopify-features" type="application/json">{"accessToken":"d917d9b0ba3cbb776891f68c3959e248","betas":["rich-media-storefront-analytics"],"domain":"humboldtcoffee.com","predictiveSearch":true,"shopId":55088185537,"locale":"en"}</script>
vendor: 1 bytes, line 1449
1449
1450<script>var Shopify = Shopify || {}; 1451Shopify.shop = "humboldt-bay-coffee-co.myshopify.com"; 1452Shopify.locale = "en"; 1453Shopify.currency = {"active":"USD","rate":"1.0"}; 1454Shopify.country = "US"; 1455Shopify.theme = {"name":"Updated copy of Vessel","id":176172564673,"schema_name":"Vessel","schema_version":"3.3.0","theme_store_id":3628,"role":"main"}; 1456Shopify.theme.handle = "null"; 1457Shopify.theme.style = {"id":null,"handle":null}; 1458Shopify.cdnHost = "humboldtcoffee.com/cdn"; 1459Shopify.routes = Shopify.routes || {}; 1460Shopify.routes.root = "/"; 1461Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1462Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1463Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1464Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1464
1464
1465<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1465
1465
1466<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 1466
1466
1467<script> 1468 window.ShopifyPay = window.ShopifyPay || {}; 1469 window.ShopifyPay.apiHost = "shop.app\/pay"; 1470 window.ShopifyPay.redirectState = null; 1471</script>
vendor: 1 bytes, line 1471
1471
1472<script> 1473 window.Shopify = window.Shopify || {}; 1474 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1475 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1476 window.Shopify.SignInWithShop.eligible = true; 1477</script>
vendor: 1 bytes, line 1477
1477
1478<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 1478
1478
1479<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 1479
1479
1480<script type="module"> 1481 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1482 1483 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1484 1485</script>
vendor: 1 bytes, line 1485
1485
1486<script> 1487 window.Shopify = window.Shopify || {}; 1488 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1489 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"]}; 1490</script>
vendor: 1 bytes, line 1490
1490
1491<script>(function() { 1492 var isLoaded = false; 1493 function asyncLoad() { 1494 if (isLoaded) return; 1495 isLoaded = true; 1496 var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=humboldt-bay-coffee-co.myshopify.com"]; 1497 for (var i = 0; i < urls.length; i++) { 1498 var s = document.createElement('script'); 1499 s.type = 'text/javascript'; 1500 s.async = true; 1501 s.src = urls[i]; 1502 var x = document.getElementsByTagName('script')[0]; 1503 x.parentNode.insertBefore(s, x); 1504 } 1505 }; 1506 if(window.attachEvent) { 1507 window.attachEvent('onload', asyncLoad); 1508 } else { 1509 window.addEventListener('load', asyncLoad, false); 1510 } 1511})();</script>
vendor: 1 bytes, line 1511
1511
1512<script id="__st">var __st={"a":55088185537,"offset":-25200,"reqid":"bc1ff19b-0077-411b-bb78-688ca8ff9580-1790947325","pageurl":"humboldtcoffee.com\/search","u":"31c206205202","p":"searchresults"};</script>
vendor: 1 bytes, line 1512
1512
1513<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1513
1513
1514<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 1514
1514
1515<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//humboldtcoffee.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1515
1515
1516<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 = "//humboldtcoffee.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>
1516<script crossorigin="anonymous" defer="defer" src="//humboldtcoffee.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1516
1516
1517<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 1517
1517
1518<script> 1519 window.Shopify = window.Shopify || {}; 1520 window.Shopify.MCP = window.Shopify.MCP || {}; 1521 window.Shopify.MCP.enabled = true; 1522 window.Shopify.MCP.shop = "humboldt-bay-coffee-co.myshopify.com"; 1523 window.Shopify.MCP.mcpEndpoint = "https:\/\/humboldtcoffee.com\/api\/mcp"; 1524 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"]}}]; 1525</script>
vendor: 1 bytes, line 1525
1525
1526<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("\/\/humboldtcoffee.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1527</script>
vendor: 1 bytes, line 1527
1527
1528<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://humboldtcoffee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1529</script>
vendor: 1 bytes, line 1529
1529
1530<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1531 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); 1532</script>
vendor: 1 bytes, line 1532
1532
1533<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})}})); 1534</script>
vendor: 1 bytes, line 1534
1534
1535<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"publisher_shop_id":55088185537,"theme_id":176172564673,"theme_published":true,"theme_store_id":3628,"placement":"search","event_data":{"search_query":null},"recommendations_tracking_enabled":true}" defer="defer" src="//humboldtcoffee.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
1535 1536<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://humboldtcoffee.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1537<style id="shopify-accelerated-checkout-cart"> 1538 #shopify-buyer-consent { 1539 margin-top: 1em; 1540 display: inline-block; 1541 width: 100%; 1542} 1543 1544#shopify-buyer-consent.hidden { 1545 display: none; 1546} 1547 1548#shopify-subscription-policy-button { 1549 background: none; 1550 border: none; 1551 padding: 0; 1552 text-decoration: underline; 1553 font-size: inherit; 1554 cursor: pointer; 1555} 1556 1557#shopify-subscription-policy-button::before { 1558 box-shadow: none; 1559} 1560 1561 </style> 1562<link rel="stylesheet" media="screen" href="//humboldtcoffee.com/cdn/shop/t/7/compiled_assets/styles.css?v=17139307441888294991776817255">
1563<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1563 1564 <!-- BEGIN app block: shopify://apps/fontify/blocks/app-embed/334490e2-2153-4a2e-a452-e90bdeffa3cc --><link rel="preconnect" href="https://cdn.nitroapps.co" crossorigin=""><!-- Shop metafields --><style type="text/css" id="nitro-fontify" > 1565 /** {"overwrite":true,"mobile":false,"desktop":false,"stylesheet":null,"languages":[]}**/ 1566 1567 1568 @font-face { 1569 font-family: 'old news paper type'; 1570 src: url(https://cdn.shopify.com/s/files/1/2800/8456/t/7/assets/humboldt-bay-coffee-co-old-news-paper-type.TTF?v=1652396150); 1571 } 1572 h1,h2,h3,h4,h5,h6 { 1573 font-family: 'old news paper type' !important; 1574 1575 /** 3 **/ 1576 } 1577 1578 1579 /** {"overwrite":true,"mobile":false,"desktop":false,"stylesheet":null,"languages":[]}**/ 1580 1581 1582 @font-face { 1583 font-family: 'OLD NEWSPAPER TYPE'; 1584 src: url(https://cdn.shopify.com/s/files/1/2800/8456/t/7/assets/humboldt-bay-coffee-co-old-newspaper-type.TTF?v=1652396282); 1585 } 1586 a { 1587 font-family: 'OLD NEWSPAPER TYPE' !important; 1588 1589 /** 3 **/ 1590 } 1591 1592 1593 </style>
1594<script 1595 type="text/javascript" 1596 id="fontify-scripts" 1597> 1598 1599 (function () { 1600 // Prevent duplicate execution 1601 if (window.fontifyScriptInitialized) { 1602 return; 1603 } 1604 window.fontifyScriptInitialized = true; 1605 1606 if (window.opener) { 1607 // Remove existing listener if any before adding new one 1608 if (window.fontifyMessageListener) { 1609 window.removeEventListener('message', window.fontifyMessageListener, false); 1610 } 1611 1612 function watchClosedWindow() { 1613 let itv = setInterval(function () { 1614 if (!window.opener || window.opener.closed) { 1615 clearInterval(itv); 1616 window.close(); 1617 } 1618 }, 1000); 1619 } 1620 1621 // Helper function to inject scripts and links from vite-tag content 1622 function injectScript(encodedContent) { 1623 1624 1625 // Decode HTML entities 1626 const tempTextarea = document.createElement('textarea'); 1627 tempTextarea.innerHTML = encodedContent; 1628 const viteContent = tempTextarea.value; 1629 1630 // Parse HTML content 1631 const tempDiv = document.createElement('div'); 1632 tempDiv.innerHTML = viteContent; 1633 1634 // Track duplicates within tempDiv only 1635 const scriptIds = new Set(); 1636 const scriptSrcs = new Set(); 1637 const linkKeys = new Set(); 1638 1639 // Helper to clone element attributes 1640 function cloneAttributes(source, target) { 1641 Array.from(source.attributes).forEach(function(attr) { 1642 if (attr.name === 'crossorigin') { 1643 target.crossOrigin = attr.value; 1644 } else { 1645 target.setAttribute(attr.name, attr.value); 1646 } 1647 }); 1648 if (source.textContent) { 1649 target.textContent = source.textContent; 1650 } 1651 } 1652 1653 // Inject scripts (filter duplicates within tempDiv) 1654 tempDiv.querySelectorAll('script').forEach(function(script) { 1655 const scriptId = script.getAttribute('id'); 1656 const scriptSrc = script.getAttribute('src'); 1657 1658 // Skip if duplicate in tempDiv 1659 if ((scriptId && scriptIds.has(scriptId)) || (scriptSrc && scriptSrcs.has(scriptSrc))) { 1660 return; 1661 } 1662 1663 // Track script 1664 if (scriptId) scriptIds.add(scriptId); 1665 if (scriptSrc) scriptSrcs.add(scriptSrc); 1666 1667 // Clone and inject 1668 const newScript = document.createElement('script'); 1669 cloneAttributes(script, newScript); 1670 1671 document.head.appendChild(newScript); 1672 }); 1673 1674 // Inject links (filter duplicates within tempDiv) 1675 tempDiv.querySelectorAll('link').forEach(function(link) { 1676 const linkHref = link.getAttribute('href'); 1677 const linkRel = link.getAttribute('rel') || ''; 1678 const key = linkHref + '|' + linkRel; 1679 1680 // Skip if duplicate in tempDiv 1681 if (linkHref && linkKeys.has(key)) { 1682 return; 1683 } 1684 1685 // Track link 1686 if (linkHref) linkKeys.add(key); 1687 1688 // Clone and inject 1689 const newLink = document.createElement('link'); 1690 cloneAttributes(link, newLink); 1691 document.head.appendChild(newLink); 1692 }); 1693 } 1694 1695 // Function to apply preview font data 1696 1697 1698 function receiveMessage(event) { 1699 watchClosedWindow(); 1700 if (event.data.action == 'fontify_ready') { 1701 console.log('fontify_ready'); 1702 injectScript(`<!-- BEGIN app snippet: vite-tag --> 1703 1704 1705 <script src="https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-B3V8Mu2P.js" type="module" crossorigin="anonymous"></script> 1706 1707<!-- END app snippet --> 1708 <!-- BEGIN app snippet: vite-tag --> 1709 1710 1711 <link href="//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-GVRB1u2d.css" rel="stylesheet" type="text/css" media="all" /> 1712 1713<!-- END app snippet --> 1714`); 1715 1716 } else if (event.data.action == 'font_audit_ready') { 1717 injectScript(`<!-- BEGIN app snippet: vite-tag --> 1718 1719 1720 <script src="https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-DDeWPAiq.js" type="module" crossorigin="anonymous"></script> 1721 1722<!-- END app snippet --> 1723 <!-- BEGIN app snippet: vite-tag --> 1724 1725 1726 <link href="//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-CNr6hPle.css" rel="stylesheet" type="text/css" media="all" /> 1727 1728<!-- END app snippet --> 1729`); 1730 1731 } else if (event.data.action == 'preview_font_data') { 1732 const fontData = event?.data || null; 1733 window.fontifyPreviewData = fontData; 1734 injectScript(`<!-- BEGIN app snippet: vite-tag --> 1735 1736 1737 <script src="https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/preview-CH6oXAfY.js" type="module" crossorigin="anonymous"></script> 1738 1739<!-- END app snippet --> 1740`); 1741 } 1742 } 1743 1744 // Store reference to listener for cleanup 1745 window.fontifyMessageListener = receiveMessage; 1746 window.addEventListener('message', receiveMessage, false); 1747 1748 // Send init message when window is opened from opener 1749 if (window.opener) { 1750 window.opener.postMessage({ action: `${window.name}_init`, data: JSON.parse(JSON.stringify({})) }, '*'); 1751 } 1752 } 1753 })(); 1754</script>
1754 1755 1756 1757<!-- END app block --><!-- BEGIN app block: shopify://apps/conversion/blocks/seona_by_styleai/c2fdd8a2-5abf-48be-ab7f-5378cb014677 -->
1757<script src="https://p.usestyle.ai" defer></script>
1757 1758 1759<!-- 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'> 1760
1761<script id='shopify-chat-app-embed-data' type='application/json'> 1762 { 1763 "settings": { 1764 "invertActivatorColors": true, 1765 "greetingMessage": "", 1766 "showFeaturedProducts": true, 1767 "featuredProducts": [], 1768 "horizontalPosition": "bottom_right", 1769 "icon": "chat_bubble", 1770 "buttonLabel": "Chat" 1771 } 1772 } 1773</script>
1773 1774 1775<style data-shopify> 1776 1777 1778 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1779 shopify-chat:defined:empty { 1780 display: grid; 1781 } 1782 1783 :root { 1784 --shopify-chat-bg-color: #FFFFFF; 1785 --shopify-chat-text-color: #000000; 1786 --shopify-chat-accent-bg-color: #000000; 1787 --shopify-chat-accent-text-color: #FFFFFF; 1788 --shopify-chat-activator-offset: 20px; 1789 1790 1791 1792 --shopify-chat-activator-font-size: 16px; 1793 --shopify-chat-border-radius: 16px; 1794 } 1795 1796 1797</style> 1798
1799<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1799 1800 1801 1802<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815
1815<script async src="https://static.klaviyo.com/onsite/js/Y3fM4f/klaviyo.js?company_id=Y3fM4f"></script>
1815 1816
1816<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>
1816 1817 1818 1819 1820 1821 1822 1823
1823<script> 1824 window.klaviyoReviewsProductDesignMode = false 1825 </script>
1825 1826 1827 1828 1829 <!-- BEGIN app snippet: customer-hub-data -->
1829<script> 1830 if (!window.customerHub) { 1831 window.customerHub = {}; 1832 } 1833 window.customerHub.storefrontRoutes = { 1834 login: "https://humboldtcoffee.com/customer_authentication/redirect?locale=en®ion_country=US?return_url=%2F%23k-hub", 1835 register: "https://shopify.com/55088185537/account?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodW1ib2xkdC1iYXktY29mZmVlLWNvLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MjEyNiwibmJmIjoxNzkwOTQ3MzI2fQ.AaT0W3vdXoaDKIzdhuGgfHbyqc-UAi5i8i351-YqiMM?return_url=%2F%23k-hub", 1836 logout: "/account/logout", 1837 profile: "/account", 1838 addresses: "/account/addresses", 1839 }; 1840 1841 window.customerHub.userId = null; 1842 1843 window.customerHub.storeDomain = "humboldt-bay-coffee-co.myshopify.com"; 1844 1845 1846 1847 1848 window.customerHub.storeLocale = { 1849 currentLanguage: 'en', 1850 currentCountry: 'US', 1851 availableLanguages: [ 1852 1853 { 1854 iso_code: 'en', 1855 endonym_name: 'English' 1856 } 1857 1858 ], 1859 availableCountries: [ 1860 1861 { 1862 iso_code: 'AF', 1863 name: 'Afghanistan', 1864 currency_code: 'AFN' 1865 }, 1866 1867 { 1868 iso_code: 'AX', 1869 name: 'à land Islands', 1870 currency_code: 'EUR' 1871 }, 1872 1873 { 1874 iso_code: 'AL', 1875 name: 'Albania', 1876 currency_code: 'ALL' 1877 }, 1878 1879 { 1880 iso_code: 'DZ', 1881 name: 'Algeria', 1882 currency_code: 'DZD' 1883 }, 1884 1885 { 1886 iso_code: 'AD', 1887 name: 'Andorra', 1888 currency_code: 'EUR' 1889 }, 1890 1891 { 1892 iso_code: 'AO', 1893 name: 'Angola', 1894 currency_code: 'USD' 1895 }, 1896 1897 { 1898 iso_code: 'AI', 1899 name: 'Anguilla', 1900 currency_code: 'XCD' 1901 }, 1902 1903 { 1904 iso_code: 'AG', 1905 name: 'Antigua & Barbuda', 1906 currency_code: 'XCD' 1907 }, 1908 1909 { 1910 iso_code: 'AR', 1911 name: 'Argentina', 1912 currency_code: 'USD' 1913 }, 1914 1915 { 1916 iso_code: 'AM', 1917 name: 'Armenia', 1918 currency_code: 'AMD' 1919 }, 1920 1921 { 1922 iso_code: 'AW', 1923 name: 'Aruba', 1924 currency_code: 'AWG' 1925 }, 1926 1927 { 1928 iso_code: 'AC', 1929 name: 'Ascension Island', 1930 currency_code: 'SHP' 1931 }, 1932 1933 { 1934 iso_code: 'AU', 1935 name: 'Australia', 1936 currency_code: 'AUD' 1937 }, 1938 1939 { 1940 iso_code: 'AT', 1941 name: 'Austria', 1942 currency_code: 'EUR' 1943 }, 1944 1945 { 1946 iso_code: 'AZ', 1947 name: 'Azerbaijan', 1948 currency_code: 'AZN' 1949 }, 1950 1951 { 1952 iso_code: 'BS', 1953 name: 'Bahamas', 1954 currency_code: 'BSD' 1955 }, 1956 1957 { 1958 iso_code: 'BH', 1959 name: 'Bahrain', 1960 currency_code: 'USD' 1961 }, 1962 1963 { 1964 iso_code: 'BD', 1965 name: 'Bangladesh', 1966 currency_code: 'BDT' 1967 }, 1968 1969 { 1970 iso_code: 'BB', 1971 name: 'Barbados', 1972 currency_code: 'BBD' 1973 }, 1974 1975 { 1976 iso_code: 'BY', 1977 name: 'Belarus', 1978 currency_code: 'USD' 1979 }, 1980 1981 { 1982 iso_code: 'BE', 1983 name: 'Belgium', 1984 currency_code: 'EUR' 1985 }, 1986 1987 { 1988 iso_code: 'BZ', 1989 name: 'Belize', 1990 currency_code: 'BZD' 1991 }, 1992 1993 { 1994 iso_code: 'BJ', 1995 name: 'Benin', 1996 currency_code: 'XOF' 1997 }, 1998 1999 { 2000 iso_code: 'BM', 2001 name: 'Bermuda', 2002 currency_code: 'USD' 2003 }, 2004 2005 { 2006 iso_code: 'BT', 2007 name: 'Bhutan', 2008 currency_code: 'USD' 2009 }, 2010 2011 { 2012 iso_code: 'BO', 2013 name: 'Bolivia', 2014 currency_code: 'BOB' 2015 }, 2016 2017 { 2018 iso_code: 'BA', 2019 name: 'Bosnia & Herzegovina', 2020 currency_code: 'BAM' 2021 }, 2022 2023 { 2024 iso_code: 'BW', 2025 name: 'Botswana', 2026 currency_code: 'BWP' 2027 }, 2028 2029 { 2030 iso_code: 'BR', 2031 name: 'Brazil', 2032 currency_code: 'USD' 2033 }, 2034 2035 { 2036 iso_code: 'IO', 2037 name: 'British Indian Ocean Territory', 2038 currency_code: 'USD' 2039 }, 2040 2041 { 2042 iso_code: 'VG', 2043 name: 'British Virgin Islands', 2044 currency_code: 'USD' 2045 }, 2046 2047 { 2048 iso_code: 'BN', 2049 name: 'Brunei', 2050 currency_code: 'BND' 2051 }, 2052 2053 { 2054 iso_code: 'BG', 2055 name: 'Bulgaria', 2056 currency_code: 'EUR' 2057 }, 2058 2059 { 2060 iso_code: 'BF', 2061 name: 'Burkina Faso', 2062 currency_code: 'XOF' 2063 }, 2064 2065 { 2066 iso_code: 'BI', 2067 name: 'Burundi', 2068 currency_code: 'BIF' 2069 }, 2070 2071 { 2072 iso_code: 'KH', 2073 name: 'Cambodia', 2074 currency_code: 'KHR' 2075 }, 2076 2077 { 2078 iso_code: 'CM', 2079 name: 'Cameroon', 2080 currency_code: 'XAF' 2081 }, 2082 2083 { 2084 iso_code: 'CA', 2085 name: 'Canada', 2086 currency_code: 'CAD' 2087 }, 2088 2089 { 2090 iso_code: 'CV', 2091 name: 'Cape Verde', 2092 currency_code: 'CVE' 2093 }, 2094 2095 { 2096 iso_code: 'BQ', 2097 name: 'Caribbean Netherlands', 2098 currency_code: 'USD' 2099 }, 2100 2101 { 2102 iso_code: 'KY', 2103 name: 'Cayman Islands', 2104 currency_code: 'KYD' 2105 }, 2106 2107 { 2108 iso_code: 'CF', 2109 name: 'Central African Republic', 2110 currency_code: 'XAF' 2111 }, 2112 2113 { 2114 iso_code: 'TD', 2115 name: 'Chad', 2116 currency_code: 'XAF' 2117 }, 2118 2119 { 2120 iso_code: 'CL', 2121 name: 'Chile', 2122 currency_code: 'USD' 2123 }, 2124 2125 { 2126 iso_code: 'CN', 2127 name: 'China', 2128 currency_code: 'CNY' 2129 }, 2130 2131 { 2132 iso_code: 'CX', 2133 name: 'Christmas Island', 2134 currency_code: 'AUD' 2135 }, 2136 2137 { 2138 iso_code: 'CC', 2139 name: 'Cocos (Keeling) Islands', 2140 currency_code: 'AUD' 2141 }, 2142 2143 { 2144 iso_code: 'CO', 2145 name: 'Colombia', 2146 currency_code: 'USD' 2147 }, 2148 2149 { 2150 iso_code: 'KM', 2151 name: 'Comoros', 2152 currency_code: 'KMF' 2153 }, 2154 2155 { 2156 iso_code: 'CG', 2157 name: 'Congo - Brazzaville', 2158 currency_code: 'XAF' 2159 }, 2160 2161 { 2162 iso_code: 'CD', 2163 name: 'Congo - Kinshasa', 2164 currency_code: 'CDF' 2165 }, 2166 2167 { 2168 iso_code: 'CK', 2169 name: 'Cook Islands', 2170 currency_code: 'NZD' 2171 }, 2172 2173 { 2174 iso_code: 'CR', 2175 name: 'Costa Rica', 2176 currency_code: 'CRC' 2177 }, 2178 2179 { 2180 iso_code: 'CI', 2181 name: 'Côte dâIvoire', 2182 currency_code: 'XOF' 2183 }, 2184 2185 { 2186 iso_code: 'HR', 2187 name: 'Croatia', 2188 currency_code: 'EUR' 2189 }, 2190 2191 { 2192 iso_code: 'CW', 2193 name: 'Curaçao', 2194 currency_code: 'ANG' 2195 }, 2196 2197 { 2198 iso_code: 'CY', 2199 name: 'Cyprus', 2200 currency_code: 'EUR' 2201 }, 2202 2203 { 2204 iso_code: 'CZ', 2205 name: 'Czechia', 2206 currency_code: 'CZK' 2207 }, 2208 2209 { 2210 iso_code: 'DK', 2211 name: 'Denmark', 2212 currency_code: 'DKK' 2213 }, 2214 2215 { 2216 iso_code: 'DJ', 2217 name: 'Djibouti', 2218 currency_code: 'DJF' 2219 }, 2220 2221 { 2222 iso_code: 'DM', 2223 name: 'Dominica', 2224 currency_code: 'XCD' 2225 }, 2226 2227 { 2228 iso_code: 'DO', 2229 name: 'Dominican Republic', 2230 currency_code: 'DOP' 2231 }, 2232 2233 { 2234 iso_code: 'EC', 2235 name: 'Ecuador', 2236 currency_code: 'USD' 2237 }, 2238 2239 { 2240 iso_code: 'EG', 2241 name: 'Egypt', 2242 currency_code: 'EGP' 2243 }, 2244 2245 { 2246 iso_code: 'SV', 2247 name: 'El Salvador', 2248 currency_code: 'USD' 2249 }, 2250 2251 { 2252 iso_code: 'GQ', 2253 name: 'Equatorial Guinea', 2254 currency_code: 'XAF' 2255 }, 2256 2257 { 2258 iso_code: 'ER', 2259 name: 'Eritrea', 2260 currency_code: 'USD' 2261 }, 2262 2263 { 2264 iso_code: 'EE', 2265 name: 'Estonia', 2266 currency_code: 'EUR' 2267 }, 2268 2269 { 2270 iso_code: 'SZ', 2271 name: 'Eswatini', 2272 currency_code: 'USD' 2273 }, 2274 2275 { 2276 iso_code: 'ET', 2277 name: 'Ethiopia', 2278 currency_code: 'ETB' 2279 }, 2280 2281 { 2282 iso_code: 'FK', 2283 name: 'Falkland Islands', 2284 currency_code: 'FKP' 2285 }, 2286 2287 { 2288 iso_code: 'FO', 2289 name: 'Faroe Islands', 2290 currency_code: 'DKK' 2291 }, 2292 2293 { 2294 iso_code: 'FJ', 2295 name: 'Fiji', 2296 currency_code: 'FJD' 2297 }, 2298 2299 { 2300 iso_code: 'FI', 2301 name: 'Finland', 2302 currency_code: 'EUR' 2303 }, 2304 2305 { 2306 iso_code: 'FR', 2307 name: 'France', 2308 currency_code: 'EUR' 2309 }, 2310 2311 { 2312 iso_code: 'GF', 2313 name: 'French Guiana', 2314 currency_code: 'EUR' 2315 }, 2316 2317 { 2318 iso_code: 'PF', 2319 name: 'French Polynesia', 2320 currency_code: 'XPF' 2321 }, 2322 2323 { 2324 iso_code: 'TF', 2325 name: 'French Southern Territories', 2326 currency_code: 'EUR' 2327 }, 2328 2329 { 2330 iso_code: 'GA', 2331 name: 'Gabon', 2332 currency_code: 'XOF' 2333 }, 2334 2335 { 2336 iso_code: 'GM', 2337 name: 'Gambia', 2338 currency_code: 'GMD' 2339 }, 2340 2341 {
2342 iso_code: 'GE', 2343 name: 'Georgia', 2344 currency_code: 'USD' 2345 }, 2346 2347 { 2348 iso_code: 'DE', 2349 name: 'Germany', 2350 currency_code: 'EUR' 2351 }, 2352 2353 { 2354 iso_code: 'GH', 2355 name: 'Ghana', 2356 currency_code: 'USD' 2357 }, 2358 2359 { 2360 iso_code: 'GI', 2361 name: 'Gibraltar', 2362 currency_code: 'GBP' 2363 }, 2364 2365 { 2366 iso_code: 'GR', 2367 name: 'Greece', 2368 currency_code: 'EUR' 2369 }, 2370 2371 { 2372 iso_code: 'GL', 2373 name: 'Greenland', 2374 currency_code: 'DKK' 2375 }, 2376 2377 { 2378 iso_code: 'GD', 2379 name: 'Grenada', 2380 currency_code: 'XCD' 2381 }, 2382 2383 { 2384 iso_code: 'GP', 2385 name: 'Guadeloupe', 2386 currency_code: 'EUR' 2387 }, 2388 2389 { 2390 iso_code: 'GT', 2391 name: 'Guatemala', 2392 currency_code: 'GTQ' 2393 }, 2394 2395 { 2396 iso_code: 'GG', 2397 name: 'Guernsey', 2398 currency_code: 'GBP' 2399 }, 2400 2401 { 2402 iso_code: 'GN', 2403 name: 'Guinea', 2404 currency_code: 'GNF' 2405 }, 2406 2407 { 2408 iso_code: 'GW', 2409 name: 'Guinea-Bissau', 2410 currency_code: 'XOF' 2411 }, 2412 2413 { 2414 iso_code: 'GY', 2415 name: 'Guyana', 2416 currency_code: 'GYD' 2417 }, 2418 2419 { 2420 iso_code: 'HT', 2421 name: 'Haiti', 2422 currency_code: 'USD' 2423 }, 2424 2425 { 2426 iso_code: 'HN', 2427 name: 'Honduras', 2428 currency_code: 'HNL' 2429 }, 2430 2431 { 2432 iso_code: 'HK', 2433 name: 'Hong Kong SAR', 2434 currency_code: 'HKD' 2435 }, 2436 2437 { 2438 iso_code: 'HU', 2439 name: 'Hungary', 2440 currency_code: 'HUF' 2441 }, 2442 2443 { 2444 iso_code: 'IS', 2445 name: 'Iceland', 2446 currency_code: 'ISK' 2447 }, 2448 2449 { 2450 iso_code: 'IN', 2451 name: 'India', 2452 currency_code: 'INR' 2453 }, 2454 2455 { 2456 iso_code: 'ID', 2457 name: 'Indonesia', 2458 currency_code: 'IDR' 2459 }, 2460 2461 { 2462 iso_code: 'IQ', 2463 name: 'Iraq', 2464 currency_code: 'USD' 2465 }, 2466 2467 { 2468 iso_code: 'IE', 2469 name: 'Ireland', 2470 currency_code: 'EUR' 2471 }, 2472 2473 { 2474 iso_code: 'IM', 2475 name: 'Isle of Man', 2476 currency_code: 'GBP' 2477 }, 2478 2479 { 2480 iso_code: 'IL', 2481 name: 'Israel', 2482 currency_code: 'ILS' 2483 }, 2484 2485 { 2486 iso_code: 'IT', 2487 name: 'Italy', 2488 currency_code: 'EUR' 2489 }, 2490 2491 { 2492 iso_code: 'JM', 2493 name: 'Jamaica', 2494 currency_code: 'JMD' 2495 }, 2496 2497 { 2498 iso_code: 'JP', 2499 name: 'Japan', 2500 currency_code: 'JPY' 2501 }, 2502 2503 { 2504 iso_code: 'JE', 2505 name: 'Jersey', 2506 currency_code: 'USD' 2507 }, 2508 2509 { 2510 iso_code: 'JO', 2511 name: 'Jordan', 2512 currency_code: 'USD' 2513 }, 2514 2515 { 2516 iso_code: 'KZ', 2517 name: 'Kazakhstan', 2518 currency_code: 'KZT' 2519 }, 2520 2521 { 2522 iso_code: 'KE', 2523 name: 'Kenya', 2524 currency_code: 'KES' 2525 }, 2526 2527 { 2528 iso_code: 'KI', 2529 name: 'Kiribati', 2530 currency_code: 'USD' 2531 }, 2532 2533 { 2534 iso_code: 'XK', 2535 name: 'Kosovo', 2536 currency_code: 'EUR' 2537 }, 2538 2539 { 2540 iso_code: 'KW', 2541 name: 'Kuwait', 2542 currency_code: 'USD' 2543 }, 2544 2545 { 2546 iso_code: 'KG', 2547 name: 'Kyrgyzstan', 2548 currency_code: 'KGS' 2549 }, 2550 2551 { 2552 iso_code: 'LA', 2553 name: 'Laos', 2554 currency_code: 'LAK' 2555 }, 2556 2557 { 2558 iso_code: 'LV', 2559 name: 'Latvia', 2560 currency_code: 'EUR' 2561 }, 2562 2563 { 2564 iso_code: 'LB', 2565 name: 'Lebanon', 2566 currency_code: 'LBP' 2567 }, 2568 2569 { 2570 iso_code: 'LS', 2571 name: 'Lesotho', 2572 currency_code: 'USD' 2573 }, 2574 2575 { 2576 iso_code: 'LR', 2577 name: 'Liberia', 2578 currency_code: 'USD' 2579 }, 2580 2581 { 2582 iso_code: 'LY', 2583 name: 'Libya', 2584 currency_code: 'USD' 2585 }, 2586 2587 { 2588 iso_code: 'LI', 2589 name: 'Liechtenstein', 2590 currency_code: 'CHF' 2591 }, 2592 2593 { 2594 iso_code: 'LT', 2595 name: 'Lithuania', 2596 currency_code: 'EUR' 2597 }, 2598 2599 { 2600 iso_code: 'LU', 2601 name: 'Luxembourg', 2602 currency_code: 'EUR' 2603 }, 2604 2605 { 2606 iso_code: 'MO', 2607 name: 'Macao SAR', 2608 currency_code: 'MOP' 2609 }, 2610 2611 { 2612 iso_code: 'MG', 2613 name: 'Madagascar', 2614 currency_code: 'USD' 2615 }, 2616 2617 { 2618 iso_code: 'MW', 2619 name: 'Malawi', 2620 currency_code: 'MWK' 2621 }, 2622 2623 { 2624 iso_code: 'MY', 2625 name: 'Malaysia', 2626 currency_code: 'MYR' 2627 }, 2628 2629 { 2630 iso_code: 'MV', 2631 name: 'Maldives', 2632 currency_code: 'MVR' 2633 }, 2634 2635 { 2636 iso_code: 'ML', 2637 name: 'Mali', 2638 currency_code: 'XOF' 2639 }, 2640 2641 { 2642 iso_code: 'MT', 2643 name: 'Malta', 2644 currency_code: 'EUR' 2645 }, 2646 2647 { 2648 iso_code: 'MQ', 2649 name: 'Martinique', 2650 currency_code: 'EUR' 2651 }, 2652 2653 { 2654 iso_code: 'MR', 2655 name: 'Mauritania', 2656 currency_code: 'USD' 2657 }, 2658 2659 { 2660 iso_code: 'MU', 2661 name: 'Mauritius', 2662 currency_code: 'MUR' 2663 }, 2664 2665 { 2666 iso_code: 'YT', 2667 name: 'Mayotte', 2668 currency_code: 'EUR' 2669 }, 2670 2671 { 2672 iso_code: 'MX', 2673 name: 'Mexico', 2674 currency_code: 'USD' 2675 }, 2676 2677 { 2678 iso_code: 'MD', 2679 name: 'Moldova', 2680 currency_code: 'MDL' 2681 }, 2682 2683 { 2684 iso_code: 'MC', 2685 name: 'Monaco', 2686 currency_code: 'EUR' 2687 }, 2688 2689 { 2690 iso_code: 'MN', 2691 name: 'Mongolia', 2692 currency_code: 'MNT' 2693 }, 2694 2695 { 2696 iso_code: 'ME', 2697 name: 'Montenegro', 2698 currency_code: 'EUR' 2699 }, 2700 2701 { 2702 iso_code: 'MS', 2703 name: 'Montserrat', 2704 currency_code: 'XCD' 2705 }, 2706 2707 { 2708 iso_code: 'MA', 2709 name: 'Morocco', 2710 currency_code: 'MAD' 2711 }, 2712 2713 { 2714 iso_code: 'MZ', 2715 name: 'Mozambique', 2716 currency_code: 'USD' 2717 }, 2718 2719 { 2720 iso_code: 'MM', 2721 name: 'Myanmar (Burma)', 2722 currency_code: 'MMK' 2723 }, 2724 2725 { 2726 iso_code: 'NA', 2727 name: 'Namibia', 2728 currency_code: 'USD' 2729 }, 2730 2731 { 2732 iso_code: 'NR', 2733 name: 'Nauru', 2734 currency_code: 'AUD' 2735 }, 2736 2737 { 2738 iso_code: 'NP', 2739 name: 'Nepal', 2740 currency_code: 'NPR' 2741 }, 2742 2743 { 2744 iso_code: 'NL', 2745 name: 'Netherlands', 2746 currency_code: 'EUR' 2747 }, 2748 2749 { 2750 iso_code: 'NC', 2751 name: 'New Caledonia', 2752 currency_code: 'XPF' 2753 }, 2754 2755 { 2756 iso_code: 'NZ', 2757 name: 'New Zealand', 2758 currency_code: 'NZD' 2759 }, 2760 2761 { 2762 iso_code: 'NI', 2763 name: 'Nicaragua', 2764 currency_code: 'NIO' 2765 }, 2766 2767 { 2768 iso_code: 'NE', 2769 name: 'Niger', 2770 currency_code: 'XOF' 2771 }, 2772 2773 { 2774 iso_code: 'NG', 2775 name: 'Nigeria', 2776 currency_code: 'NGN' 2777 }, 2778 2779 { 2780 iso_code: 'NU', 2781 name: 'Niue', 2782 currency_code: 'NZD' 2783 }, 2784 2785 { 2786 iso_code: 'NF', 2787 name: 'Norfolk Island', 2788 currency_code: 'AUD' 2789 }, 2790 2791 { 2792 iso_code: 'MK', 2793 name: 'North Macedonia', 2794 currency_code: 'MKD' 2795 }, 2796 2797 { 2798 iso_code: 'NO', 2799 name: 'Norway', 2800 currency_code: 'USD' 2801 }, 2802 2803 { 2804 iso_code: 'OM', 2805 name: 'Oman', 2806 currency_code: 'USD' 2807 }, 2808 2809 { 2810 iso_code: 'PK', 2811 name: 'Pakistan', 2812 currency_code: 'PKR' 2813 }, 2814 2815 { 2816 iso_code: 'PS', 2817 name: 'Palestinian Territories', 2818 currency_code: 'ILS' 2819 }, 2820 2821 { 2822 iso_code: 'PA', 2823 name: 'Panama', 2824 currency_code: 'USD' 2825 }, 2826 2827 { 2828 iso_code: 'PG', 2829 name: 'Papua New Guinea', 2830 currency_code: 'PGK' 2831 }, 2832 2833 { 2834 iso_code: 'PY', 2835 name: 'Paraguay', 2836 currency_code: 'PYG' 2837 }, 2838 2839 { 2840 iso_code: 'PE', 2841 name: 'Peru', 2842 currency_code: 'PEN' 2843 }, 2844 2845 { 2846 iso_code: 'PH', 2847 name: 'Philippines', 2848 currency_code: 'PHP' 2849 }, 2850 2851 { 2852 iso_code: 'PN', 2853 name: 'Pitcairn Islands', 2854 currency_code: 'NZD' 2855 }, 2856 2857 { 2858 iso_code: 'PL', 2859 name: 'Poland', 2860 currency_code: 'PLN' 2861 }, 2862 2863 { 2864 iso_code: 'PT', 2865 name: 'Portugal', 2866 currency_code: 'EUR' 2867 }, 2868 2869 { 2870 iso_code: 'QA', 2871 name: 'Qatar', 2872 currency_code: 'QAR' 2873 }, 2874 2875 { 2876 iso_code: 'RE', 2877 name: 'Réunion', 2878 currency_code: 'EUR' 2879 }, 2880 2881 { 2882 iso_code: 'RO', 2883 name: 'Romania', 2884 currency_code: 'RON' 2885 }, 2886 2887 { 2888 iso_code: 'RU', 2889 name: 'Russia', 2890 currency_code: 'USD' 2891 }, 2892 2893 { 2894 iso_code: 'RW', 2895 name: 'Rwanda', 2896 currency_code: 'RWF' 2897 }, 2898 2899 { 2900 iso_code: 'WS', 2901 name: 'Samoa', 2902 currency_code: 'WST' 2903 }, 2904 2905 { 2906 iso_code: 'SM', 2907 name: 'San Marino', 2908 currency_code: 'EUR' 2909 }, 2910 2911 { 2912 iso_code: 'ST', 2913 name: 'São Tomé & PrÃncipe', 2914 currency_code: 'STD' 2915 }, 2916 2917 { 2918 iso_code: 'SA', 2919 name: 'Saudi Arabia', 2920 currency_code: 'SAR' 2921 }, 2922 2923 { 2924 iso_code: 'SN', 2925 name: 'Senegal', 2926 currency_code: 'XOF' 2927 }, 2928 2929 { 2930 iso_code: 'RS', 2931 name: 'Serbia', 2932 currency_code: 'RSD' 2933 }, 2934 2935 { 2936 iso_code: 'SC', 2937 name: 'Seychelles', 2938 currency_code: 'USD' 2939 }, 2940 2941 { 2942 iso_code: 'SL', 2943 name: 'Sierra Leone', 2944 currency_code: 'SLL' 2945 }, 2946 2947 { 2948 iso_code: 'SG', 2949 name: 'Singapore', 2950 currency_code: 'SGD' 2951 }, 2952 2953 { 2954 iso_code: 'SX', 2955 name: 'Sint Maarten', 2956 currency_code: 'ANG' 2957 }, 2958 2959 { 2960 iso_code: 'SK', 2961 name: 'Slovakia', 2962 currency_code: 'EUR' 2963 }, 2964 2965 { 2966 iso_code: 'SI', 2967 name: 'Slovenia', 2968 currency_code: 'EUR' 2969 }, 2970 2971 { 2972 iso_code: 'SB', 2973 name: 'Solomon Islands', 2974 currency_code: 'SBD' 2975 }, 2976 2977 { 2978 iso_code: 'SO', 2979 name: 'Somalia', 2980 currency_code: 'USD' 2981 }, 2982 2983 { 2984 iso_code: 'ZA', 2985 name: 'South Africa', 2986 currency_code: 'USD' 2987 }, 2988 2989 { 2990 iso_code: 'GS', 2991 name: 'South Georgia & South Sandwich Islands', 2992 currency_code: 'GBP' 2993 }, 2994 2995 { 2996 iso_code: 'KR', 2997 name: 'South Korea', 2998 currency_code: 'KRW' 2999 }, 3000 3001 { 3002 iso_code: 'SS', 3003 name: 'South Sudan', 3004 currency_code: 'USD' 3005 }, 3006 3007 { 3008 iso_code: 'ES', 3009 name: 'Spain', 3010 currency_code: 'EUR' 3011 }, 3012 3013 { 3014 iso_code: 'LK', 3015 name: 'Sri Lanka', 3016 currency_code: 'LKR' 3017 }, 3018 3019 { 3020 iso_code: 'BL', 3021 name: 'St. Barthélemy', 3022 currency_code: 'EUR' 3023 }, 3024 3025 { 3026 iso_code: 'SH', 3027 name: 'St. Helena', 3028 currency_code: 'SHP' 3029 }, 3030 3031 { 3032 iso_code: 'KN', 3033 name: 'St. Kitts & Nevis', 3034 currency_code: 'XCD' 3035 }, 3036 3037 { 3038 iso_code: 'LC', 3039 name: 'St. Lucia', 3040 currency_code: 'XCD' 3041 }, 3042 3043 { 3044 iso_code: 'MF', 3045 name: 'St. Martin', 3046 currency_code: 'EUR' 3047 }, 3048 3049 { 3050 iso_code: 'PM', 3051 name: 'St. Pierre & Miquelon', 3052 currency_code: 'EUR' 3053
3053 }, 3054 3055 { 3056 iso_code: 'VC', 3057 name: 'St. Vincent & Grenadines', 3058 currency_code: 'XCD' 3059 }, 3060 3061 { 3062 iso_code: 'SD', 3063 name: 'Sudan', 3064 currency_code: 'USD' 3065 }, 3066 3067 { 3068 iso_code: 'SR', 3069 name: 'Suriname', 3070 currency_code: 'USD' 3071 }, 3072 3073 { 3074 iso_code: 'SJ', 3075 name: 'Svalbard & Jan Mayen', 3076 currency_code: 'USD' 3077 }, 3078 3079 { 3080 iso_code: 'SE', 3081 name: 'Sweden', 3082 currency_code: 'SEK' 3083 }, 3084 3085 { 3086 iso_code: 'CH', 3087 name: 'Switzerland', 3088 currency_code: 'CHF' 3089 }, 3090 3091 { 3092 iso_code: 'TW', 3093 name: 'Taiwan', 3094 currency_code: 'TWD' 3095 }, 3096 3097 { 3098 iso_code: 'TJ', 3099 name: 'Tajikistan', 3100 currency_code: 'TJS' 3101 }, 3102 3103 { 3104 iso_code: 'TZ', 3105 name: 'Tanzania', 3106 currency_code: 'TZS' 3107 }, 3108 3109 { 3110 iso_code: 'TH', 3111 name: 'Thailand', 3112 currency_code: 'THB' 3113 }, 3114 3115 { 3116 iso_code: 'TL', 3117 name: 'Timor-Leste', 3118 currency_code: 'USD' 3119 }, 3120 3121 { 3122 iso_code: 'TG', 3123 name: 'Togo', 3124 currency_code: 'XOF' 3125 }, 3126 3127 { 3128 iso_code: 'TK', 3129 name: 'Tokelau', 3130 currency_code: 'NZD' 3131 }, 3132 3133 { 3134 iso_code: 'TO', 3135 name: 'Tonga', 3136 currency_code: 'TOP' 3137 }, 3138 3139 { 3140 iso_code: 'TT', 3141 name: 'Trinidad & Tobago', 3142 currency_code: 'TTD' 3143 }, 3144 3145 { 3146 iso_code: 'TA', 3147 name: 'Tristan da Cunha', 3148 currency_code: 'GBP' 3149 }, 3150 3151 { 3152 iso_code: 'TN', 3153 name: 'Tunisia', 3154 currency_code: 'USD' 3155 }, 3156 3157 { 3158 iso_code: 'TR', 3159 name: 'Türkiye', 3160 currency_code: 'USD' 3161 }, 3162 3163 { 3164 iso_code: 'TM', 3165 name: 'Turkmenistan', 3166 currency_code: 'USD' 3167 }, 3168 3169 { 3170 iso_code: 'TC', 3171 name: 'Turks & Caicos Islands', 3172 currency_code: 'USD' 3173 }, 3174 3175 { 3176 iso_code: 'TV', 3177 name: 'Tuvalu', 3178 currency_code: 'AUD' 3179 }, 3180 3181 { 3182 iso_code: 'UM', 3183 name: 'U.S. Outlying Islands', 3184 currency_code: 'USD' 3185 }, 3186 3187 { 3188 iso_code: 'UG', 3189 name: 'Uganda', 3190 currency_code: 'UGX' 3191 }, 3192 3193 { 3194 iso_code: 'UA', 3195 name: 'Ukraine', 3196 currency_code: 'UAH' 3197 }, 3198 3199 { 3200 iso_code: 'AE', 3201 name: 'United Arab Emirates', 3202 currency_code: 'AED' 3203 }, 3204 3205 { 3206 iso_code: 'GB', 3207 name: 'United Kingdom', 3208 currency_code: 'GBP' 3209 }, 3210 3211 { 3212 iso_code: 'US', 3213 name: 'United States', 3214 currency_code: 'USD' 3215 }, 3216 3217 { 3218 iso_code: 'UY', 3219 name: 'Uruguay', 3220 currency_code: 'UYU' 3221 }, 3222 3223 { 3224 iso_code: 'UZ', 3225 name: 'Uzbekistan', 3226 currency_code: 'UZS' 3227 }, 3228 3229 { 3230 iso_code: 'VU', 3231 name: 'Vanuatu', 3232 currency_code: 'VUV' 3233 }, 3234 3235 { 3236 iso_code: 'VA', 3237 name: 'Vatican City', 3238 currency_code: 'EUR' 3239 }, 3240 3241 { 3242 iso_code: 'VE', 3243 name: 'Venezuela', 3244 currency_code: 'USD' 3245 }, 3246 3247 { 3248 iso_code: 'VN', 3249 name: 'Vietnam', 3250 currency_code: 'VND' 3251 }, 3252 3253 { 3254 iso_code: 'WF', 3255 name: 'Wallis & Futuna', 3256 currency_code: 'XPF' 3257 }, 3258 3259 { 3260 iso_code: 'EH', 3261 name: 'Western Sahara', 3262 currency_code: 'MAD' 3263 }, 3264 3265 { 3266 iso_code: 'YE', 3267 name: 'Yemen', 3268 currency_code: 'YER' 3269 }, 3270 3271 { 3272 iso_code: 'ZM', 3273 name: 'Zambia', 3274 currency_code: 'USD' 3275 }, 3276 3277 { 3278 iso_code: 'ZW', 3279 name: 'Zimbabwe', 3280 currency_code: 'USD' 3281 } 3282 3283 ] 3284 }; 3285 3286</script>
3286 3287<!-- END app snippet --> 3288 3289 3290 3291 <!-- BEGIN app snippet: customer-hub-replace-links -->
3292<script> 3293 function replaceAccountLinks() { 3294 const selector = 3295 'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account'; 3296 const accountLinksNodes = document.querySelectorAll(selector); 3297 for (const node of accountLinksNodes) { 3298 const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false'; 3299 if (!ignore) { 3300 // Any login links to Shopify's account system, point them at the customer hub instead. 3301 node.href = '#k-hub'; 3302 /** 3303 * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads. 3304 * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen. 3305 * Luckily, these themes usually have a className you can add to links to skip the transition. 3306 * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link. 3307 **/ 3308 node.classList.add('no-transition', 'js-no-transition'); 3309 } 3310 } 3311 } 3312 3313 3314 if (document.readyState === 'complete') { 3315 replaceAccountLinks(); 3316 } else { 3317 const controller = new AbortController(); 3318 document.addEventListener( 3319 'readystatechange', 3320 () => { 3321 replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state 3322 if (document.readyState === 'complete') { 3323 // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort 3324 // by removing the listener afterwards. 3325 controller.abort(); 3326 } 3327 }, 3328 { signal: controller.signal }, 3329 ); 3330 } 3331 3332</script>
3332 3333<!-- END app snippet --> 3334 3335 3336 3337 3338 3339<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3340<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: 55088185537,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 3340
3340
3341<script> 3342 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 3343</script>
vendor: 1 bytes, line 3343
3343
3344<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}
3344).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: 55088185537,storefrontBaseUrl: "https://humboldtcoffee.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://humboldtcoffee.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1443037377","configuration":"{\"store_id\":\"157836\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
3344,"dataSharingState":"unrestricted"},{"id":"1305542849","configuration":"{\"accountID\":\"Y3fM4f\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1168736449","configuration":"{\"pixel_id\":\"3112524755633303\",\"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":"10223809","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads"},{"id":"105185473","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"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":"Humboldt Bay Coffee","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"humboldt-bay-coffee-co.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/humboldtcoffee.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://humboldtcoffee.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"176172564673","themeStoreId":"3628","themePublished":"true","eventMetadataId":"fa77dc95-8a92-48b1-a221-1091ee9476e9","pageType":"searchresults","shopId":"55088185537","storefrontBaseUrl":"https:\/\/humboldtcoffee.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
3344<script> 3345 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 3346 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 3347 window.ShopifyAnalytics.meta.currency = 'USD'; 3348 var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"bc1ff19b-0077-411b-bb78-688ca8ff9580-1790947325"}}; 3349 for (var attr in meta) { 3350 window.ShopifyAnalytics.meta[attr] = meta[attr]; 3351 } 3352</script>
vendor: 1 bytes, line 3352
3352
3353<script class="analytics"> 3354 (function () { 3355 var customDocumentWrite = function(content) { 3356 var jquery = null; 3357 3358 if (window.jQuery) { 3359 jquery = window.jQuery; 3360 } else if (window.Checkout && window.Checkout.$) { 3361 jquery = window.Checkout.$; 3362 } 3363 3364 if (jquery) { 3365 jquery('body').append(content); 3366 } 3367 }; 3368 3369 var hasLoggedConversion = function(token) { 3370 if (token) { 3371 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 3372 } 3373 return false; 3374 } 3375 3376 var setCookieIfConversion = function(token) { 3377 if (token) { 3378 var twoMonthsFromNow = new Date(Date.now()); 3379 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 3380 3381 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 3382 } 3383 } 3384 3385 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 3386 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 3387 if (trekkie.integrations) { 3388 return; 3389 } 3390 trekkie.methods = [ 3391 'identify', 3392 'page', 3393 'ready', 3394 'track', 3395 'trackForm', 3396 'trackLink' 3397 ]; 3398 trekkie.factory = function(method) { 3399 return function() { 3400 var args = Array.prototype.slice.call(arguments); 3401 args.unshift(method); 3402 trekkie.push(args); 3403 if (method == 'track' || method == 'page') { 3404 var pageUrl; 3405 try { 3406 pageUrl = window.location.href; 3407 } catch (e) {} 3408 var pageReferrer; 3409 try { 3410 pageReferrer = document.referrer; 3411 } catch (e) {} 3412 try { 3413 if (window.__TREKKIE_SHIM_QUEUE == null) { 3414 window.__TREKKIE_SHIM_QUEUE = []; 3415 } 3416 window.__TREKKIE_SHIM_QUEUE.push({ 3417 from: 'trekkie-stub', 3418 method: method, 3419 args: args.slice(1), 3420 pageContext: { 3421 url: pageUrl, 3422 referrer: pageReferrer 3423 } 3424 }); 3425 } catch (e) { 3426 // no-op 3427 } 3428 } 3429 return trekkie; 3430 }; 3431 }; 3432 for (var i = 0; i < trekkie.methods.length; i++) { 3433 var key = trekkie.methods[i]; 3434 trekkie[key] = trekkie.factory(key); 3435 } 3436 trekkie.load = function(config) { 3437 trekkie.config = config || {}; 3438 trekkie.config.initialDocumentCookie = document.cookie; 3439 var first = document.getElementsByTagName('script')[0]; 3440var script = document.createElement('script'); 3441script.type = 'text/javascript'; 3442script.onerror = function(e) { 3443 var scriptFallback = document.createElement('script'); 3444 scriptFallback.type = 'text/javascript'; 3445 scriptFallback.onerror = function(error) { 3446 var Monorail = { 3447 produce: function produce(monorailDomain, schemaId, payload) { 3448 var currentMs = new Date().getTime(); 3449 var event = { 3450 schema_id: schemaId, 3451 payload: payload, 3452 metadata: { 3453 event_created_at_ms: currentMs, 3454 event_sent_at_ms: currentMs 3455 } 3456 }; 3457 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 3458 }, 3459 sendRequest: function sendRequest(endpointUrl, payload) { 3460 // Try the sendBeacon API 3461 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 3462 var blobData = new window.Blob([payload], { 3463 type: 'text/plain' 3464 }); 3465 3466 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 3467 return true; 3468 } // sendBeacon was not successful 3469 3470 } // XHR beacon 3471 3472 var xhr = new XMLHttpRequest(); 3473 3474 try { 3475 xhr.open('POST', endpointUrl); 3476 xhr.setRequestHeader('Content-Type', 'text/plain'); 3477 xhr.send(payload); 3478 } catch (e) { 3479 console.log(e); 3480 } 3481 3482 return false; 3483 }, 3484 isIos12: function isIos12() { 3485 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 3486 } 3487 }; 3488 Monorail.produce('monorail-edge.shopifysvc.com', 3489 'trekkie_storefront_load_errors/1.1', 3490 {shop_id: 55088185537, 3491 theme_id: 176172564673, 3492 app_name: "storefront", 3493 context_url: window.location.href, 3494 source_url: "//humboldtcoffee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 3495 3496 }; 3497 scriptFallback.async = true; 3498 scriptFallback.src = '//humboldtcoffee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 3499 first.parentNode.insertBefore(scriptFallback, first); 3500}; 3501script.async = true; 3502script.src = '//humboldtcoffee.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 3503first.parentNode.insertBefore(script, first); 3504 3505 }; 3506 trekkie.load( 3507 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55088185537,"isMerchantRequest":null,"themeId":176172564673,"themeCityHash":"13465874323563565495","contentLanguage":"en","currency":"USD","eventMetadataId":"fa77dc95-8a92-48b1-a221-1091ee9476e9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 3508 ); 3509 3510 var loaded = false;
3511 trekkie.ready(function() { 3512 if (loaded) return; 3513 loaded = true; 3514 3515 window.ShopifyAnalytics.lib = window.trekkie; 3516 3517 var originalDocumentWrite = document.write; 3518 document.write = customDocumentWrite; 3519 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 3520 document.write = originalDocumentWrite; 3521 3522 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 3523 var token = match? match[1]: undefined; 3524 if (!hasLoggedConversion(token)) { 3525 setCookieIfConversion(token); 3526 window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true}); 3527 } 3528 }); 3529 3530 window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"bc1ff19b-0077-411b-bb78-688ca8ff9580-1790947325","shopifyEmitted":true}); 3531 3532 var eventsListenerScript = document.createElement('script'); 3533 eventsListenerScript.async = true; 3534 eventsListenerScript.src = "//humboldtcoffee.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 3535 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 3536})();</script>
3536 3537
3537<script> 3538 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 3539 window.ga = function ga() { 3540 (window.ga.q = window.ga.q || []).push(arguments); 3541 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 3542 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 3543 } 3544 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 3545 }; 3546 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 3547 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 3548 } 3549 } 3550</script>
vendor: 1 bytes, line 3550
3550
3551<script 3552 defer 3553 src="https://humboldtcoffee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 3554 data-application="storefront-renderer" 3555 data-shop-id="55088185537" 3556 data-render-region="gcp-us-central1" 3557 data-page-type="search" 3558 data-theme-instance-id="176172564673" 3559 data-theme-name="Vessel" 3560 data-theme-version="3.3.0" 3561 data-monorail-region="shop_domain" 3562 data-resource-timing-sampling-rate="10" 3563 data-shs="true" 3564 data-shs-beacon="true" 3565 data-shs-export-with-fetch="true" 3566 data-shs-logs-sample-rate="1" 3567 data-shs-beacon-endpoint="https://humboldtcoffee.com/api/collect" 3568></script>
vendor: 1 bytes, line 3568
3568
3569<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to Humboldt Bay Coffee. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respondâ¦"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"Iâd like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldnât load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldnât be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didnât upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldnât respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached â try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached â try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isnât available right nowâemail us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isnât available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isnât available right now â our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I canât connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, weâll email you when thereâs a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when thereâs a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
3569,{"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 3569
3569
3570<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"55088185537","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>
3570 3571<meta name="shopify-y" content="ab99edd0-6623-48ed-9cf5-4b2f9c24aa2a" data-expiration="1822504925000"><meta name="shopify-s" content="42770ed9-c7e0-4e52-95ae-bf9b6c7940dd" data-expiration="1790949125000"><meta name="new-cookie-storage-activated" content="t"> 3572</head> 3573 3574 <body class="page-width-normal card-hover-effect-scale"> 3575 <a 3576 class="skip-to-content-link button-secondary" 3577 href="#MainContent" 3578> 3579 Skip to content 3580</a> 3581 3582 <div id="header-group"> 3583 <!-- BEGIN sections: header-group --> 3584<div id="shopify-section-sections--24479419728065__header_announcements_N9mJVp" class="shopify-section shopify-section-group-header-group"> 3585 3586 3587 3588<div class="section-background color-scheme-5"></div> 3589<aside 3590 class="announcement-bar spacing-style section section--page-width color-scheme-5" 3591 style="--padding-block-start: 15px; --padding-block-end:15px; 3592--padding-inline-start:0px; --padding-inline-end:0px; 3593; --border-bottom-width: 0px;" 3594> 3595 3596 3597 <announcement-bar-component 3598 class="announcement-bar__slider" 3599 3600 > 3601 3602 3603 <div class="announcement-bar__slides"> 3604 3605<slideshow-slide 3606 ref="slides[]" 3607 class=" 3608 announcement-bar__slide 3609 text-block 3610 text-block--AclZIK0hWbUltOUpXd__announcement_rgGhcj 3611 text-block--align-center 3612 text-block--full-width 3613 custom-typography 3614 custom-font-size 3615 custom-font-weight 3616 " 3617 style=" 3618 3619--color: ;--font-size: 1rem;--font-weight: 600; --font-family: var(--font-accent--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 3620 --width: 100%; 3621 --text-align: center; 3622 --line-height: 1; 3623 " 3624 3625 aria-hidden="false" 3626 > 3627 <p class="announcement-bar__text"> 3628 <em><strong>GET FREE SHIPPING WHEN YOU SPEND $75</strong></em> 3629 </p> 3630 3631 3632 <a 3633 class="announcement-bar__link" 3634 href="/collections/all-coffees" 3635 > 3636 <span class="visually-hidden"> 3637 GET FREE SHIPPING WHEN YOU SPEND $75 3638 </span> 3639 </a> 3640 3641 </slideshow-slide> 3642 3643 3644 3645 </div> 3646 </announcement-bar-component> 3647</aside> 3648 3649 3650 3651 3652</div><div id="shopify-section-sections--24479419728065__1776817008c30c9f97" class="shopify-section shopify-section-group-header-group section-wrapper"> 3653 3654 3655 3656<div class="section-background color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e"></div> 3657<div 3658 class="section section--page-width color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 3659 data-testid="ui-test-section" 3660 3661 3662 3663 style=" 3664 3665 3666 3667 " 3668> 3669 <div class="custom-section-background"> 3670 3671 3672 3673 3674 </div> 3675 3676 <div 3677 class="border-style custom-section-content" 3678 style="--border-width: 1px; --border-style: none; --border-color: 3679rgb(var(--color-border-rgb) / 1.0); --border-radius: 36800px; 3681" 3682 > 3683 3684 3685 <div 3686 class=" 3687 spacing-style 3688 layout-panel-flex 3689 layout-panel-flex--column 3690 section-content-wrapper 3691 mobile-column 3692 " 3693 style=" 3694 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3695 3696--gap: 12px; 3697 3698--horizontal-alignment: center; --vertical-alignment: flex-start; 3699--vertical-alignment-mobile: flex-start; 3700 3701 --padding-block-start: 0px;--padding-block-end: 0px; 3702 " 3703 data-testid="section-content" 3704 > 3705 3706 <div id="shopify-block-AZmZycy9HL2RLZVZnN__ai_gen_block_3616f7a_RkefUb" class="shopify-block"> 3707 3708 3709<style data-shopify> 3710 .ai-logo-block-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3711 display: block; 3712 width: 100%; 3713 max-width: 100%; 3714 padding: 20px 20px 20px; 3715 text-align: center; 3716 } 3717 3718 .ai-logo-wrapper-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3719 display: inline-block; 3720 position: relative; 3721 } 3722 3723 .ai-logo-link-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3724 display: inline-block; 3725 line-height: 0; 3726 } 3727 3728 .ai-logo-image-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3729 height: 100px; 3730 width: auto; 3731 max-width: 100%; 3732 object-fit: contain; 3733 display: block; 3734 } 3735 3736 .ai-logo-text-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3737 font-size: 32px; 3738 font-weight: 700; 3739 color: #000000; 3740 text-decoration: none; 3741 display: inline-block; 3742 line-height: 1.2; 3743 } 3744 3745 .ai-logo-text-azmzycy9hl2rlzvznnaigenblock3616f7arkefub:hover { 3746 color: #000000; 3747 } 3748 3749 @media screen and (max-width: 749px) { 3750 .ai-logo-image-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3751 height: 40px; 3752 } 3753 3754 .ai-logo-text-azmzycy9hl2rlzvznnaigenblock3616f7arkefub { 3755 font-size: 25.6px; 3756 } 3757 } 3758</style> 3759 3760<div class="ai-logo-block-azmzycy9hl2rlzvznnaigenblock3616f7arkefub" >
3761 <div class="ai-logo-wrapper-azmzycy9hl2rlzvznnaigenblock3616f7arkefub"> 3762 3763 <a href="https://humboldtcoffee.com/" class="ai-logo-link-azmzycy9hl2rlzvznnaigenblock3616f7arkefub"> 3764 3765 <img 3766 src="//humboldtcoffee.com/cdn/shop/files/WEBSITE_SVG.svg?v=1770160056&width=600" 3767 alt="Humboldt Bay Coffee" 3768 class="ai-logo-image-azmzycy9hl2rlzvznnaigenblock3616f7arkefub" 3769 width="326" 3770 height="266" 3771 loading="lazy" 3772 > 3773 3774 </a> 3775 3776 </div> 3777</div> 3778 3779 3780</div> 3781 3782 3783 </div> 3784 </div> 3785</div> 3786 3787 3788 3789 3790 3791</div><header id="shopify-section-sections--24479419728065__header_section" class="shopify-section shopify-section-group-header-group header-section"> 3792 3793 3794 3795 3796
3797<script type="application/ld+json"> 3798 { 3799 "@context": "http://schema.org", 3800 "@type": "Organization", 3801 "name": "Humboldt Bay Coffee", 3802 3803 "logo": "https:\/\/humboldtcoffee.com\/cdn\/shop\/files\/WEBSITE_SVG.svg?v=1770160056\u0026width=500", 3804 3805 "url": "https:\/\/humboldtcoffee.com" 3806 } 3807</script>
3807 3808 3809<header-component 3810 id="header-component" 3811 class="header" 3812 data-theme-color="rgb(0 0 0)" 3813 3814 3815 sticky="always" 3816 3817 data-skip-node-update 3818 data-scroll-direction="none" 3819> 3820 3821 3822 3823 3824 3825 3826 <div 3827 class="header__row header__row--top color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e section section--full-width-margin section--page-width" 3828 ref="headerRowTop"style="--border-bottom-width: 1.5px; --border-bottom-width-mobile: 1.5px;"> 3829 <div class="header__columns spacing-style"> 3830 <div 3831 class="header__column header__column--left" 3832 data-testid="header-top-left" 3833 > 3834 3835 3836 3837 3838 3839 3840 3841 <div 3842 class="header__drawer" 3843 ref="headerDrawerContainer" 3844 data-hydration-key="header-drawer-mobile" 3845 3846 > 3847 3848
3849<script 3850 src="//humboldtcoffee.com/cdn/shop/t/7/assets/header-drawer.js?v=121243031541024704371770159939" 3851 type="module" 3852 fetchpriority="low" 3853></script>
3853 3854 3855<header-drawer 3856 class="header-drawer " 3857 style="--menu-image-border-radius: 31px; --resource-card-corner-radius: 31px;" 3858> 3859 <details 3860 id="Details-menu-drawer-container" 3861 data-skip-node-update="true" 3862 class="menu-drawer-container" 3863 ref="details" 3864 scroll-lock 3865 > 3866 <summary 3867 class="header__icon header__icon--menu header__icon--summary" 3868 aria-label="Menu" 3869 on:click="/toggle" 3870 > 3871 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3872 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3873 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3874</svg> 3875</span> 3876 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3877 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3878 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3879</svg> 3880</span> 3881 </summary> 3882 <div 3883 ref="menuDrawer" 3884 class=" 3885 menu-drawer 3886 color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e 3887 " 3888 > 3889 <button 3890 class="button close-button menu-drawer__close-button" 3891 type="button" 3892 aria-label="Close" 3893 on:click="/close" 3894 > 3895 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3896 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3897 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3898</svg> 3899</span> 3900 </button> 3901 <nav 3902 class="menu-drawer__navigation" 3903 style="--menu-top-level-font-family: var(--font-heading--family); 3904--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none; 3905 3906 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 3907 var(--menu-font-2xl--line-height); 3908 3909--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3910 3911--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style: 3912var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case: 3913none; 3914 3915 --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: 3916 var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); 3917 --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 3918 3919--menu-child-font-family: var(--font-heading--family); --menu-child-font-style: 3920var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case: 3921none; 3922 3923 --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); 3924 --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 3925 --menu-child-active-font-color: var(--color-foreground); 3926 3927 3928 " 3929 > 3930 <ul 3931 class="menu-drawer__menu has-submenu" 3932 role="list" 3933 > 3934 3935 3936 3937 <li 3938 style="--menu-drawer-animation-index: 1;" 3939 class="menu-drawer__list-item--deep" 3940 > 3941 3942 3943 <accordion-custom > 3944 <details 3945 id="Details-menu-drawer-coffee" 3946 > 3947 <summary 3948 id="HeaderDrawer-coffee" 3949 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3950 >
3951 <span class="menu-drawer__menu-item-text wrap-text">Coffee</span> 3952 <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3953 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3954 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3955</svg> 3956</span> 3957 </summary> 3958 3959 <ul 3960 class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid" 3961 role="list" 3962 tabindex="-1" 3963 ><li 3964 class="menu-drawer__list-item" 3965 style="--menu-drawer-animation-index: 1;" 3966 > 3967 <a 3968 id="HeaderDrawer-coffee-all-coffees" 3969 href="/collections/all-coffees" 3970 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3971 3972 > 3973 3974 3975 3976 3977 3978 <img src="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=800" alt="All Coffees" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 3979 3980 3981 3982 3983 <span class="menu-drawer__menu-item-text wrap-text">All Coffees</span> 3984 </a> 3985 </li><li 3986 class="menu-drawer__list-item" 3987 style="--menu-drawer-animation-index: 2;" 3988 > 3989 <a 3990 id="HeaderDrawer-coffee-blends" 3991 href="/collections/blends" 3992 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 3993 3994 > 3995 3996 3997 3998 3999 4000 <img src="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=800" alt="Blends" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4001 4002 4003 4004 4005 <span class="menu-drawer__menu-item-text wrap-text">Blends</span> 4006 </a> 4007 </li><li 4008 class="menu-drawer__list-item" 4009 style="--menu-drawer-animation-index: 3;" 4010 > 4011 <a 4012 id="HeaderDrawer-coffee-single-origin-coffee" 4013 href="/collections/single-origins" 4014 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4015 4016 > 4017 4018 4019 4020 4021 4022 <img src="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=800" alt="Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4023 4024 4025 4026
4027 <span class="menu-drawer__menu-item-text wrap-text">Single Origin Coffee</span> 4028 </a> 4029 </li><li 4030 class="menu-drawer__list-item" 4031 style="--menu-drawer-animation-index: 4;" 4032 > 4033 <a 4034 id="HeaderDrawer-coffee-roasters-reserve" 4035 href="/collections/roasters-reserve" 4036 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4037 4038 > 4039 4040 4041 4042 4043 4044 <img src="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=800" alt="Roaster's Reserve Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4045 4046 4047 4048 4049 <span class="menu-drawer__menu-item-text wrap-text">Roaster's Reserve</span> 4050 </a> 4051 </li><li 4052 class="menu-drawer__list-item" 4053 style="--menu-drawer-animation-index: 5;" 4054 > 4055 <a 4056 id="HeaderDrawer-coffee-flavored-coffees" 4057 href="/collections/flavored-coffee" 4058 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4059 4060 > 4061 4062 4063 4064 4065 4066 <img src="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=800" alt="Organic Flavored Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4067 4068 4069 4070 4071 <span class="menu-drawer__menu-item-text wrap-text">Flavored Coffees</span> 4072 </a> 4073 </li><li 4074 class="menu-drawer__list-item" 4075 style="--menu-drawer-animation-index: 6;" 4076 > 4077 <a 4078 id="HeaderDrawer-coffee-artist-series" 4079 href="/collections/artist-series" 4080 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4081 4082 > 4083 4084 4085 4086 4087 4088 <img src="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=800" alt="Artist Series" srcset="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4089 4090 4091 4092 4093 <span class="menu-drawer__menu-item-text wrap-text">Artist Series</span> 4094 </a> 4095 </li></ul> 4096 </details> 4097 </accordion-custom> 4098 4099 </li> 4100 <li 4101 style="--menu-drawer-animation-index: 2;" 4102 class="menu-drawer__list-item--deep" 4103 > 4104 4105<a 4106 id="HeaderDrawer-subscriptions" 4107 href="https://humboldt-bay-coffee-co.myshopify.com/tools/recurring/portal/6f2d60dce0e3516aa543565806dc25/overview?token=ec187b6988404edfb81d372fca6e865e" 4108 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4109 4110 >
4111 <span class="menu-drawer__menu-item-text wrap-text">Subscriptions</span> 4112 </a> 4113 4114 </li> 4115 <li 4116 style="--menu-drawer-animation-index: 3;" 4117 class="menu-drawer__list-item--deep" 4118 > 4119 4120 4121 <accordion-custom > 4122 <details 4123 id="Details-menu-drawer-goods" 4124 > 4125 <summary 4126 id="HeaderDrawer-goods" 4127 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4128 > 4129 <span class="menu-drawer__menu-item-text wrap-text">Goods</span> 4130 <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4131 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4132 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4133</svg> 4134</span> 4135 </summary> 4136 4137 <ul 4138 class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content menu-drawer__menu--grid" 4139 role="list" 4140 tabindex="-1" 4141 ><li 4142 class="menu-drawer__list-item" 4143 style="--menu-drawer-animation-index: 1;" 4144 > 4145 <a 4146 id="HeaderDrawer-goods-coffee-supplies" 4147 href="/collections/coffee-supplies" 4148 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4149 4150 > 4151 4152 4153 4154 4155 4156 <img src="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=800" alt="Coffee Supplies" srcset="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4157 4158 4159 4160 4161 <span class="menu-drawer__menu-item-text wrap-text">Coffee Supplies</span> 4162 </a> 4163 </li><li 4164 class="menu-drawer__list-item" 4165 style="--menu-drawer-animation-index: 2;" 4166 > 4167 <a 4168 id="HeaderDrawer-goods-merch" 4169 href="/collections/merchandise" 4170 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4171 4172 > 4173 4174 4175 4176 4177 4178 <img src="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=800" alt="Merch" srcset="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4179 4180 4181 4182 4183 <span class="menu-drawer__menu-item-text wrap-text">Merch</span> 4184 </a> 4185 </li><li 4186 class="menu-drawer__list-item" 4187 style="--menu-drawer-animation-index: 3;" 4188 > 4189 <a 4190 id="HeaderDrawer-goods-aeropress-kits" 4191 href="/collections/aeropress-starter-kits" 4192 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4193 4194 > 4195 4196 4197 4198 4199 4200 <img src="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=800" alt="AeroPress Starter Kits" srcset="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px"> 4201 4202 4203 4204
4205 <span class="menu-drawer__menu-item-text wrap-text">AeroPress Kits</span> 4206 </a> 4207 </li><li 4208 class="menu-drawer__list-item" 4209 style="--menu-drawer-animation-index: 4;" 4210 > 4211 <a 4212 id="HeaderDrawer-goods-gift-cards" 4213 href="/products/humboldt-bay-coffee-gift-card" 4214 class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset" 4215 4216 > 4217 4218 4219 4220 4221 4222 4223 <span class="menu-drawer__menu-item-text wrap-text">Gift Cards</span> 4224 </a> 4225 </li></ul> 4226 </details> 4227 </accordion-custom> 4228 4229 </li> 4230 <li 4231 style="--menu-drawer-animation-index: 4;" 4232 class="menu-drawer__list-item--deep" 4233 > 4234 4235<a 4236 id="HeaderDrawer-contact-us" 4237 href="/pages/contact-us" 4238 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4239 4240 > 4241 <span class="menu-drawer__menu-item-text wrap-text">Contact us</span> 4242 </a> 4243 4244 </li> 4245 <li 4246 style="--menu-drawer-animation-index: 5;" 4247 class="menu-drawer__list-item--deep" 4248 > 4249 4250<a 4251 id="HeaderDrawer-about-us" 4252 href="/blogs/news/how-it-started" 4253 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4254 4255 > 4256 <span class="menu-drawer__menu-item-text wrap-text">About Us</span> 4257 </a> 4258 4259 </li> 4260 <li 4261 style="--menu-drawer-animation-index: 6;" 4262 class="menu-drawer__list-item--deep" 4263 > 4264 4265<a 4266 id="HeaderDrawer-blogs" 4267 href="/blogs/news" 4268 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4269 4270 > 4271 <span class="menu-drawer__menu-item-text wrap-text">Blogs</span> 4272 </a> 4273 4274 </li> 4275 <li 4276 style="--menu-drawer-animation-index: 7;" 4277 class="menu-drawer__list-item--deep" 4278 > 4279 4280<a 4281 id="HeaderDrawer-stores" 4282 href="/pages/findstorenearyou" 4283 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4284 4285 > 4286 <span class="menu-drawer__menu-item-text wrap-text">Stores</span> 4287 </a> 4288 4289 </li> 4290 </ul> 4291 </nav> 4292 <div 4293 class="menu-drawer__utility-links menu-drawer__animated-element" 4294 style="--menu-drawer-animation-index: 7;" 4295 > 4296 4297 4298 4299 4300 <drawer-localization-component class="menu-drawer__localization"> 4301 <details 4302 id="drawer-localization" 4303 class="drawer-localization" 4304 on:toggle="/toggle" 4305 > 4306 <summary 4307 id="HeaderDrawer-localization" 4308 class="drawer-localization__button h3 link focus-inset" 4309 aria-expanded="false" 4310 on:click="header-drawer/open/submenu" 4311 style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 4312 >
4313 <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span 4314 class="icon-flag" 4315 style=" 4316 background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32); 4317 --size-shadow: 4px; 4318 --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); 4319 " 4320 ></span><span class="currency-code">USD</span> 4321 </div></div> 4322 <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4323 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4324</svg> 4325</span> 4326 </summary> 4327 4328 <div 4329 class="menu-drawer__submenu has-submenu color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 4330 style="" 4331 > 4332 <div 4333 class="menu-drawer__nav-buttons" 4334 ref="navButtons" 4335 > 4336 <button 4337 class="button menu-drawer__back-button link focus-inset" 4338 aria-expanded="true" 4339 on:click="header-drawer/back" 4340 > 4341 <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4342 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4343</svg> 4344</span> 4345 Region and language 4346 </button> 4347 <button 4348 class="button close-button menu-drawer__close-button" 4349 type="button" 4350 aria-label="Close" 4351 on:click="header-drawer/close" 4352 > 4353 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4354 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4355 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4356</svg> 4357</span> 4358 </button> 4359 </div> 4360 4361 4362<localization-form-component 4363 ref="localizationForm" 4364 data-label-results-count="[count] results" 4365 data-show-filter="true" 4366 style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 4367> 4368 4369<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /> 4370 4371 <div class="country-filter"> 4372 <div class="field"> 4373 <div class="country-filter__search-icon field__button"> 4374 <span class="svg-wrapper"> 4375 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 4376 4377 </span> 4378 </div> 4379 <input 4380 class="country-filter__input" 4381 id="country-filter-input" 4382 type="search" 4383 name="country_filter" 4384 value="" 4385 placeholder="Search" 4386 role="combobox" 4387 aria-owns="country-results" 4388 aria-controls="country-results" 4389 aria-haspopup="listbox"
4390 aria-autocomplete="list" 4391 aria-label="Find country" 4392 autocorrect="off" 4393 autocomplete="off" 4394 autocapitalize="off" 4395 spellcheck="false" 4396 ref="search" 4397 on:keyup="/filterCountries" 4398 > 4399 <label 4400 class="field__label visually-hidden" 4401 for="country-filter-input" 4402 >Search</label> 4403 <button 4404 type="reset" 4405 class="button button-unstyled country-filter__reset-button field__button" 4406 aria-label="Reset" 4407 ref="resetButton" 4408 hidden 4409 on:click="/resetCountriesFilter" 4410 > 4411 <span class="svg-wrapper"> 4412 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg> 4413 4414 </span> 4415 </button> 4416 </div> 4417 </div> 4418 4419 <div class="country-selector-form__wrapper"> 4420 <h2 4421 class="visually-hidden" 4422 id="drawer-CountryLabel" 4423 > 4424 Country/Region 4425 </h2> 4426 4427 <div 4428 id="sr-country-search-results-AanpCanRBWmI0TjQ0Q__header-menu-1" 4429 class="visually-hidden" 4430 aria-live="polite" 4431 ref="liveRegion" 4432 ></div> 4433 4434 <div 4435 class="localization-form__list" 4436 id="drawer-country-results" 4437 ref="countryList" 4438 > 4439 4440 <ul 4441 role="list" 4442 class="list-unstyled countries" 4443 > 4444 <span 4445 class="localization-form__list-item localization-form__list-item-disabled" 4446 id="no-results-message" 4447 ref="noResultsMessage" 4448 hidden 4449 >No results found</span> 4450 <li 4451 class="localization-form__list-item" 4452 4453 data-value="AF" 4454 4455 data-aliases="" 4456 4457 id="Afghanistan" 4458 aria-label="Afghanistan" 4459 role="option" 4460 tabindex="-1" 4461 ref="countryListItems[]" 4462 on:click="/selectCountry/AF" 4463 > 4464 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4465<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4466</svg> 4467</span> 4468 <span class="country">Afghanistan</span> 4469 <span 4470 class="localization-form__currency" 4471 4472 > 4473 AFN 4474 Ø</span> 4475 </li> 4476 <li 4477 class="localization-form__list-item" 4478 4479 data-value="AX" 4480 4481 data-aliases="" 4482 4483 id="Ã land Islands" 4484 aria-label="Ã land Islands" 4485 role="option" 4486 tabindex="-1" 4487 ref="countryListItems[]" 4488 on:click="/selectCountry/AX" 4489 > 4490 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4491<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4492</svg> 4493</span>
4494 <span class="country">à land Islands</span> 4495 <span 4496 class="localization-form__currency" 4497 4498 > 4499 EUR 4500 â¬</span> 4501 </li> 4502 <li 4503 class="localization-form__list-item" 4504 4505 data-value="AL" 4506 4507 data-aliases="" 4508 4509 id="Albania" 4510 aria-label="Albania" 4511 role="option" 4512 tabindex="-1" 4513 ref="countryListItems[]" 4514 on:click="/selectCountry/AL" 4515 > 4516 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4517<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4518</svg> 4519</span> 4520 <span class="country">Albania</span> 4521 <span 4522 class="localization-form__currency" 4523 4524 > 4525 ALL 4526 L</span> 4527 </li> 4528 <li 4529 class="localization-form__list-item" 4530 4531 data-value="DZ" 4532 4533 data-aliases="" 4534 4535 id="Algeria" 4536 aria-label="Algeria" 4537 role="option" 4538 tabindex="-1" 4539 ref="countryListItems[]" 4540 on:click="/selectCountry/DZ" 4541 > 4542 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4543<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4544</svg> 4545</span> 4546 <span class="country">Algeria</span> 4547 <span 4548 class="localization-form__currency" 4549 4550 > 4551 DZD 4552 د.ج</span> 4553 </li> 4554 <li 4555 class="localization-form__list-item" 4556 4557 data-value="AD" 4558 4559 data-aliases="" 4560 4561 id="Andorra" 4562 aria-label="Andorra" 4563 role="option" 4564 tabindex="-1" 4565 ref="countryListItems[]" 4566 on:click="/selectCountry/AD" 4567 > 4568 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4569<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4570</svg> 4571</span> 4572 <span class="country">Andorra</span> 4573 <span 4574 class="localization-form__currency" 4575 4576 > 4577 EUR 4578 â¬</span> 4579 </li> 4580 <li 4581 class="localization-form__list-item" 4582 4583 data-value="AO" 4584 4585 data-aliases="" 4586 4587 id="Angola" 4588 aria-label="Angola" 4589 role="option" 4590 tabindex="-1" 4591 ref="countryListItems[]" 4592 on:click="/selectCountry/AO" 4593 >
4594 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4595<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4596</svg> 4597</span> 4598 <span class="country">Angola</span> 4599 <span 4600 class="localization-form__currency" 4601 4602 > 4603 USD 4604 $</span> 4605 </li> 4606 <li 4607 class="localization-form__list-item" 4608 4609 data-value="AI" 4610 4611 data-aliases="" 4612 4613 id="Anguilla" 4614 aria-label="Anguilla" 4615 role="option" 4616 tabindex="-1" 4617 ref="countryListItems[]" 4618 on:click="/selectCountry/AI" 4619 > 4620 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4621<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4622</svg> 4623</span> 4624 <span class="country">Anguilla</span> 4625 <span 4626 class="localization-form__currency" 4627 4628 > 4629 XCD 4630 $</span> 4631 </li> 4632 <li 4633 class="localization-form__list-item" 4634 4635 data-value="AG" 4636 4637 data-aliases="" 4638 4639 id="Antigua & Barbuda" 4640 aria-label="Antigua & Barbuda" 4641 role="option" 4642 tabindex="-1" 4643 ref="countryListItems[]" 4644 on:click="/selectCountry/AG" 4645 > 4646 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4647<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4648</svg> 4649</span> 4650 <span class="country">Antigua & Barbuda</span> 4651 <span 4652 class="localization-form__currency" 4653 4654 > 4655 XCD 4656 $</span> 4657 </li> 4658 <li 4659 class="localization-form__list-item" 4660 4661 data-value="AR" 4662 4663 data-aliases="" 4664 4665 id="Argentina" 4666 aria-label="Argentina" 4667 role="option" 4668 tabindex="-1" 4669 ref="countryListItems[]" 4670 on:click="/selectCountry/AR" 4671 > 4672 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4673<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4674</svg> 4675</span> 4676 <span class="country">Argentina</span> 4677 <span 4678 class="localization-form__currency" 4679 4680 > 4681 USD
4682 $</span> 4683 </li> 4684 <li 4685 class="localization-form__list-item" 4686 4687 data-value="AM" 4688 4689 data-aliases="" 4690 4691 id="Armenia" 4692 aria-label="Armenia" 4693 role="option" 4694 tabindex="-1" 4695 ref="countryListItems[]" 4696 on:click="/selectCountry/AM" 4697 > 4698 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4699<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4700</svg> 4701</span> 4702 <span class="country">Armenia</span> 4703 <span 4704 class="localization-form__currency" 4705 4706 > 4707 AMD 4708 Õ¤Ö.</span> 4709 </li> 4710 <li 4711 class="localization-form__list-item" 4712 4713 data-value="AW" 4714 4715 data-aliases="" 4716 4717 id="Aruba" 4718 aria-label="Aruba" 4719 role="option" 4720 tabindex="-1" 4721 ref="countryListItems[]" 4722 on:click="/selectCountry/AW" 4723 > 4724 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4725<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4726</svg> 4727</span> 4728 <span class="country">Aruba</span> 4729 <span 4730 class="localization-form__currency" 4731 4732 > 4733 AWG 4734 Æ</span> 4735 </li> 4736 <li 4737 class="localization-form__list-item" 4738 4739 data-value="AC" 4740 4741 data-aliases="" 4742 4743 id="Ascension Island" 4744 aria-label="Ascension Island" 4745 role="option" 4746 tabindex="-1" 4747 ref="countryListItems[]" 4748 on:click="/selectCountry/AC" 4749 > 4750 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4751<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4752</svg> 4753</span> 4754 <span class="country">Ascension Island</span> 4755 <span 4756 class="localization-form__currency" 4757 4758 > 4759 SHP 4760 £</span> 4761 </li> 4762 <li 4763 class="localization-form__list-item" 4764 4765 data-value="AU" 4766 4767 data-aliases="" 4768 4769 id="Australia" 4770 aria-label="Australia" 4771 role="option" 4772 tabindex="-1" 4773 ref="countryListItems[]" 4774 on:click="/selectCountry/AU" 4775 > 4776 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4777<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4778</svg> 4779</span>
4780 <span class="country">Australia</span> 4781 <span 4782 class="localization-form__currency" 4783 4784 > 4785 AUD 4786 $</span> 4787 </li> 4788 <li 4789 class="localization-form__list-item" 4790 4791 data-value="AT" 4792 4793 data-aliases="" 4794 4795 id="Austria" 4796 aria-label="Austria" 4797 role="option" 4798 tabindex="-1" 4799 ref="countryListItems[]" 4800 on:click="/selectCountry/AT" 4801 > 4802 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4803<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4804</svg> 4805</span> 4806 <span class="country">Austria</span> 4807 <span 4808 class="localization-form__currency" 4809 4810 > 4811 EUR 4812 â¬</span> 4813 </li> 4814 <li 4815 class="localization-form__list-item" 4816 4817 data-value="AZ" 4818 4819 data-aliases="" 4820 4821 id="Azerbaijan" 4822 aria-label="Azerbaijan" 4823 role="option" 4824 tabindex="-1" 4825 ref="countryListItems[]" 4826 on:click="/selectCountry/AZ" 4827 > 4828 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4829<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4830</svg> 4831</span> 4832 <span class="country">Azerbaijan</span> 4833 <span 4834 class="localization-form__currency" 4835 4836 > 4837 AZN 4838 â¼</span> 4839 </li> 4840 <li 4841 class="localization-form__list-item" 4842 4843 data-value="BS" 4844 4845 data-aliases="" 4846 4847 id="Bahamas" 4848 aria-label="Bahamas" 4849 role="option" 4850 tabindex="-1" 4851 ref="countryListItems[]" 4852 on:click="/selectCountry/BS" 4853 > 4854 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4855<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4856</svg> 4857</span> 4858 <span class="country">Bahamas</span> 4859 <span 4860 class="localization-form__currency" 4861 4862 > 4863 BSD 4864 $</span> 4865 </li> 4866 <li 4867 class="localization-form__list-item" 4868 4869 data-value="BH" 4870 4871 data-aliases="" 4872 4873 id="Bahrain" 4874 aria-label="Bahrain" 4875 role="option" 4876 tabindex="-1" 4877 ref="countryListItems[]" 4878 on:click="/selectCountry/BH" 4879 >
4880 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4881<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4882</svg> 4883</span> 4884 <span class="country">Bahrain</span> 4885 <span 4886 class="localization-form__currency" 4887 4888 > 4889 USD 4890 $</span> 4891 </li> 4892 <li 4893 class="localization-form__list-item" 4894 4895 data-value="BD" 4896 4897 data-aliases="" 4898 4899 id="Bangladesh" 4900 aria-label="Bangladesh" 4901 role="option" 4902 tabindex="-1" 4903 ref="countryListItems[]" 4904 on:click="/selectCountry/BD" 4905 > 4906 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4907<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4908</svg> 4909</span> 4910 <span class="country">Bangladesh</span> 4911 <span 4912 class="localization-form__currency" 4913 4914 > 4915 BDT 4916 à§³</span> 4917 </li> 4918 <li 4919 class="localization-form__list-item" 4920 4921 data-value="BB" 4922 4923 data-aliases="" 4924 4925 id="Barbados" 4926 aria-label="Barbados" 4927 role="option" 4928 tabindex="-1" 4929 ref="countryListItems[]" 4930 on:click="/selectCountry/BB" 4931 > 4932 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4933<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4934</svg> 4935</span> 4936 <span class="country">Barbados</span> 4937 <span 4938 class="localization-form__currency" 4939 4940 > 4941 BBD 4942 $</span> 4943 </li> 4944 <li 4945 class="localization-form__list-item" 4946 4947 data-value="BY" 4948 4949 data-aliases="" 4950 4951 id="Belarus" 4952 aria-label="Belarus" 4953 role="option" 4954 tabindex="-1" 4955 ref="countryListItems[]" 4956 on:click="/selectCountry/BY" 4957 > 4958 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4959<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4960</svg> 4961</span> 4962 <span class="country">Belarus</span> 4963 <span 4964 class="localization-form__currency" 4965 4966 > 4967 USD
4968 $</span> 4969 </li> 4970 <li 4971 class="localization-form__list-item" 4972 4973 data-value="BE" 4974 4975 data-aliases="" 4976 4977 id="Belgium" 4978 aria-label="Belgium" 4979 role="option" 4980 tabindex="-1" 4981 ref="countryListItems[]" 4982 on:click="/selectCountry/BE" 4983 > 4984 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 4985<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4986</svg> 4987</span> 4988 <span class="country">Belgium</span> 4989 <span 4990 class="localization-form__currency" 4991 4992 > 4993 EUR 4994 â¬</span> 4995 </li> 4996 <li 4997 class="localization-form__list-item" 4998 4999 data-value="BZ" 5000 5001 data-aliases="" 5002 5003 id="Belize" 5004 aria-label="Belize" 5005 role="option" 5006 tabindex="-1" 5007 ref="countryListItems[]" 5008 on:click="/selectCountry/BZ" 5009 > 5010 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5011<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5012</svg> 5013</span> 5014 <span class="country">Belize</span> 5015 <span 5016 class="localization-form__currency" 5017 5018 > 5019 BZD 5020 $</span> 5021 </li> 5022 <li 5023 class="localization-form__list-item" 5024 5025 data-value="BJ" 5026 5027 data-aliases="" 5028 5029 id="Benin" 5030 aria-label="Benin" 5031 role="option" 5032 tabindex="-1" 5033 ref="countryListItems[]" 5034 on:click="/selectCountry/BJ" 5035 > 5036 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5037<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5038</svg> 5039</span> 5040 <span class="country">Benin</span> 5041 <span 5042 class="localization-form__currency" 5043 5044 > 5045 XOF 5046 Fr</span> 5047 </li> 5048 <li 5049 class="localization-form__list-item" 5050 5051 data-value="BM" 5052 5053 data-aliases="" 5054 5055 id="Bermuda" 5056 aria-label="Bermuda" 5057 role="option" 5058 tabindex="-1" 5059 ref="countryListItems[]" 5060 on:click="/selectCountry/BM" 5061 > 5062 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5063<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5064</svg> 5065</span>
5066 <span class="country">Bermuda</span> 5067 <span 5068 class="localization-form__currency" 5069 5070 > 5071 USD 5072 $</span> 5073 </li> 5074 <li 5075 class="localization-form__list-item" 5076 5077 data-value="BT" 5078 5079 data-aliases="" 5080 5081 id="Bhutan" 5082 aria-label="Bhutan" 5083 role="option" 5084 tabindex="-1" 5085 ref="countryListItems[]" 5086 on:click="/selectCountry/BT" 5087 > 5088 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5089<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5090</svg> 5091</span> 5092 <span class="country">Bhutan</span> 5093 <span 5094 class="localization-form__currency" 5095 5096 > 5097 USD 5098 $</span> 5099 </li> 5100 <li 5101 class="localization-form__list-item" 5102 5103 data-value="BO" 5104 5105 data-aliases="" 5106 5107 id="Bolivia" 5108 aria-label="Bolivia" 5109 role="option" 5110 tabindex="-1" 5111 ref="countryListItems[]" 5112 on:click="/selectCountry/BO" 5113 > 5114 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5115<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5116</svg> 5117</span> 5118 <span class="country">Bolivia</span> 5119 <span 5120 class="localization-form__currency" 5121 5122 > 5123 BOB 5124 Bs.</span> 5125 </li> 5126 <li 5127 class="localization-form__list-item" 5128 5129 data-value="BA" 5130 5131 data-aliases="" 5132 5133 id="Bosnia & Herzegovina" 5134 aria-label="Bosnia & Herzegovina" 5135 role="option" 5136 tabindex="-1" 5137 ref="countryListItems[]" 5138 on:click="/selectCountry/BA" 5139 > 5140 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5141<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5142</svg> 5143</span> 5144 <span class="country">Bosnia & Herzegovina</span> 5145 <span 5146 class="localization-form__currency" 5147 5148 > 5149 BAM 5150 ÐÐ</span> 5151 </li> 5152 <li 5153 class="localization-form__list-item" 5154 5155 data-value="BW" 5156 5157 data-aliases="" 5158 5159 id="Botswana" 5160 aria-label="Botswana" 5161 role="option" 5162 tabindex="-1" 5163 ref="countryListItems[]" 5164 on:click="/selectCountry/BW" 5165 >
5166 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5167<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5168</svg> 5169</span> 5170 <span class="country">Botswana</span> 5171 <span 5172 class="localization-form__currency" 5173 5174 > 5175 BWP 5176 P</span> 5177 </li> 5178 <li 5179 class="localization-form__list-item" 5180 5181 data-value="BR" 5182 5183 data-aliases="" 5184 5185 id="Brazil" 5186 aria-label="Brazil" 5187 role="option" 5188 tabindex="-1" 5189 ref="countryListItems[]" 5190 on:click="/selectCountry/BR" 5191 > 5192 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5193<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5194</svg> 5195</span> 5196 <span class="country">Brazil</span> 5197 <span 5198 class="localization-form__currency" 5199 5200 > 5201 USD 5202 $</span> 5203 </li> 5204 <li 5205 class="localization-form__list-item" 5206 5207 data-value="IO" 5208 5209 data-aliases="" 5210 5211 id="British Indian Ocean Territory" 5212 aria-label="British Indian Ocean Territory" 5213 role="option" 5214 tabindex="-1" 5215 ref="countryListItems[]" 5216 on:click="/selectCountry/IO" 5217 > 5218 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5219<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5220</svg> 5221</span> 5222 <span class="country">British Indian Ocean Territory</span> 5223 <span 5224 class="localization-form__currency" 5225 5226 > 5227 USD 5228 $</span> 5229 </li> 5230 <li 5231 class="localization-form__list-item" 5232 5233 data-value="VG" 5234 5235 data-aliases="" 5236 5237 id="British Virgin Islands" 5238 aria-label="British Virgin Islands" 5239 role="option" 5240 tabindex="-1" 5241 ref="countryListItems[]" 5242 on:click="/selectCountry/VG" 5243 > 5244 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5245<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5246</svg> 5247</span> 5248 <span class="country">British Virgin Islands</span>
5249 <span 5250 class="localization-form__currency" 5251 5252 > 5253 USD 5254 $</span> 5255 </li> 5256 <li 5257 class="localization-form__list-item" 5258 5259 data-value="BN" 5260 5261 data-aliases="" 5262 5263 id="Brunei" 5264 aria-label="Brunei" 5265 role="option" 5266 tabindex="-1" 5267 ref="countryListItems[]" 5268 on:click="/selectCountry/BN" 5269 > 5270 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5271<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5272</svg> 5273</span> 5274 <span class="country">Brunei</span> 5275 <span 5276 class="localization-form__currency" 5277 5278 > 5279 BND 5280 $</span> 5281 </li> 5282 <li 5283 class="localization-form__list-item" 5284 5285 data-value="BG" 5286 5287 data-aliases="" 5288 5289 id="Bulgaria" 5290 aria-label="Bulgaria" 5291 role="option" 5292 tabindex="-1" 5293 ref="countryListItems[]" 5294 on:click="/selectCountry/BG" 5295 > 5296 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5297<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5298</svg> 5299</span> 5300 <span class="country">Bulgaria</span> 5301 <span 5302 class="localization-form__currency" 5303 5304 > 5305 EUR 5306 â¬</span> 5307 </li> 5308 <li 5309 class="localization-form__list-item" 5310 5311 data-value="BF" 5312 5313 data-aliases="" 5314 5315 id="Burkina Faso" 5316 aria-label="Burkina Faso" 5317 role="option" 5318 tabindex="-1" 5319 ref="countryListItems[]" 5320 on:click="/selectCountry/BF" 5321 > 5322 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5323<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5324</svg> 5325</span> 5326 <span class="country">Burkina Faso</span> 5327 <span 5328 class="localization-form__currency" 5329 5330 > 5331 XOF 5332 Fr</span> 5333 </li> 5334 <li 5335 class="localization-form__list-item" 5336 5337 data-value="BI" 5338 5339 data-aliases="" 5340 5341 id="Burundi" 5342 aria-label="Burundi" 5343 role="option" 5344 tabindex="-1" 5345 ref="countryListItems[]" 5346 on:click="/selectCountry/BI" 5347 >
5348 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5349<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5350</svg> 5351</span> 5352 <span class="country">Burundi</span> 5353 <span 5354 class="localization-form__currency" 5355 5356 > 5357 BIF 5358 Fr</span> 5359 </li> 5360 <li 5361 class="localization-form__list-item" 5362 5363 data-value="KH" 5364 5365 data-aliases="" 5366 5367 id="Cambodia" 5368 aria-label="Cambodia" 5369 role="option" 5370 tabindex="-1" 5371 ref="countryListItems[]" 5372 on:click="/selectCountry/KH" 5373 > 5374 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5375<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5376</svg> 5377</span> 5378 <span class="country">Cambodia</span> 5379 <span 5380 class="localization-form__currency" 5381 5382 > 5383 KHR 5384 á</span> 5385 </li> 5386 <li 5387 class="localization-form__list-item" 5388 5389 data-value="CM" 5390 5391 data-aliases="" 5392 5393 id="Cameroon" 5394 aria-label="Cameroon" 5395 role="option" 5396 tabindex="-1" 5397 ref="countryListItems[]" 5398 on:click="/selectCountry/CM" 5399 > 5400 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5401<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5402</svg> 5403</span> 5404 <span class="country">Cameroon</span> 5405 <span 5406 class="localization-form__currency" 5407 5408 > 5409 XAF 5410 CFA</span> 5411 </li> 5412 <li 5413 class="localization-form__list-item" 5414 5415 data-value="CA" 5416 5417 data-aliases="" 5418 5419 id="Canada" 5420 aria-label="Canada" 5421 role="option" 5422 tabindex="-1" 5423 ref="countryListItems[]" 5424 on:click="/selectCountry/CA" 5425 > 5426 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5427<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5428</svg> 5429</span> 5430 <span class="country">Canada</span> 5431 <span 5432 class="localization-form__currency" 5433 5434 > 5435 CAD
5436 $</span> 5437 </li> 5438 <li 5439 class="localization-form__list-item" 5440 5441 data-value="CV" 5442 5443 data-aliases="" 5444 5445 id="Cape Verde" 5446 aria-label="Cape Verde" 5447 role="option" 5448 tabindex="-1" 5449 ref="countryListItems[]" 5450 on:click="/selectCountry/CV" 5451 > 5452 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5453<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5454</svg> 5455</span> 5456 <span class="country">Cape Verde</span> 5457 <span 5458 class="localization-form__currency" 5459 5460 > 5461 CVE 5462 $</span> 5463 </li> 5464 <li 5465 class="localization-form__list-item" 5466 5467 data-value="BQ" 5468 5469 data-aliases="" 5470 5471 id="Caribbean Netherlands" 5472 aria-label="Caribbean Netherlands" 5473 role="option" 5474 tabindex="-1" 5475 ref="countryListItems[]" 5476 on:click="/selectCountry/BQ" 5477 > 5478 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5479<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5480</svg> 5481</span> 5482 <span class="country">Caribbean Netherlands</span> 5483 <span 5484 class="localization-form__currency" 5485 5486 > 5487 USD 5488 $</span> 5489 </li> 5490 <li 5491 class="localization-form__list-item" 5492 5493 data-value="KY" 5494 5495 data-aliases="" 5496 5497 id="Cayman Islands" 5498 aria-label="Cayman Islands" 5499 role="option" 5500 tabindex="-1" 5501 ref="countryListItems[]" 5502 on:click="/selectCountry/KY" 5503 > 5504 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5505<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5506</svg> 5507</span> 5508 <span class="country">Cayman Islands</span> 5509 <span 5510 class="localization-form__currency" 5511 5512 > 5513 KYD 5514 $</span> 5515 </li> 5516 <li 5517 class="localization-form__list-item" 5518 5519 data-value="CF" 5520 5521 data-aliases="" 5522 5523 id="Central African Republic" 5524 aria-label="Central African Republic" 5525 role="option" 5526 tabindex="-1" 5527 ref="countryListItems[]" 5528 on:click="/selectCountry/CF" 5529 > 5530 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5531<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5532</svg> 5533</span>
5534 <span class="country">Central African Republic</span> 5535 <span 5536 class="localization-form__currency" 5537 5538 > 5539 XAF 5540 CFA</span> 5541 </li> 5542 <li 5543 class="localization-form__list-item" 5544 5545 data-value="TD" 5546 5547 data-aliases="" 5548 5549 id="Chad" 5550 aria-label="Chad" 5551 role="option" 5552 tabindex="-1" 5553 ref="countryListItems[]" 5554 on:click="/selectCountry/TD" 5555 > 5556 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5557<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5558</svg> 5559</span> 5560 <span class="country">Chad</span> 5561 <span 5562 class="localization-form__currency" 5563 5564 > 5565 XAF 5566 CFA</span> 5567 </li> 5568 <li 5569 class="localization-form__list-item" 5570 5571 data-value="CL" 5572 5573 data-aliases="" 5574 5575 id="Chile" 5576 aria-label="Chile" 5577 role="option" 5578 tabindex="-1" 5579 ref="countryListItems[]" 5580 on:click="/selectCountry/CL" 5581 > 5582 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5583<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5584</svg> 5585</span> 5586 <span class="country">Chile</span> 5587 <span 5588 class="localization-form__currency" 5589 5590 > 5591 USD 5592 $</span> 5593 </li> 5594 <li 5595 class="localization-form__list-item" 5596 5597 data-value="CN" 5598 5599 data-aliases="" 5600 5601 id="China" 5602 aria-label="China" 5603 role="option" 5604 tabindex="-1" 5605 ref="countryListItems[]" 5606 on:click="/selectCountry/CN" 5607 > 5608 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5609<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5610</svg> 5611</span> 5612 <span class="country">China</span> 5613 <span 5614 class="localization-form__currency" 5615 5616 > 5617 CNY 5618 ¥</span> 5619 </li> 5620 <li 5621 class="localization-form__list-item" 5622 5623 data-value="CX" 5624 5625 data-aliases="" 5626 5627 id="Christmas Island" 5628 aria-label="Christmas Island" 5629 role="option" 5630 tabindex="-1" 5631 ref="countryListItems[]" 5632 on:click="/selectCountry/CX" 5633 >
5634 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5635<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5636</svg> 5637</span> 5638 <span class="country">Christmas Island</span> 5639 <span 5640 class="localization-form__currency" 5641 5642 > 5643 AUD 5644 $</span> 5645 </li> 5646 <li 5647 class="localization-form__list-item" 5648 5649 data-value="CC" 5650 5651 data-aliases="" 5652 5653 id="Cocos (Keeling) Islands" 5654 aria-label="Cocos (Keeling) Islands" 5655 role="option" 5656 tabindex="-1" 5657 ref="countryListItems[]" 5658 on:click="/selectCountry/CC" 5659 > 5660 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5661<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5662</svg> 5663</span> 5664 <span class="country">Cocos (Keeling) Islands</span> 5665 <span 5666 class="localization-form__currency" 5667 5668 > 5669 AUD 5670 $</span> 5671 </li> 5672 <li 5673 class="localization-form__list-item" 5674 5675 data-value="CO" 5676 5677 data-aliases="" 5678 5679 id="Colombia" 5680 aria-label="Colombia" 5681 role="option" 5682 tabindex="-1" 5683 ref="countryListItems[]" 5684 on:click="/selectCountry/CO" 5685 > 5686 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5687<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5688</svg> 5689</span> 5690 <span class="country">Colombia</span> 5691 <span 5692 class="localization-form__currency" 5693 5694 > 5695 USD 5696 $</span> 5697 </li> 5698 <li 5699 class="localization-form__list-item" 5700 5701 data-value="KM" 5702 5703 data-aliases="" 5704 5705 id="Comoros" 5706 aria-label="Comoros" 5707 role="option" 5708 tabindex="-1" 5709 ref="countryListItems[]" 5710 on:click="/selectCountry/KM" 5711 > 5712 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5713<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5714</svg> 5715</span> 5716 <span class="country">Comoros</span>
5717 <span 5718 class="localization-form__currency" 5719 5720 > 5721 KMF 5722 Fr</span> 5723 </li> 5724 <li 5725 class="localization-form__list-item" 5726 5727 data-value="CG" 5728 5729 data-aliases="" 5730 5731 id="Congo - Brazzaville" 5732 aria-label="Congo - Brazzaville" 5733 role="option" 5734 tabindex="-1" 5735 ref="countryListItems[]" 5736 on:click="/selectCountry/CG" 5737 > 5738 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5739<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5740</svg> 5741</span> 5742 <span class="country">Congo - Brazzaville</span> 5743 <span 5744 class="localization-form__currency" 5745 5746 > 5747 XAF 5748 CFA</span> 5749 </li> 5750 <li 5751 class="localization-form__list-item" 5752 5753 data-value="CD" 5754 5755 data-aliases="" 5756 5757 id="Congo - Kinshasa" 5758 aria-label="Congo - Kinshasa" 5759 role="option" 5760 tabindex="-1" 5761 ref="countryListItems[]" 5762 on:click="/selectCountry/CD" 5763 > 5764 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5765<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5766</svg> 5767</span> 5768 <span class="country">Congo - Kinshasa</span> 5769 <span 5770 class="localization-form__currency" 5771 5772 > 5773 CDF 5774 Fr</span> 5775 </li> 5776 <li 5777 class="localization-form__list-item" 5778 5779 data-value="CK" 5780 5781 data-aliases="" 5782 5783 id="Cook Islands" 5784 aria-label="Cook Islands" 5785 role="option" 5786 tabindex="-1" 5787 ref="countryListItems[]" 5788 on:click="/selectCountry/CK" 5789 > 5790 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5791<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5792</svg> 5793</span> 5794 <span class="country">Cook Islands</span> 5795 <span 5796 class="localization-form__currency" 5797 5798 > 5799 NZD 5800 $</span> 5801 </li> 5802 <li 5803 class="localization-form__list-item" 5804 5805 data-value="CR" 5806 5807 data-aliases="" 5808 5809 id="Costa Rica" 5810 aria-label="Costa Rica" 5811 role="option" 5812 tabindex="-1" 5813 ref="countryListItems[]" 5814 on:click="/selectCountry/CR" 5815 >
5816 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5817<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5818</svg> 5819</span> 5820 <span class="country">Costa Rica</span> 5821 <span 5822 class="localization-form__currency" 5823 5824 > 5825 CRC 5826 â¡</span> 5827 </li> 5828 <li 5829 class="localization-form__list-item" 5830 5831 data-value="CI" 5832 5833 data-aliases="" 5834 5835 id="Côte dâIvoire" 5836 aria-label="Côte dâIvoire" 5837 role="option" 5838 tabindex="-1" 5839 ref="countryListItems[]" 5840 on:click="/selectCountry/CI" 5841 > 5842 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5844</svg> 5845</span> 5846 <span class="country">Côte dâIvoire</span> 5847 <span 5848 class="localization-form__currency" 5849 5850 > 5851 XOF 5852 Fr</span> 5853 </li> 5854 <li 5855 class="localization-form__list-item" 5856 5857 data-value="HR" 5858 5859 data-aliases="" 5860 5861 id="Croatia" 5862 aria-label="Croatia" 5863 role="option" 5864 tabindex="-1" 5865 ref="countryListItems[]" 5866 on:click="/selectCountry/HR" 5867 > 5868 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5869<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5870</svg> 5871</span> 5872 <span class="country">Croatia</span> 5873 <span 5874 class="localization-form__currency" 5875 5876 > 5877 EUR 5878 â¬</span> 5879 </li> 5880 <li 5881 class="localization-form__list-item" 5882 5883 data-value="CW" 5884 5885 data-aliases="" 5886 5887 id="Curaçao" 5888 aria-label="Curaçao" 5889 role="option" 5890 tabindex="-1" 5891 ref="countryListItems[]" 5892 on:click="/selectCountry/CW" 5893 > 5894 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5895<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5896</svg> 5897</span> 5898 <span class="country">Curaçao</span> 5899 <span 5900 class="localization-form__currency" 5901 5902 > 5903 ANG 5904 Æ</span> 5905 </li> 5906 <li 5907 class="localization-form__list-item" 5908 5909 data-value="CY" 5910 5911 data-aliases="" 5912 5913 id="Cyprus" 5914 aria-label="Cyprus" 5915 role="option" 5916 tabindex="-1" 5917 ref="countryListItems[]" 5918 on:click="/selectCountry/CY" 5919 >
5920 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5921<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5922</svg> 5923</span> 5924 <span class="country">Cyprus</span> 5925 <span 5926 class="localization-form__currency" 5927 5928 > 5929 EUR 5930 â¬</span> 5931 </li> 5932 <li 5933 class="localization-form__list-item" 5934 5935 data-value="CZ" 5936 5937 data-aliases="" 5938 5939 id="Czechia" 5940 aria-label="Czechia" 5941 role="option" 5942 tabindex="-1" 5943 ref="countryListItems[]" 5944 on:click="/selectCountry/CZ" 5945 > 5946 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5947<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5948</svg> 5949</span> 5950 <span class="country">Czechia</span> 5951 <span 5952 class="localization-form__currency" 5953 5954 > 5955 CZK 5956 KÄ</span> 5957 </li> 5958 <li 5959 class="localization-form__list-item" 5960 5961 data-value="DK" 5962 5963 data-aliases="" 5964 5965 id="Denmark" 5966 aria-label="Denmark" 5967 role="option" 5968 tabindex="-1" 5969 ref="countryListItems[]" 5970 on:click="/selectCountry/DK" 5971 > 5972 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5973<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5974</svg> 5975</span> 5976 <span class="country">Denmark</span> 5977 <span 5978 class="localization-form__currency" 5979 5980 > 5981 DKK 5982 kr.</span> 5983 </li> 5984 <li 5985 class="localization-form__list-item" 5986 5987 data-value="DJ" 5988 5989 data-aliases="" 5990 5991 id="Djibouti" 5992 aria-label="Djibouti" 5993 role="option" 5994 tabindex="-1" 5995 ref="countryListItems[]" 5996 on:click="/selectCountry/DJ" 5997 > 5998 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 5999<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6000</svg> 6001</span> 6002 <span class="country">Djibouti</span> 6003 <span 6004 class="localization-form__currency" 6005 6006 > 6007 DJF 6008 Fdj</span> 6009 </li> 6010 <li 6011 class="localization-form__list-item" 6012 6013 data-value="DM" 6014 6015 data-aliases="" 6016 6017 id="Dominica" 6018 aria-label="Dominica" 6019 role="option" 6020 tabindex="-1" 6021 ref="countryListItems[]" 6022 on:click="/selectCountry/DM" 6023 >
6024 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6025<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6026</svg> 6027</span> 6028 <span class="country">Dominica</span> 6029 <span 6030 class="localization-form__currency" 6031 6032 > 6033 XCD 6034 $</span> 6035 </li> 6036 <li 6037 class="localization-form__list-item" 6038 6039 data-value="DO" 6040 6041 data-aliases="" 6042 6043 id="Dominican Republic" 6044 aria-label="Dominican Republic" 6045 role="option" 6046 tabindex="-1" 6047 ref="countryListItems[]" 6048 on:click="/selectCountry/DO" 6049 > 6050 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6051<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6052</svg> 6053</span> 6054 <span class="country">Dominican Republic</span> 6055 <span 6056 class="localization-form__currency" 6057 6058 > 6059 DOP 6060 $</span> 6061 </li> 6062 <li 6063 class="localization-form__list-item" 6064 6065 data-value="EC" 6066 6067 data-aliases="" 6068 6069 id="Ecuador" 6070 aria-label="Ecuador" 6071 role="option" 6072 tabindex="-1" 6073 ref="countryListItems[]" 6074 on:click="/selectCountry/EC" 6075 > 6076 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6077<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6078</svg> 6079</span> 6080 <span class="country">Ecuador</span> 6081 <span 6082 class="localization-form__currency" 6083 6084 > 6085 USD 6086 $</span> 6087 </li> 6088 <li 6089 class="localization-form__list-item" 6090 6091 data-value="EG" 6092 6093 data-aliases="" 6094 6095 id="Egypt" 6096 aria-label="Egypt" 6097 role="option" 6098 tabindex="-1" 6099 ref="countryListItems[]" 6100 on:click="/selectCountry/EG" 6101 > 6102 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6103<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6104</svg> 6105</span> 6106 <span class="country">Egypt</span> 6107 <span 6108 class="localization-form__currency" 6109 6110 > 6111 EGP 6112 ج.٠</span> 6113 </li> 6114 <li 6115 class="localization-form__list-item" 6116 6117 data-value="SV" 6118 6119 data-aliases="" 6120 6121 id="El Salvador" 6122 aria-label="El Salvador" 6123 role="option" 6124 tabindex="-1" 6125 ref="countryListItems[]" 6126 on:click="/selectCountry/SV" 6127 >
6128 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6129<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6130</svg> 6131</span> 6132 <span class="country">El Salvador</span> 6133 <span 6134 class="localization-form__currency" 6135 6136 > 6137 USD 6138 $</span> 6139 </li> 6140 <li 6141 class="localization-form__list-item" 6142 6143 data-value="GQ" 6144 6145 data-aliases="" 6146 6147 id="Equatorial Guinea" 6148 aria-label="Equatorial Guinea" 6149 role="option" 6150 tabindex="-1" 6151 ref="countryListItems[]" 6152 on:click="/selectCountry/GQ" 6153 > 6154 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6155<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6156</svg> 6157</span> 6158 <span class="country">Equatorial Guinea</span> 6159 <span 6160 class="localization-form__currency" 6161 6162 > 6163 XAF 6164 CFA</span> 6165 </li> 6166 <li 6167 class="localization-form__list-item" 6168 6169 data-value="ER" 6170 6171 data-aliases="" 6172 6173 id="Eritrea" 6174 aria-label="Eritrea" 6175 role="option" 6176 tabindex="-1" 6177 ref="countryListItems[]" 6178 on:click="/selectCountry/ER" 6179 > 6180 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6181<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6182</svg> 6183</span> 6184 <span class="country">Eritrea</span> 6185 <span 6186 class="localization-form__currency" 6187 6188 > 6189 USD 6190 $</span> 6191 </li> 6192 <li 6193 class="localization-form__list-item" 6194 6195 data-value="EE" 6196 6197 data-aliases="" 6198 6199 id="Estonia" 6200 aria-label="Estonia" 6201 role="option" 6202 tabindex="-1" 6203 ref="countryListItems[]" 6204 on:click="/selectCountry/EE" 6205 > 6206 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6207<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6208</svg> 6209</span> 6210 <span class="country">Estonia</span> 6211 <span 6212 class="localization-form__currency" 6213 6214 > 6215 EUR 6216 â¬</span> 6217 </li> 6218 <li 6219 class="localization-form__list-item" 6220 6221 data-value="SZ" 6222 6223 data-aliases="" 6224 6225 id="Eswatini" 6226 aria-label="Eswatini" 6227 role="option" 6228 tabindex="-1" 6229 ref="countryListItems[]" 6230 on:click="/selectCountry/SZ" 6231 >
6232 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6233<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6234</svg> 6235</span> 6236 <span class="country">Eswatini</span> 6237 <span 6238 class="localization-form__currency" 6239 6240 > 6241 USD 6242 $</span> 6243 </li> 6244 <li 6245 class="localization-form__list-item" 6246 6247 data-value="ET" 6248 6249 data-aliases="" 6250 6251 id="Ethiopia" 6252 aria-label="Ethiopia" 6253 role="option" 6254 tabindex="-1" 6255 ref="countryListItems[]" 6256 on:click="/selectCountry/ET" 6257 > 6258 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6259<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6260</svg> 6261</span> 6262 <span class="country">Ethiopia</span> 6263 <span 6264 class="localization-form__currency" 6265 6266 > 6267 ETB 6268 Br</span> 6269 </li> 6270 <li 6271 class="localization-form__list-item" 6272 6273 data-value="FK" 6274 6275 data-aliases="" 6276 6277 id="Falkland Islands" 6278 aria-label="Falkland Islands" 6279 role="option" 6280 tabindex="-1" 6281 ref="countryListItems[]" 6282 on:click="/selectCountry/FK" 6283 > 6284 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6285<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6286</svg> 6287</span> 6288 <span class="country">Falkland Islands</span> 6289 <span 6290 class="localization-form__currency" 6291 6292 > 6293 FKP 6294 £</span> 6295 </li> 6296 <li 6297 class="localization-form__list-item" 6298 6299 data-value="FO" 6300 6301 data-aliases="" 6302 6303 id="Faroe Islands" 6304 aria-label="Faroe Islands" 6305 role="option" 6306 tabindex="-1" 6307 ref="countryListItems[]" 6308 on:click="/selectCountry/FO" 6309 > 6310 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6311<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6312</svg> 6313</span> 6314 <span class="country">Faroe Islands</span>
6315 <span 6316 class="localization-form__currency" 6317 6318 > 6319 DKK 6320 kr.</span> 6321 </li> 6322 <li 6323 class="localization-form__list-item" 6324 6325 data-value="FJ" 6326 6327 data-aliases="" 6328 6329 id="Fiji" 6330 aria-label="Fiji" 6331 role="option" 6332 tabindex="-1" 6333 ref="countryListItems[]" 6334 on:click="/selectCountry/FJ" 6335 > 6336 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6337<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6338</svg> 6339</span> 6340 <span class="country">Fiji</span> 6341 <span 6342 class="localization-form__currency" 6343 6344 > 6345 FJD 6346 $</span> 6347 </li> 6348 <li 6349 class="localization-form__list-item" 6350 6351 data-value="FI" 6352 6353 data-aliases="" 6354 6355 id="Finland" 6356 aria-label="Finland" 6357 role="option" 6358 tabindex="-1" 6359 ref="countryListItems[]" 6360 on:click="/selectCountry/FI" 6361 > 6362 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6363<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6364</svg> 6365</span> 6366 <span class="country">Finland</span> 6367 <span 6368 class="localization-form__currency" 6369 6370 > 6371 EUR 6372 â¬</span> 6373 </li> 6374 <li 6375 class="localization-form__list-item" 6376 6377 data-value="FR" 6378 6379 data-aliases="" 6380 6381 id="France" 6382 aria-label="France" 6383 role="option" 6384 tabindex="-1" 6385 ref="countryListItems[]" 6386 on:click="/selectCountry/FR" 6387 > 6388 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6389<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6390</svg> 6391</span> 6392 <span class="country">France</span> 6393 <span 6394 class="localization-form__currency" 6395 6396 > 6397 EUR 6398 â¬</span> 6399 </li> 6400 <li 6401 class="localization-form__list-item" 6402 6403 data-value="GF" 6404 6405 data-aliases="" 6406 6407 id="French Guiana" 6408 aria-label="French Guiana" 6409 role="option" 6410 tabindex="-1" 6411 ref="countryListItems[]" 6412 on:click="/selectCountry/GF" 6413 > 6414 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6415<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6416</svg> 6417</span>
6418 <span class="country">French Guiana</span> 6419 <span 6420 class="localization-form__currency" 6421 6422 > 6423 EUR 6424 â¬</span> 6425 </li> 6426 <li 6427 class="localization-form__list-item" 6428 6429 data-value="PF" 6430 6431 data-aliases="" 6432 6433 id="French Polynesia" 6434 aria-label="French Polynesia" 6435 role="option" 6436 tabindex="-1" 6437 ref="countryListItems[]" 6438 on:click="/selectCountry/PF" 6439 > 6440 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6441<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6442</svg> 6443</span> 6444 <span class="country">French Polynesia</span> 6445 <span 6446 class="localization-form__currency" 6447 6448 > 6449 XPF 6450 Fr</span> 6451 </li> 6452 <li 6453 class="localization-form__list-item" 6454 6455 data-value="TF" 6456 6457 data-aliases="" 6458 6459 id="French Southern Territories" 6460 aria-label="French Southern Territories" 6461 role="option" 6462 tabindex="-1" 6463 ref="countryListItems[]" 6464 on:click="/selectCountry/TF" 6465 > 6466 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6467<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6468</svg> 6469</span> 6470 <span class="country">French Southern Territories</span> 6471 <span 6472 class="localization-form__currency" 6473 6474 > 6475 EUR 6476 â¬</span> 6477 </li> 6478 <li 6479 class="localization-form__list-item" 6480 6481 data-value="GA" 6482 6483 data-aliases="" 6484 6485 id="Gabon" 6486 aria-label="Gabon" 6487 role="option" 6488 tabindex="-1" 6489 ref="countryListItems[]" 6490 on:click="/selectCountry/GA" 6491 > 6492 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6493<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6494</svg> 6495</span> 6496 <span class="country">Gabon</span> 6497 <span 6498 class="localization-form__currency" 6499 6500 > 6501 XOF 6502 Fr</span> 6503 </li> 6504 <li 6505 class="localization-form__list-item" 6506 6507 data-value="GM" 6508 6509 data-aliases="" 6510 6511 id="Gambia" 6512 aria-label="Gambia" 6513 role="option" 6514 tabindex="-1" 6515 ref="countryListItems[]" 6516 on:click="/selectCountry/GM" 6517 >
6518 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6519<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6520</svg> 6521</span> 6522 <span class="country">Gambia</span> 6523 <span 6524 class="localization-form__currency" 6525 6526 > 6527 GMD 6528 D</span> 6529 </li> 6530 <li 6531 class="localization-form__list-item" 6532 6533 data-value="GE" 6534 6535 data-aliases="" 6536 6537 id="Georgia" 6538 aria-label="Georgia" 6539 role="option" 6540 tabindex="-1" 6541 ref="countryListItems[]" 6542 on:click="/selectCountry/GE" 6543 > 6544 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6545<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6546</svg> 6547</span> 6548 <span class="country">Georgia</span> 6549 <span 6550 class="localization-form__currency" 6551 6552 > 6553 USD 6554 $</span> 6555 </li> 6556 <li 6557 class="localization-form__list-item" 6558 6559 data-value="DE" 6560 6561 data-aliases="" 6562 6563 id="Germany" 6564 aria-label="Germany" 6565 role="option" 6566 tabindex="-1" 6567 ref="countryListItems[]" 6568 on:click="/selectCountry/DE" 6569 > 6570 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6571<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6572</svg> 6573</span> 6574 <span class="country">Germany</span> 6575 <span 6576 class="localization-form__currency" 6577 6578 > 6579 EUR 6580 â¬</span> 6581 </li> 6582 <li 6583 class="localization-form__list-item" 6584 6585 data-value="GH" 6586 6587 data-aliases="" 6588 6589 id="Ghana" 6590 aria-label="Ghana" 6591 role="option" 6592 tabindex="-1" 6593 ref="countryListItems[]" 6594 on:click="/selectCountry/GH" 6595 > 6596 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6597<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6598</svg> 6599</span> 6600 <span class="country">Ghana</span> 6601 <span 6602 class="localization-form__currency" 6603 6604 > 6605 USD
6606 $</span> 6607 </li> 6608 <li 6609 class="localization-form__list-item" 6610 6611 data-value="GI" 6612 6613 data-aliases="" 6614 6615 id="Gibraltar" 6616 aria-label="Gibraltar" 6617 role="option" 6618 tabindex="-1" 6619 ref="countryListItems[]" 6620 on:click="/selectCountry/GI" 6621 > 6622 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6623<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6624</svg> 6625</span> 6626 <span class="country">Gibraltar</span> 6627 <span 6628 class="localization-form__currency" 6629 6630 > 6631 GBP 6632 £</span> 6633 </li> 6634 <li 6635 class="localization-form__list-item" 6636 6637 data-value="GR" 6638 6639 data-aliases="" 6640 6641 id="Greece" 6642 aria-label="Greece" 6643 role="option" 6644 tabindex="-1" 6645 ref="countryListItems[]" 6646 on:click="/selectCountry/GR" 6647 > 6648 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6649<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6650</svg> 6651</span> 6652 <span class="country">Greece</span> 6653 <span 6654 class="localization-form__currency" 6655 6656 > 6657 EUR 6658 â¬</span> 6659 </li> 6660 <li 6661 class="localization-form__list-item" 6662 6663 data-value="GL" 6664 6665 data-aliases="" 6666 6667 id="Greenland" 6668 aria-label="Greenland" 6669 role="option" 6670 tabindex="-1" 6671 ref="countryListItems[]" 6672 on:click="/selectCountry/GL" 6673 > 6674 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6675<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6676</svg> 6677</span> 6678 <span class="country">Greenland</span> 6679 <span 6680 class="localization-form__currency" 6681 6682 > 6683 DKK 6684 kr.</span> 6685 </li> 6686 <li 6687 class="localization-form__list-item" 6688 6689 data-value="GD" 6690 6691 data-aliases="" 6692 6693 id="Grenada" 6694 aria-label="Grenada" 6695 role="option" 6696 tabindex="-1" 6697 ref="countryListItems[]" 6698 on:click="/selectCountry/GD" 6699 > 6700 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6701<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6702</svg> 6703</span>
6704 <span class="country">Grenada</span> 6705 <span 6706 class="localization-form__currency" 6707 6708 > 6709 XCD 6710 $</span> 6711 </li> 6712 <li 6713 class="localization-form__list-item" 6714 6715 data-value="GP" 6716 6717 data-aliases="" 6718 6719 id="Guadeloupe" 6720 aria-label="Guadeloupe" 6721 role="option" 6722 tabindex="-1" 6723 ref="countryListItems[]" 6724 on:click="/selectCountry/GP" 6725 > 6726 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6727<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6728</svg> 6729</span> 6730 <span class="country">Guadeloupe</span> 6731 <span 6732 class="localization-form__currency" 6733 6734 > 6735 EUR 6736 â¬</span> 6737 </li> 6738 <li 6739 class="localization-form__list-item" 6740 6741 data-value="GT" 6742 6743 data-aliases="" 6744 6745 id="Guatemala" 6746 aria-label="Guatemala" 6747 role="option" 6748 tabindex="-1" 6749 ref="countryListItems[]" 6750 on:click="/selectCountry/GT" 6751 > 6752 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6753<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6754</svg> 6755</span> 6756 <span class="country">Guatemala</span> 6757 <span 6758 class="localization-form__currency" 6759 6760 > 6761 GTQ 6762 Q</span> 6763 </li> 6764 <li 6765 class="localization-form__list-item" 6766 6767 data-value="GG" 6768 6769 data-aliases="" 6770 6771 id="Guernsey" 6772 aria-label="Guernsey" 6773 role="option" 6774 tabindex="-1" 6775 ref="countryListItems[]" 6776 on:click="/selectCountry/GG" 6777 > 6778 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6779<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6780</svg> 6781</span> 6782 <span class="country">Guernsey</span> 6783 <span 6784 class="localization-form__currency" 6785 6786 > 6787 GBP 6788 £</span> 6789 </li> 6790 <li 6791 class="localization-form__list-item" 6792 6793 data-value="GN" 6794 6795 data-aliases="" 6796 6797 id="Guinea" 6798 aria-label="Guinea" 6799 role="option" 6800 tabindex="-1" 6801 ref="countryListItems[]" 6802 on:click="/selectCountry/GN" 6803 >
6804 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6805<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6806</svg> 6807</span> 6808 <span class="country">Guinea</span> 6809 <span 6810 class="localization-form__currency" 6811 6812 > 6813 GNF 6814 Fr</span> 6815 </li> 6816 <li 6817 class="localization-form__list-item" 6818 6819 data-value="GW" 6820 6821 data-aliases="" 6822 6823 id="Guinea-Bissau" 6824 aria-label="Guinea-Bissau" 6825 role="option" 6826 tabindex="-1" 6827 ref="countryListItems[]" 6828 on:click="/selectCountry/GW" 6829 > 6830 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6831<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6832</svg> 6833</span> 6834 <span class="country">Guinea-Bissau</span> 6835 <span 6836 class="localization-form__currency" 6837 6838 > 6839 XOF 6840 Fr</span> 6841 </li> 6842 <li 6843 class="localization-form__list-item" 6844 6845 data-value="GY" 6846 6847 data-aliases="" 6848 6849 id="Guyana" 6850 aria-label="Guyana" 6851 role="option" 6852 tabindex="-1" 6853 ref="countryListItems[]" 6854 on:click="/selectCountry/GY" 6855 > 6856 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6857<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6858</svg> 6859</span> 6860 <span class="country">Guyana</span> 6861 <span 6862 class="localization-form__currency" 6863 6864 > 6865 GYD 6866 $</span> 6867 </li> 6868 <li 6869 class="localization-form__list-item" 6870 6871 data-value="HT" 6872 6873 data-aliases="" 6874 6875 id="Haiti" 6876 aria-label="Haiti" 6877 role="option" 6878 tabindex="-1" 6879 ref="countryListItems[]" 6880 on:click="/selectCountry/HT" 6881 > 6882 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6883<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6884</svg> 6885</span> 6886 <span class="country">Haiti</span> 6887 <span 6888 class="localization-form__currency" 6889 6890 > 6891 USD
6892 $</span> 6893 </li> 6894 <li 6895 class="localization-form__list-item" 6896 6897 data-value="HN" 6898 6899 data-aliases="" 6900 6901 id="Honduras" 6902 aria-label="Honduras" 6903 role="option" 6904 tabindex="-1" 6905 ref="countryListItems[]" 6906 on:click="/selectCountry/HN" 6907 > 6908 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6909<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6910</svg> 6911</span> 6912 <span class="country">Honduras</span> 6913 <span 6914 class="localization-form__currency" 6915 6916 > 6917 HNL 6918 L</span> 6919 </li> 6920 <li 6921 class="localization-form__list-item" 6922 6923 data-value="HK" 6924 6925 data-aliases="" 6926 6927 id="Hong Kong SAR" 6928 aria-label="Hong Kong SAR" 6929 role="option" 6930 tabindex="-1" 6931 ref="countryListItems[]" 6932 on:click="/selectCountry/HK" 6933 > 6934 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6935<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6936</svg> 6937</span> 6938 <span class="country">Hong Kong SAR</span> 6939 <span 6940 class="localization-form__currency" 6941 6942 > 6943 HKD 6944 $</span> 6945 </li> 6946 <li 6947 class="localization-form__list-item" 6948 6949 data-value="HU" 6950 6951 data-aliases="" 6952 6953 id="Hungary" 6954 aria-label="Hungary" 6955 role="option" 6956 tabindex="-1" 6957 ref="countryListItems[]" 6958 on:click="/selectCountry/HU" 6959 > 6960 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6961<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6962</svg> 6963</span> 6964 <span class="country">Hungary</span> 6965 <span 6966 class="localization-form__currency" 6967 6968 > 6969 HUF 6970 Ft</span> 6971 </li> 6972 <li 6973 class="localization-form__list-item" 6974 6975 data-value="IS" 6976 6977 data-aliases="" 6978 6979 id="Iceland" 6980 aria-label="Iceland" 6981 role="option" 6982 tabindex="-1" 6983 ref="countryListItems[]" 6984 on:click="/selectCountry/IS" 6985 > 6986 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 6987<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6988</svg> 6989</span>
6990 <span class="country">Iceland</span> 6991 <span 6992 class="localization-form__currency" 6993 6994 > 6995 ISK 6996 kr</span> 6997 </li> 6998 <li 6999 class="localization-form__list-item" 7000 7001 data-value="IN" 7002 7003 data-aliases="" 7004 7005 id="India" 7006 aria-label="India" 7007 role="option" 7008 tabindex="-1" 7009 ref="countryListItems[]" 7010 on:click="/selectCountry/IN" 7011 > 7012 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7013<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7014</svg> 7015</span> 7016 <span class="country">India</span> 7017 <span 7018 class="localization-form__currency" 7019 7020 > 7021 INR 7022 â¹</span> 7023 </li> 7024 <li 7025 class="localization-form__list-item" 7026 7027 data-value="ID" 7028 7029 data-aliases="" 7030 7031 id="Indonesia" 7032 aria-label="Indonesia" 7033 role="option" 7034 tabindex="-1" 7035 ref="countryListItems[]" 7036 on:click="/selectCountry/ID" 7037 > 7038 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7039<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7040</svg> 7041</span> 7042 <span class="country">Indonesia</span> 7043 <span 7044 class="localization-form__currency" 7045 7046 > 7047 IDR 7048 Rp</span> 7049 </li> 7050 <li 7051 class="localization-form__list-item" 7052 7053 data-value="IQ" 7054 7055 data-aliases="" 7056 7057 id="Iraq" 7058 aria-label="Iraq" 7059 role="option" 7060 tabindex="-1" 7061 ref="countryListItems[]" 7062 on:click="/selectCountry/IQ" 7063 > 7064 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7065<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7066</svg> 7067</span> 7068 <span class="country">Iraq</span> 7069 <span 7070 class="localization-form__currency" 7071 7072 > 7073 USD 7074 $</span> 7075 </li> 7076 <li 7077 class="localization-form__list-item" 7078 7079 data-value="IE" 7080 7081 data-aliases="" 7082 7083 id="Ireland" 7084 aria-label="Ireland" 7085 role="option" 7086 tabindex="-1" 7087 ref="countryListItems[]" 7088 on:click="/selectCountry/IE" 7089 >
7090 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7091<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7092</svg> 7093</span> 7094 <span class="country">Ireland</span> 7095 <span 7096 class="localization-form__currency" 7097 7098 > 7099 EUR 7100 â¬</span> 7101 </li> 7102 <li 7103 class="localization-form__list-item" 7104 7105 data-value="IM" 7106 7107 data-aliases="" 7108 7109 id="Isle of Man" 7110 aria-label="Isle of Man" 7111 role="option" 7112 tabindex="-1" 7113 ref="countryListItems[]" 7114 on:click="/selectCountry/IM" 7115 > 7116 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7117<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7118</svg> 7119</span> 7120 <span class="country">Isle of Man</span> 7121 <span 7122 class="localization-form__currency" 7123 7124 > 7125 GBP 7126 £</span> 7127 </li> 7128 <li 7129 class="localization-form__list-item" 7130 7131 data-value="IL" 7132 7133 data-aliases="" 7134 7135 id="Israel" 7136 aria-label="Israel" 7137 role="option" 7138 tabindex="-1" 7139 ref="countryListItems[]" 7140 on:click="/selectCountry/IL" 7141 > 7142 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7143<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7144</svg> 7145</span> 7146 <span class="country">Israel</span> 7147 <span 7148 class="localization-form__currency" 7149 7150 > 7151 ILS 7152 âª</span> 7153 </li> 7154 <li 7155 class="localization-form__list-item" 7156 7157 data-value="IT" 7158 7159 data-aliases="" 7160 7161 id="Italy" 7162 aria-label="Italy" 7163 role="option" 7164 tabindex="-1" 7165 ref="countryListItems[]" 7166 on:click="/selectCountry/IT" 7167 > 7168 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7169<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7170</svg> 7171</span> 7172 <span class="country">Italy</span> 7173 <span 7174 class="localization-form__currency" 7175 7176 > 7177 EUR 7178 â¬</span> 7179 </li> 7180 <li 7181 class="localization-form__list-item" 7182 7183 data-value="JM" 7184 7185 data-aliases="" 7186 7187 id="Jamaica" 7188 aria-label="Jamaica" 7189 role="option" 7190 tabindex="-1" 7191 ref="countryListItems[]" 7192 on:click="/selectCountry/JM" 7193 >
7194 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7195<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7196</svg> 7197</span> 7198 <span class="country">Jamaica</span> 7199 <span 7200 class="localization-form__currency" 7201 7202 > 7203 JMD 7204 $</span> 7205 </li> 7206 <li 7207 class="localization-form__list-item" 7208 7209 data-value="JP" 7210 7211 data-aliases="" 7212 7213 id="Japan" 7214 aria-label="Japan" 7215 role="option" 7216 tabindex="-1" 7217 ref="countryListItems[]" 7218 on:click="/selectCountry/JP" 7219 > 7220 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7221<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7222</svg> 7223</span> 7224 <span class="country">Japan</span> 7225 <span 7226 class="localization-form__currency" 7227 7228 > 7229 JPY 7230 ¥</span> 7231 </li> 7232 <li 7233 class="localization-form__list-item" 7234 7235 data-value="JE" 7236 7237 data-aliases="" 7238 7239 id="Jersey" 7240 aria-label="Jersey" 7241 role="option" 7242 tabindex="-1" 7243 ref="countryListItems[]" 7244 on:click="/selectCountry/JE" 7245 > 7246 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7247<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7248</svg> 7249</span> 7250 <span class="country">Jersey</span> 7251 <span 7252 class="localization-form__currency" 7253 7254 > 7255 USD 7256 $</span> 7257 </li> 7258 <li 7259 class="localization-form__list-item" 7260 7261 data-value="JO" 7262 7263 data-aliases="" 7264 7265 id="Jordan" 7266 aria-label="Jordan" 7267 role="option" 7268 tabindex="-1" 7269 ref="countryListItems[]" 7270 on:click="/selectCountry/JO" 7271 > 7272 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7273<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7274</svg> 7275</span> 7276 <span class="country">Jordan</span> 7277 <span 7278 class="localization-form__currency" 7279 7280 > 7281 USD
7282 $</span> 7283 </li> 7284 <li 7285 class="localization-form__list-item" 7286 7287 data-value="KZ" 7288 7289 data-aliases="" 7290 7291 id="Kazakhstan" 7292 aria-label="Kazakhstan" 7293 role="option" 7294 tabindex="-1" 7295 ref="countryListItems[]" 7296 on:click="/selectCountry/KZ" 7297 > 7298 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7299<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7300</svg> 7301</span> 7302 <span class="country">Kazakhstan</span> 7303 <span 7304 class="localization-form__currency" 7305 7306 > 7307 KZT 7308 â¸</span> 7309 </li> 7310 <li 7311 class="localization-form__list-item" 7312 7313 data-value="KE" 7314 7315 data-aliases="" 7316 7317 id="Kenya" 7318 aria-label="Kenya" 7319 role="option" 7320 tabindex="-1" 7321 ref="countryListItems[]" 7322 on:click="/selectCountry/KE" 7323 > 7324 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7325<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7326</svg> 7327</span> 7328 <span class="country">Kenya</span> 7329 <span 7330 class="localization-form__currency" 7331 7332 > 7333 KES 7334 KSh</span> 7335 </li> 7336 <li 7337 class="localization-form__list-item" 7338 7339 data-value="KI" 7340 7341 data-aliases="" 7342 7343 id="Kiribati" 7344 aria-label="Kiribati" 7345 role="option" 7346 tabindex="-1" 7347 ref="countryListItems[]" 7348 on:click="/selectCountry/KI" 7349 > 7350 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7351<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7352</svg> 7353</span> 7354 <span class="country">Kiribati</span> 7355 <span 7356 class="localization-form__currency" 7357 7358 > 7359 USD 7360 $</span> 7361 </li> 7362 <li 7363 class="localization-form__list-item" 7364 7365 data-value="XK" 7366 7367 data-aliases="" 7368 7369 id="Kosovo" 7370 aria-label="Kosovo" 7371 role="option" 7372 tabindex="-1" 7373 ref="countryListItems[]" 7374 on:click="/selectCountry/XK" 7375 > 7376 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7377<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7378</svg> 7379</span>
7380 <span class="country">Kosovo</span> 7381 <span 7382 class="localization-form__currency" 7383 7384 > 7385 EUR 7386 â¬</span> 7387 </li> 7388 <li 7389 class="localization-form__list-item" 7390 7391 data-value="KW" 7392 7393 data-aliases="" 7394 7395 id="Kuwait" 7396 aria-label="Kuwait" 7397 role="option" 7398 tabindex="-1" 7399 ref="countryListItems[]" 7400 on:click="/selectCountry/KW" 7401 > 7402 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7403<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7404</svg> 7405</span> 7406 <span class="country">Kuwait</span> 7407 <span 7408 class="localization-form__currency" 7409 7410 > 7411 USD 7412 $</span> 7413 </li> 7414 <li 7415 class="localization-form__list-item" 7416 7417 data-value="KG" 7418 7419 data-aliases="" 7420 7421 id="Kyrgyzstan" 7422 aria-label="Kyrgyzstan" 7423 role="option" 7424 tabindex="-1" 7425 ref="countryListItems[]" 7426 on:click="/selectCountry/KG" 7427 > 7428 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7429<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7430</svg> 7431</span> 7432 <span class="country">Kyrgyzstan</span> 7433 <span 7434 class="localization-form__currency" 7435 7436 > 7437 KGS 7438 som</span> 7439 </li> 7440 <li 7441 class="localization-form__list-item" 7442 7443 data-value="LA" 7444 7445 data-aliases="" 7446 7447 id="Laos" 7448 aria-label="Laos" 7449 role="option" 7450 tabindex="-1" 7451 ref="countryListItems[]" 7452 on:click="/selectCountry/LA" 7453 > 7454 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7455<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7456</svg> 7457</span> 7458 <span class="country">Laos</span> 7459 <span 7460 class="localization-form__currency" 7461 7462 > 7463 LAK 7464 â</span> 7465 </li> 7466 <li 7467 class="localization-form__list-item" 7468 7469 data-value="LV" 7470 7471 data-aliases="" 7472 7473 id="Latvia" 7474 aria-label="Latvia" 7475 role="option" 7476 tabindex="-1" 7477 ref="countryListItems[]" 7478 on:click="/selectCountry/LV" 7479 >
7480 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7481<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7482</svg> 7483</span> 7484 <span class="country">Latvia</span> 7485 <span 7486 class="localization-form__currency" 7487 7488 > 7489 EUR 7490 â¬</span> 7491 </li> 7492 <li 7493 class="localization-form__list-item" 7494 7495 data-value="LB" 7496 7497 data-aliases="" 7498 7499 id="Lebanon" 7500 aria-label="Lebanon" 7501 role="option" 7502 tabindex="-1" 7503 ref="countryListItems[]" 7504 on:click="/selectCountry/LB" 7505 > 7506 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7507<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7508</svg> 7509</span> 7510 <span class="country">Lebanon</span> 7511 <span 7512 class="localization-form__currency" 7513 7514 > 7515 LBP 7516 Ù.Ù</span> 7517 </li> 7518 <li 7519 class="localization-form__list-item" 7520 7521 data-value="LS" 7522 7523 data-aliases="" 7524 7525 id="Lesotho" 7526 aria-label="Lesotho" 7527 role="option" 7528 tabindex="-1" 7529 ref="countryListItems[]" 7530 on:click="/selectCountry/LS" 7531 > 7532 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7533<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7534</svg> 7535</span> 7536 <span class="country">Lesotho</span> 7537 <span 7538 class="localization-form__currency" 7539 7540 > 7541 USD 7542 $</span> 7543 </li> 7544 <li 7545 class="localization-form__list-item" 7546 7547 data-value="LR" 7548 7549 data-aliases="" 7550 7551 id="Liberia" 7552 aria-label="Liberia" 7553 role="option" 7554 tabindex="-1" 7555 ref="countryListItems[]" 7556 on:click="/selectCountry/LR" 7557 > 7558 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7559<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7560</svg> 7561</span> 7562 <span class="country">Liberia</span> 7563 <span 7564 class="localization-form__currency" 7565 7566 > 7567 USD
7568 $</span> 7569 </li> 7570 <li 7571 class="localization-form__list-item" 7572 7573 data-value="LY" 7574 7575 data-aliases="" 7576 7577 id="Libya" 7578 aria-label="Libya" 7579 role="option" 7580 tabindex="-1" 7581 ref="countryListItems[]" 7582 on:click="/selectCountry/LY" 7583 > 7584 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7585<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7586</svg> 7587</span> 7588 <span class="country">Libya</span> 7589 <span 7590 class="localization-form__currency" 7591 7592 > 7593 USD 7594 $</span> 7595 </li> 7596 <li 7597 class="localization-form__list-item" 7598 7599 data-value="LI" 7600 7601 data-aliases="" 7602 7603 id="Liechtenstein" 7604 aria-label="Liechtenstein" 7605 role="option" 7606 tabindex="-1" 7607 ref="countryListItems[]" 7608 on:click="/selectCountry/LI" 7609 > 7610 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7611<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7612</svg> 7613</span> 7614 <span class="country">Liechtenstein</span> 7615 <span 7616 class="localization-form__currency" 7617 7618 > 7619 CHF 7620 CHF</span> 7621 </li> 7622 <li 7623 class="localization-form__list-item" 7624 7625 data-value="LT" 7626 7627 data-aliases="" 7628 7629 id="Lithuania" 7630 aria-label="Lithuania" 7631 role="option" 7632 tabindex="-1" 7633 ref="countryListItems[]" 7634 on:click="/selectCountry/LT" 7635 > 7636 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7637<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7638</svg> 7639</span> 7640 <span class="country">Lithuania</span> 7641 <span 7642 class="localization-form__currency" 7643 7644 > 7645 EUR 7646 â¬</span> 7647 </li> 7648 <li 7649 class="localization-form__list-item" 7650 7651 data-value="LU" 7652 7653 data-aliases="" 7654 7655 id="Luxembourg" 7656 aria-label="Luxembourg" 7657 role="option" 7658 tabindex="-1" 7659 ref="countryListItems[]" 7660 on:click="/selectCountry/LU" 7661 > 7662 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7663<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7664</svg> 7665</span>
7666 <span class="country">Luxembourg</span> 7667 <span 7668 class="localization-form__currency" 7669 7670 > 7671 EUR 7672 â¬</span> 7673 </li> 7674 <li 7675 class="localization-form__list-item" 7676 7677 data-value="MO" 7678 7679 data-aliases="" 7680 7681 id="Macao SAR" 7682 aria-label="Macao SAR" 7683 role="option" 7684 tabindex="-1" 7685 ref="countryListItems[]" 7686 on:click="/selectCountry/MO" 7687 > 7688 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7689<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7690</svg> 7691</span> 7692 <span class="country">Macao SAR</span> 7693 <span 7694 class="localization-form__currency" 7695 7696 > 7697 MOP 7698 P</span> 7699 </li> 7700 <li 7701 class="localization-form__list-item" 7702 7703 data-value="MG" 7704 7705 data-aliases="" 7706 7707 id="Madagascar" 7708 aria-label="Madagascar" 7709 role="option" 7710 tabindex="-1" 7711 ref="countryListItems[]" 7712 on:click="/selectCountry/MG" 7713 > 7714 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7715<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7716</svg> 7717</span> 7718 <span class="country">Madagascar</span> 7719 <span 7720 class="localization-form__currency" 7721 7722 > 7723 USD 7724 $</span> 7725 </li> 7726 <li 7727 class="localization-form__list-item" 7728 7729 data-value="MW" 7730 7731 data-aliases="" 7732 7733 id="Malawi" 7734 aria-label="Malawi" 7735 role="option" 7736 tabindex="-1" 7737 ref="countryListItems[]" 7738 on:click="/selectCountry/MW" 7739 > 7740 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7741<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7742</svg> 7743</span> 7744 <span class="country">Malawi</span> 7745 <span 7746 class="localization-form__currency" 7747 7748 > 7749 MWK 7750 MK</span> 7751 </li> 7752 <li 7753 class="localization-form__list-item" 7754 7755 data-value="MY" 7756 7757 data-aliases="" 7758 7759 id="Malaysia" 7760 aria-label="Malaysia" 7761 role="option" 7762 tabindex="-1" 7763 ref="countryListItems[]" 7764 on:click="/selectCountry/MY" 7765 >
7766 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7767<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7768</svg> 7769</span> 7770 <span class="country">Malaysia</span> 7771 <span 7772 class="localization-form__currency" 7773 7774 > 7775 MYR 7776 RM</span> 7777 </li> 7778 <li 7779 class="localization-form__list-item" 7780 7781 data-value="MV" 7782 7783 data-aliases="" 7784 7785 id="Maldives" 7786 aria-label="Maldives" 7787 role="option" 7788 tabindex="-1" 7789 ref="countryListItems[]" 7790 on:click="/selectCountry/MV" 7791 > 7792 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7793<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7794</svg> 7795</span> 7796 <span class="country">Maldives</span> 7797 <span 7798 class="localization-form__currency" 7799 7800 > 7801 MVR 7802 MVR</span> 7803 </li> 7804 <li 7805 class="localization-form__list-item" 7806 7807 data-value="ML" 7808 7809 data-aliases="" 7810 7811 id="Mali" 7812 aria-label="Mali" 7813 role="option" 7814 tabindex="-1" 7815 ref="countryListItems[]" 7816 on:click="/selectCountry/ML" 7817 > 7818 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7819<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7820</svg> 7821</span> 7822 <span class="country">Mali</span> 7823 <span 7824 class="localization-form__currency" 7825 7826 > 7827 XOF 7828 Fr</span> 7829 </li> 7830 <li 7831 class="localization-form__list-item" 7832 7833 data-value="MT" 7834 7835 data-aliases="" 7836 7837 id="Malta" 7838 aria-label="Malta" 7839 role="option" 7840 tabindex="-1" 7841 ref="countryListItems[]" 7842 on:click="/selectCountry/MT" 7843 > 7844 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7845<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7846</svg> 7847</span> 7848 <span class="country">Malta</span> 7849 <span 7850 class="localization-form__currency" 7851 7852 > 7853 EUR 7854 â¬</span> 7855 </li> 7856 <li 7857 class="localization-form__list-item" 7858 7859 data-value="MQ" 7860 7861 data-aliases="" 7862 7863 id="Martinique" 7864 aria-label="Martinique" 7865 role="option" 7866 tabindex="-1" 7867 ref="countryListItems[]" 7868 on:click="/selectCountry/MQ" 7869 >
7870 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7871<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7872</svg> 7873</span> 7874 <span class="country">Martinique</span> 7875 <span 7876 class="localization-form__currency" 7877 7878 > 7879 EUR 7880 â¬</span> 7881 </li> 7882 <li 7883 class="localization-form__list-item" 7884 7885 data-value="MR" 7886 7887 data-aliases="" 7888 7889 id="Mauritania" 7890 aria-label="Mauritania" 7891 role="option" 7892 tabindex="-1" 7893 ref="countryListItems[]" 7894 on:click="/selectCountry/MR" 7895 > 7896 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7897<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7898</svg> 7899</span> 7900 <span class="country">Mauritania</span> 7901 <span 7902 class="localization-form__currency" 7903 7904 > 7905 USD 7906 $</span> 7907 </li> 7908 <li 7909 class="localization-form__list-item" 7910 7911 data-value="MU" 7912 7913 data-aliases="" 7914 7915 id="Mauritius" 7916 aria-label="Mauritius" 7917 role="option" 7918 tabindex="-1" 7919 ref="countryListItems[]" 7920 on:click="/selectCountry/MU" 7921 > 7922 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7923<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7924</svg> 7925</span> 7926 <span class="country">Mauritius</span> 7927 <span 7928 class="localization-form__currency" 7929 7930 > 7931 MUR 7932 â¨</span> 7933 </li> 7934 <li 7935 class="localization-form__list-item" 7936 7937 data-value="YT" 7938 7939 data-aliases="" 7940 7941 id="Mayotte" 7942 aria-label="Mayotte" 7943 role="option" 7944 tabindex="-1" 7945 ref="countryListItems[]" 7946 on:click="/selectCountry/YT" 7947 > 7948 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7949<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7950</svg> 7951</span> 7952 <span class="country">Mayotte</span> 7953 <span 7954 class="localization-form__currency" 7955 7956 > 7957 EUR 7958 â¬</span> 7959 </li> 7960 <li 7961 class="localization-form__list-item" 7962 7963 data-value="MX" 7964 7965 data-aliases="" 7966 7967 id="Mexico" 7968 aria-label="Mexico" 7969 role="option" 7970 tabindex="-1" 7971 ref="countryListItems[]" 7972 on:click="/selectCountry/MX" 7973 >
7974 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 7975<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7976</svg> 7977</span> 7978 <span class="country">Mexico</span> 7979 <span 7980 class="localization-form__currency" 7981 7982 > 7983 USD 7984 $</span> 7985 </li> 7986 <li 7987 class="localization-form__list-item" 7988 7989 data-value="MD" 7990 7991 data-aliases="" 7992 7993 id="Moldova" 7994 aria-label="Moldova" 7995 role="option" 7996 tabindex="-1" 7997 ref="countryListItems[]" 7998 on:click="/selectCountry/MD" 7999 > 8000 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8001<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8002</svg> 8003</span> 8004 <span class="country">Moldova</span> 8005 <span 8006 class="localization-form__currency" 8007 8008 > 8009 MDL 8010 L</span> 8011 </li> 8012 <li 8013 class="localization-form__list-item" 8014 8015 data-value="MC" 8016 8017 data-aliases="" 8018 8019 id="Monaco" 8020 aria-label="Monaco" 8021 role="option" 8022 tabindex="-1" 8023 ref="countryListItems[]" 8024 on:click="/selectCountry/MC" 8025 > 8026 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8027<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8028</svg> 8029</span> 8030 <span class="country">Monaco</span> 8031 <span 8032 class="localization-form__currency" 8033 8034 > 8035 EUR 8036 â¬</span> 8037 </li> 8038 <li 8039 class="localization-form__list-item" 8040 8041 data-value="MN" 8042 8043 data-aliases="" 8044 8045 id="Mongolia" 8046 aria-label="Mongolia" 8047 role="option" 8048 tabindex="-1" 8049 ref="countryListItems[]" 8050 on:click="/selectCountry/MN" 8051 > 8052 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8053<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8054</svg> 8055</span> 8056 <span class="country">Mongolia</span> 8057 <span 8058 class="localization-form__currency" 8059 8060 > 8061 MNT 8062 â®</span> 8063 </li> 8064 <li 8065 class="localization-form__list-item" 8066 8067 data-value="ME" 8068 8069 data-aliases="" 8070 8071 id="Montenegro" 8072 aria-label="Montenegro" 8073 role="option" 8074 tabindex="-1" 8075 ref="countryListItems[]" 8076 on:click="/selectCountry/ME" 8077 >
8078 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8079<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8080</svg> 8081</span> 8082 <span class="country">Montenegro</span> 8083 <span 8084 class="localization-form__currency" 8085 8086 > 8087 EUR 8088 â¬</span> 8089 </li> 8090 <li 8091 class="localization-form__list-item" 8092 8093 data-value="MS" 8094 8095 data-aliases="" 8096 8097 id="Montserrat" 8098 aria-label="Montserrat" 8099 role="option" 8100 tabindex="-1" 8101 ref="countryListItems[]" 8102 on:click="/selectCountry/MS" 8103 > 8104 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8105<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8106</svg> 8107</span> 8108 <span class="country">Montserrat</span> 8109 <span 8110 class="localization-form__currency" 8111 8112 > 8113 XCD 8114 $</span> 8115 </li> 8116 <li 8117 class="localization-form__list-item" 8118 8119 data-value="MA" 8120 8121 data-aliases="" 8122 8123 id="Morocco" 8124 aria-label="Morocco" 8125 role="option" 8126 tabindex="-1" 8127 ref="countryListItems[]" 8128 on:click="/selectCountry/MA" 8129 > 8130 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8131<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8132</svg> 8133</span> 8134 <span class="country">Morocco</span> 8135 <span 8136 class="localization-form__currency" 8137 8138 > 8139 MAD 8140 د.Ù .</span> 8141 </li> 8142 <li 8143 class="localization-form__list-item" 8144 8145 data-value="MZ" 8146 8147 data-aliases="" 8148 8149 id="Mozambique" 8150 aria-label="Mozambique" 8151 role="option" 8152 tabindex="-1" 8153 ref="countryListItems[]" 8154 on:click="/selectCountry/MZ" 8155 > 8156 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8157<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8158</svg> 8159</span> 8160 <span class="country">Mozambique</span> 8161 <span 8162 class="localization-form__currency" 8163 8164 > 8165 USD
8166 $</span> 8167 </li> 8168 <li 8169 class="localization-form__list-item" 8170 8171 data-value="MM" 8172 8173 data-aliases="" 8174 8175 id="Myanmar (Burma)" 8176 aria-label="Myanmar (Burma)" 8177 role="option" 8178 tabindex="-1" 8179 ref="countryListItems[]" 8180 on:click="/selectCountry/MM" 8181 > 8182 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8183<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8184</svg> 8185</span> 8186 <span class="country">Myanmar (Burma)</span> 8187 <span 8188 class="localization-form__currency" 8189 8190 > 8191 MMK 8192 K</span> 8193 </li> 8194 <li 8195 class="localization-form__list-item" 8196 8197 data-value="NA" 8198 8199 data-aliases="" 8200 8201 id="Namibia" 8202 aria-label="Namibia" 8203 role="option" 8204 tabindex="-1" 8205 ref="countryListItems[]" 8206 on:click="/selectCountry/NA" 8207 > 8208 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8209<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8210</svg> 8211</span> 8212 <span class="country">Namibia</span> 8213 <span 8214 class="localization-form__currency" 8215 8216 > 8217 USD 8218 $</span> 8219 </li> 8220 <li 8221 class="localization-form__list-item" 8222 8223 data-value="NR" 8224 8225 data-aliases="" 8226 8227 id="Nauru" 8228 aria-label="Nauru" 8229 role="option" 8230 tabindex="-1" 8231 ref="countryListItems[]" 8232 on:click="/selectCountry/NR" 8233 > 8234 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8235<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8236</svg> 8237</span> 8238 <span class="country">Nauru</span> 8239 <span 8240 class="localization-form__currency" 8241 8242 > 8243 AUD 8244 $</span> 8245 </li> 8246 <li 8247 class="localization-form__list-item" 8248 8249 data-value="NP" 8250 8251 data-aliases="" 8252 8253 id="Nepal" 8254 aria-label="Nepal" 8255 role="option" 8256 tabindex="-1" 8257 ref="countryListItems[]" 8258 on:click="/selectCountry/NP" 8259 > 8260 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8261<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8262</svg> 8263</span>
8264 <span class="country">Nepal</span> 8265 <span 8266 class="localization-form__currency" 8267 8268 > 8269 NPR 8270 Rs.</span> 8271 </li> 8272 <li 8273 class="localization-form__list-item" 8274 8275 data-value="NL" 8276 8277 data-aliases="" 8278 8279 id="Netherlands" 8280 aria-label="Netherlands" 8281 role="option" 8282 tabindex="-1" 8283 ref="countryListItems[]" 8284 on:click="/selectCountry/NL" 8285 > 8286 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8287<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8288</svg> 8289</span> 8290 <span class="country">Netherlands</span> 8291 <span 8292 class="localization-form__currency" 8293 8294 > 8295 EUR 8296 â¬</span> 8297 </li> 8298 <li 8299 class="localization-form__list-item" 8300 8301 data-value="NC" 8302 8303 data-aliases="" 8304 8305 id="New Caledonia" 8306 aria-label="New Caledonia" 8307 role="option" 8308 tabindex="-1" 8309 ref="countryListItems[]" 8310 on:click="/selectCountry/NC" 8311 > 8312 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8313<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8314</svg> 8315</span> 8316 <span class="country">New Caledonia</span> 8317 <span 8318 class="localization-form__currency" 8319 8320 > 8321 XPF 8322 Fr</span> 8323 </li> 8324 <li 8325 class="localization-form__list-item" 8326 8327 data-value="NZ" 8328 8329 data-aliases="" 8330 8331 id="New Zealand" 8332 aria-label="New Zealand" 8333 role="option" 8334 tabindex="-1" 8335 ref="countryListItems[]" 8336 on:click="/selectCountry/NZ" 8337 > 8338 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8339<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8340</svg> 8341</span> 8342 <span class="country">New Zealand</span> 8343 <span 8344 class="localization-form__currency" 8345 8346 > 8347 NZD 8348 $</span> 8349 </li> 8350 <li 8351 class="localization-form__list-item" 8352 8353 data-value="NI" 8354 8355 data-aliases="" 8356 8357 id="Nicaragua" 8358 aria-label="Nicaragua" 8359 role="option" 8360 tabindex="-1" 8361 ref="countryListItems[]" 8362 on:click="/selectCountry/NI" 8363 >
8364 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8365<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8366</svg> 8367</span> 8368 <span class="country">Nicaragua</span> 8369 <span 8370 class="localization-form__currency" 8371 8372 > 8373 NIO 8374 C$</span> 8375 </li> 8376 <li 8377 class="localization-form__list-item" 8378 8379 data-value="NE" 8380 8381 data-aliases="" 8382 8383 id="Niger" 8384 aria-label="Niger" 8385 role="option" 8386 tabindex="-1" 8387 ref="countryListItems[]" 8388 on:click="/selectCountry/NE" 8389 > 8390 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8391<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8392</svg> 8393</span> 8394 <span class="country">Niger</span> 8395 <span 8396 class="localization-form__currency" 8397 8398 > 8399 XOF 8400 Fr</span> 8401 </li> 8402 <li 8403 class="localization-form__list-item" 8404 8405 data-value="NG" 8406 8407 data-aliases="" 8408 8409 id="Nigeria" 8410 aria-label="Nigeria" 8411 role="option" 8412 tabindex="-1" 8413 ref="countryListItems[]" 8414 on:click="/selectCountry/NG" 8415 > 8416 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8417<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8418</svg> 8419</span> 8420 <span class="country">Nigeria</span> 8421 <span 8422 class="localization-form__currency" 8423 8424 > 8425 NGN 8426 â¦</span> 8427 </li> 8428 <li 8429 class="localization-form__list-item" 8430 8431 data-value="NU" 8432 8433 data-aliases="" 8434 8435 id="Niue" 8436 aria-label="Niue" 8437 role="option" 8438 tabindex="-1" 8439 ref="countryListItems[]" 8440 on:click="/selectCountry/NU" 8441 > 8442 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8443<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8444</svg> 8445</span> 8446 <span class="country">Niue</span> 8447 <span 8448 class="localization-form__currency" 8449 8450 > 8451 NZD
8452 $</span> 8453 </li> 8454 <li 8455 class="localization-form__list-item" 8456 8457 data-value="NF" 8458 8459 data-aliases="" 8460 8461 id="Norfolk Island" 8462 aria-label="Norfolk Island" 8463 role="option" 8464 tabindex="-1" 8465 ref="countryListItems[]" 8466 on:click="/selectCountry/NF" 8467 > 8468 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8469<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8470</svg> 8471</span> 8472 <span class="country">Norfolk Island</span> 8473 <span 8474 class="localization-form__currency" 8475 8476 > 8477 AUD 8478 $</span> 8479 </li> 8480 <li 8481 class="localization-form__list-item" 8482 8483 data-value="MK" 8484 8485 data-aliases="" 8486 8487 id="North Macedonia" 8488 aria-label="North Macedonia" 8489 role="option" 8490 tabindex="-1" 8491 ref="countryListItems[]" 8492 on:click="/selectCountry/MK" 8493 > 8494 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8495<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8496</svg> 8497</span> 8498 <span class="country">North Macedonia</span> 8499 <span 8500 class="localization-form__currency" 8501 8502 > 8503 MKD 8504 ден</span> 8505 </li> 8506 <li 8507 class="localization-form__list-item" 8508 8509 data-value="NO" 8510 8511 data-aliases="" 8512 8513 id="Norway" 8514 aria-label="Norway" 8515 role="option" 8516 tabindex="-1" 8517 ref="countryListItems[]" 8518 on:click="/selectCountry/NO" 8519 > 8520 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8521<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8522</svg> 8523</span> 8524 <span class="country">Norway</span> 8525 <span 8526 class="localization-form__currency" 8527 8528 > 8529 USD 8530 $</span> 8531 </li> 8532 <li 8533 class="localization-form__list-item" 8534 8535 data-value="OM" 8536 8537 data-aliases="" 8538 8539 id="Oman" 8540 aria-label="Oman" 8541 role="option" 8542 tabindex="-1" 8543 ref="countryListItems[]" 8544 on:click="/selectCountry/OM" 8545 > 8546 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8547<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8548</svg> 8549</span>
8550 <span class="country">Oman</span> 8551 <span 8552 class="localization-form__currency" 8553 8554 > 8555 USD 8556 $</span> 8557 </li> 8558 <li 8559 class="localization-form__list-item" 8560 8561 data-value="PK" 8562 8563 data-aliases="" 8564 8565 id="Pakistan" 8566 aria-label="Pakistan" 8567 role="option" 8568 tabindex="-1" 8569 ref="countryListItems[]" 8570 on:click="/selectCountry/PK" 8571 > 8572 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8573<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8574</svg> 8575</span> 8576 <span class="country">Pakistan</span> 8577 <span 8578 class="localization-form__currency" 8579 8580 > 8581 PKR 8582 â¨</span> 8583 </li> 8584 <li 8585 class="localization-form__list-item" 8586 8587 data-value="PS" 8588 8589 data-aliases="" 8590 8591 id="Palestinian Territories" 8592 aria-label="Palestinian Territories" 8593 role="option" 8594 tabindex="-1" 8595 ref="countryListItems[]" 8596 on:click="/selectCountry/PS" 8597 > 8598 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8599<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8600</svg> 8601</span> 8602 <span class="country">Palestinian Territories</span> 8603 <span 8604 class="localization-form__currency" 8605 8606 > 8607 ILS 8608 âª</span> 8609 </li> 8610 <li 8611 class="localization-form__list-item" 8612 8613 data-value="PA" 8614 8615 data-aliases="" 8616 8617 id="Panama" 8618 aria-label="Panama" 8619 role="option" 8620 tabindex="-1" 8621 ref="countryListItems[]" 8622 on:click="/selectCountry/PA" 8623 > 8624 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8625<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8626</svg> 8627</span> 8628 <span class="country">Panama</span> 8629 <span 8630 class="localization-form__currency" 8631 8632 > 8633 USD 8634 $</span> 8635 </li> 8636 <li 8637 class="localization-form__list-item" 8638 8639 data-value="PG" 8640 8641 data-aliases="" 8642 8643 id="Papua New Guinea" 8644 aria-label="Papua New Guinea" 8645 role="option" 8646 tabindex="-1" 8647 ref="countryListItems[]" 8648 on:click="/selectCountry/PG" 8649 >
8650 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8651<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8652</svg> 8653</span> 8654 <span class="country">Papua New Guinea</span> 8655 <span 8656 class="localization-form__currency" 8657 8658 > 8659 PGK 8660 K</span> 8661 </li> 8662 <li 8663 class="localization-form__list-item" 8664 8665 data-value="PY" 8666 8667 data-aliases="" 8668 8669 id="Paraguay" 8670 aria-label="Paraguay" 8671 role="option" 8672 tabindex="-1" 8673 ref="countryListItems[]" 8674 on:click="/selectCountry/PY" 8675 > 8676 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8677<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8678</svg> 8679</span> 8680 <span class="country">Paraguay</span> 8681 <span 8682 class="localization-form__currency" 8683 8684 > 8685 PYG 8686 â²</span> 8687 </li> 8688 <li 8689 class="localization-form__list-item" 8690 8691 data-value="PE" 8692 8693 data-aliases="" 8694 8695 id="Peru" 8696 aria-label="Peru" 8697 role="option" 8698 tabindex="-1" 8699 ref="countryListItems[]" 8700 on:click="/selectCountry/PE" 8701 > 8702 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8703<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8704</svg> 8705</span> 8706 <span class="country">Peru</span> 8707 <span 8708 class="localization-form__currency" 8709 8710 > 8711 PEN 8712 S/</span> 8713 </li> 8714 <li 8715 class="localization-form__list-item" 8716 8717 data-value="PH" 8718 8719 data-aliases="" 8720 8721 id="Philippines" 8722 aria-label="Philippines" 8723 role="option" 8724 tabindex="-1" 8725 ref="countryListItems[]" 8726 on:click="/selectCountry/PH" 8727 > 8728 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8729<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8730</svg> 8731</span> 8732 <span class="country">Philippines</span> 8733 <span 8734 class="localization-form__currency" 8735 8736 > 8737 PHP 8738 â±</span> 8739 </li> 8740 <li 8741 class="localization-form__list-item" 8742 8743 data-value="PN" 8744 8745 data-aliases="" 8746 8747 id="Pitcairn Islands" 8748 aria-label="Pitcairn Islands" 8749 role="option" 8750 tabindex="-1" 8751 ref="countryListItems[]" 8752 on:click="/selectCountry/PN" 8753 >
8754 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8755<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8756</svg> 8757</span> 8758 <span class="country">Pitcairn Islands</span> 8759 <span 8760 class="localization-form__currency" 8761 8762 > 8763 NZD 8764 $</span> 8765 </li> 8766 <li 8767 class="localization-form__list-item" 8768 8769 data-value="PL" 8770 8771 data-aliases="" 8772 8773 id="Poland" 8774 aria-label="Poland" 8775 role="option" 8776 tabindex="-1" 8777 ref="countryListItems[]" 8778 on:click="/selectCountry/PL" 8779 > 8780 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8781<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8782</svg> 8783</span> 8784 <span class="country">Poland</span> 8785 <span 8786 class="localization-form__currency" 8787 8788 > 8789 PLN 8790 zÅ</span> 8791 </li> 8792 <li 8793 class="localization-form__list-item" 8794 8795 data-value="PT" 8796 8797 data-aliases="" 8798 8799 id="Portugal" 8800 aria-label="Portugal" 8801 role="option" 8802 tabindex="-1" 8803 ref="countryListItems[]" 8804 on:click="/selectCountry/PT" 8805 > 8806 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8807<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8808</svg> 8809</span> 8810 <span class="country">Portugal</span> 8811 <span 8812 class="localization-form__currency" 8813 8814 > 8815 EUR 8816 â¬</span> 8817 </li> 8818 <li 8819 class="localization-form__list-item" 8820 8821 data-value="QA" 8822 8823 data-aliases="" 8824 8825 id="Qatar" 8826 aria-label="Qatar" 8827 role="option" 8828 tabindex="-1" 8829 ref="countryListItems[]" 8830 on:click="/selectCountry/QA" 8831 > 8832 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8833<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8834</svg> 8835</span> 8836 <span class="country">Qatar</span> 8837 <span 8838 class="localization-form__currency" 8839 8840 > 8841 QAR 8842 ر.Ù</span> 8843 </li> 8844 <li 8845 class="localization-form__list-item" 8846 8847 data-value="RE" 8848 8849 data-aliases="" 8850 8851 id="Réunion" 8852 aria-label="Réunion" 8853 role="option" 8854 tabindex="-1" 8855 ref="countryListItems[]" 8856 on:click="/selectCountry/RE" 8857 >
8858 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8859<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8860</svg> 8861</span> 8862 <span class="country">Réunion</span> 8863 <span 8864 class="localization-form__currency" 8865 8866 > 8867 EUR 8868 â¬</span> 8869 </li> 8870 <li 8871 class="localization-form__list-item" 8872 8873 data-value="RO" 8874 8875 data-aliases="" 8876 8877 id="Romania" 8878 aria-label="Romania" 8879 role="option" 8880 tabindex="-1" 8881 ref="countryListItems[]" 8882 on:click="/selectCountry/RO" 8883 > 8884 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8885<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8886</svg> 8887</span> 8888 <span class="country">Romania</span> 8889 <span 8890 class="localization-form__currency" 8891 8892 > 8893 RON 8894 Lei</span> 8895 </li> 8896 <li 8897 class="localization-form__list-item" 8898 8899 data-value="RU" 8900 8901 data-aliases="" 8902 8903 id="Russia" 8904 aria-label="Russia" 8905 role="option" 8906 tabindex="-1" 8907 ref="countryListItems[]" 8908 on:click="/selectCountry/RU" 8909 > 8910 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8911<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8912</svg> 8913</span> 8914 <span class="country">Russia</span> 8915 <span 8916 class="localization-form__currency" 8917 8918 > 8919 USD 8920 $</span> 8921 </li> 8922 <li 8923 class="localization-form__list-item" 8924 8925 data-value="RW" 8926 8927 data-aliases="" 8928 8929 id="Rwanda" 8930 aria-label="Rwanda" 8931 role="option" 8932 tabindex="-1" 8933 ref="countryListItems[]" 8934 on:click="/selectCountry/RW" 8935 > 8936 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8937<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8938</svg> 8939</span> 8940 <span class="country">Rwanda</span> 8941 <span 8942 class="localization-form__currency" 8943 8944 > 8945 RWF 8946 FRw</span> 8947 </li> 8948 <li 8949 class="localization-form__list-item" 8950 8951 data-value="WS" 8952 8953 data-aliases="" 8954 8955 id="Samoa" 8956 aria-label="Samoa" 8957 role="option" 8958 tabindex="-1" 8959 ref="countryListItems[]" 8960 on:click="/selectCountry/WS" 8961 >
8962 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8963<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8964</svg> 8965</span> 8966 <span class="country">Samoa</span> 8967 <span 8968 class="localization-form__currency" 8969 8970 > 8971 WST 8972 T</span> 8973 </li> 8974 <li 8975 class="localization-form__list-item" 8976 8977 data-value="SM" 8978 8979 data-aliases="" 8980 8981 id="San Marino" 8982 aria-label="San Marino" 8983 role="option" 8984 tabindex="-1" 8985 ref="countryListItems[]" 8986 on:click="/selectCountry/SM" 8987 > 8988 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 8989<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 8990</svg> 8991</span> 8992 <span class="country">San Marino</span> 8993 <span 8994 class="localization-form__currency" 8995 8996 > 8997 EUR 8998 â¬</span> 8999 </li> 9000 <li 9001 class="localization-form__list-item" 9002 9003 data-value="ST" 9004 9005 data-aliases="" 9006 9007 id="São Tomé & PrÃncipe" 9008 aria-label="São Tomé & PrÃncipe" 9009 role="option" 9010 tabindex="-1" 9011 ref="countryListItems[]" 9012 on:click="/selectCountry/ST" 9013 > 9014 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9015<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9016</svg> 9017</span> 9018 <span class="country">São Tomé & PrÃncipe</span> 9019 <span 9020 class="localization-form__currency" 9021 9022 > 9023 STD 9024 Db</span> 9025 </li> 9026 <li 9027 class="localization-form__list-item" 9028 9029 data-value="SA" 9030 9031 data-aliases="" 9032 9033 id="Saudi Arabia" 9034 aria-label="Saudi Arabia" 9035 role="option" 9036 tabindex="-1" 9037 ref="countryListItems[]" 9038 on:click="/selectCountry/SA" 9039 > 9040 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9041<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9042</svg> 9043</span> 9044 <span class="country">Saudi Arabia</span>
9045 <span 9046 class="localization-form__currency" 9047 9048 > 9049 SAR 9050 ر.س</span> 9051 </li> 9052 <li 9053 class="localization-form__list-item" 9054 9055 data-value="SN" 9056 9057 data-aliases="" 9058 9059 id="Senegal" 9060 aria-label="Senegal" 9061 role="option" 9062 tabindex="-1" 9063 ref="countryListItems[]" 9064 on:click="/selectCountry/SN" 9065 > 9066 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9067<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9068</svg> 9069</span> 9070 <span class="country">Senegal</span> 9071 <span 9072 class="localization-form__currency" 9073 9074 > 9075 XOF 9076 Fr</span> 9077 </li> 9078 <li 9079 class="localization-form__list-item" 9080 9081 data-value="RS" 9082 9083 data-aliases="" 9084 9085 id="Serbia" 9086 aria-label="Serbia" 9087 role="option" 9088 tabindex="-1" 9089 ref="countryListItems[]" 9090 on:click="/selectCountry/RS" 9091 > 9092 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9093<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9094</svg> 9095</span> 9096 <span class="country">Serbia</span> 9097 <span 9098 class="localization-form__currency" 9099 9100 > 9101 RSD 9102 РСÐ</span> 9103 </li> 9104 <li 9105 class="localization-form__list-item" 9106 9107 data-value="SC" 9108 9109 data-aliases="" 9110 9111 id="Seychelles" 9112 aria-label="Seychelles" 9113 role="option" 9114 tabindex="-1" 9115 ref="countryListItems[]" 9116 on:click="/selectCountry/SC" 9117 > 9118 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9119<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9120</svg> 9121</span> 9122 <span class="country">Seychelles</span> 9123 <span 9124 class="localization-form__currency" 9125 9126 > 9127 USD 9128 $</span> 9129 </li> 9130 <li 9131 class="localization-form__list-item" 9132 9133 data-value="SL" 9134 9135 data-aliases="" 9136 9137 id="Sierra Leone" 9138 aria-label="Sierra Leone" 9139 role="option" 9140 tabindex="-1" 9141 ref="countryListItems[]" 9142 on:click="/selectCountry/SL" 9143 >
9144 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9145<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9146</svg> 9147</span> 9148 <span class="country">Sierra Leone</span> 9149 <span 9150 class="localization-form__currency" 9151 9152 > 9153 SLL 9154 Le</span> 9155 </li> 9156 <li 9157 class="localization-form__list-item" 9158 9159 data-value="SG" 9160 9161 data-aliases="" 9162 9163 id="Singapore" 9164 aria-label="Singapore" 9165 role="option" 9166 tabindex="-1" 9167 ref="countryListItems[]" 9168 on:click="/selectCountry/SG" 9169 > 9170 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9171<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9172</svg> 9173</span> 9174 <span class="country">Singapore</span> 9175 <span 9176 class="localization-form__currency" 9177 9178 > 9179 SGD 9180 $</span> 9181 </li> 9182 <li 9183 class="localization-form__list-item" 9184 9185 data-value="SX" 9186 9187 data-aliases="" 9188 9189 id="Sint Maarten" 9190 aria-label="Sint Maarten" 9191 role="option" 9192 tabindex="-1" 9193 ref="countryListItems[]" 9194 on:click="/selectCountry/SX" 9195 > 9196 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9197<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9198</svg> 9199</span> 9200 <span class="country">Sint Maarten</span> 9201 <span 9202 class="localization-form__currency" 9203 9204 > 9205 ANG 9206 Æ</span> 9207 </li> 9208 <li 9209 class="localization-form__list-item" 9210 9211 data-value="SK" 9212 9213 data-aliases="" 9214 9215 id="Slovakia" 9216 aria-label="Slovakia" 9217 role="option" 9218 tabindex="-1" 9219 ref="countryListItems[]" 9220 on:click="/selectCountry/SK" 9221 > 9222 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9223<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9224</svg> 9225</span> 9226 <span class="country">Slovakia</span> 9227 <span 9228 class="localization-form__currency" 9229 9230 > 9231 EUR 9232 â¬</span> 9233 </li> 9234 <li 9235 class="localization-form__list-item" 9236 9237 data-value="SI" 9238 9239 data-aliases="" 9240 9241 id="Slovenia" 9242 aria-label="Slovenia" 9243 role="option" 9244 tabindex="-1" 9245 ref="countryListItems[]" 9246 on:click="/selectCountry/SI" 9247 >
9248 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9249<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9250</svg> 9251</span> 9252 <span class="country">Slovenia</span> 9253 <span 9254 class="localization-form__currency" 9255 9256 > 9257 EUR 9258 â¬</span> 9259 </li> 9260 <li 9261 class="localization-form__list-item" 9262 9263 data-value="SB" 9264 9265 data-aliases="" 9266 9267 id="Solomon Islands" 9268 aria-label="Solomon Islands" 9269 role="option" 9270 tabindex="-1" 9271 ref="countryListItems[]" 9272 on:click="/selectCountry/SB" 9273 > 9274 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9275<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9276</svg> 9277</span> 9278 <span class="country">Solomon Islands</span> 9279 <span 9280 class="localization-form__currency" 9281 9282 > 9283 SBD 9284 $</span> 9285 </li> 9286 <li 9287 class="localization-form__list-item" 9288 9289 data-value="SO" 9290 9291 data-aliases="" 9292 9293 id="Somalia" 9294 aria-label="Somalia" 9295 role="option" 9296 tabindex="-1" 9297 ref="countryListItems[]" 9298 on:click="/selectCountry/SO" 9299 > 9300 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9301<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9302</svg> 9303</span> 9304 <span class="country">Somalia</span> 9305 <span 9306 class="localization-form__currency" 9307 9308 > 9309 USD 9310 $</span> 9311 </li> 9312 <li 9313 class="localization-form__list-item" 9314 9315 data-value="ZA" 9316 9317 data-aliases="" 9318 9319 id="South Africa" 9320 aria-label="South Africa" 9321 role="option" 9322 tabindex="-1" 9323 ref="countryListItems[]" 9324 on:click="/selectCountry/ZA" 9325 > 9326 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9327<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9328</svg> 9329</span> 9330 <span class="country">South Africa</span> 9331 <span 9332 class="localization-form__currency" 9333 9334 > 9335 USD
9336 $</span> 9337 </li> 9338 <li 9339 class="localization-form__list-item" 9340 9341 data-value="GS" 9342 9343 data-aliases="" 9344 9345 id="South Georgia & South Sandwich Islands" 9346 aria-label="South Georgia & South Sandwich Islands" 9347 role="option" 9348 tabindex="-1" 9349 ref="countryListItems[]" 9350 on:click="/selectCountry/GS" 9351 > 9352 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9353<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9354</svg> 9355</span> 9356 <span class="country">South Georgia & South Sandwich Islands</span> 9357 <span 9358 class="localization-form__currency" 9359 9360 > 9361 GBP 9362 £</span> 9363 </li> 9364 <li 9365 class="localization-form__list-item" 9366 9367 data-value="KR" 9368 9369 data-aliases="" 9370 9371 id="South Korea" 9372 aria-label="South Korea" 9373 role="option" 9374 tabindex="-1" 9375 ref="countryListItems[]" 9376 on:click="/selectCountry/KR" 9377 > 9378 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9379<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9380</svg> 9381</span> 9382 <span class="country">South Korea</span> 9383 <span 9384 class="localization-form__currency" 9385 9386 > 9387 KRW 9388 â©</span> 9389 </li> 9390 <li 9391 class="localization-form__list-item" 9392 9393 data-value="SS" 9394 9395 data-aliases="" 9396 9397 id="South Sudan" 9398 aria-label="South Sudan" 9399 role="option" 9400 tabindex="-1" 9401 ref="countryListItems[]" 9402 on:click="/selectCountry/SS" 9403 > 9404 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9405<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9406</svg> 9407</span> 9408 <span class="country">South Sudan</span> 9409 <span 9410 class="localization-form__currency" 9411 9412 > 9413 USD 9414 $</span> 9415 </li> 9416 <li 9417 class="localization-form__list-item" 9418 9419 data-value="ES" 9420 9421 data-aliases="" 9422 9423 id="Spain" 9424 aria-label="Spain" 9425 role="option" 9426 tabindex="-1" 9427 ref="countryListItems[]" 9428 on:click="/selectCountry/ES" 9429 > 9430 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9431<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9432</svg> 9433</span>
9434 <span class="country">Spain</span> 9435 <span 9436 class="localization-form__currency" 9437 9438 > 9439 EUR 9440 â¬</span> 9441 </li> 9442 <li 9443 class="localization-form__list-item" 9444 9445 data-value="LK" 9446 9447 data-aliases="" 9448 9449 id="Sri Lanka" 9450 aria-label="Sri Lanka" 9451 role="option" 9452 tabindex="-1" 9453 ref="countryListItems[]" 9454 on:click="/selectCountry/LK" 9455 > 9456 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9457<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9458</svg> 9459</span> 9460 <span class="country">Sri Lanka</span> 9461 <span 9462 class="localization-form__currency" 9463 9464 > 9465 LKR 9466 â¨</span> 9467 </li> 9468 <li 9469 class="localization-form__list-item" 9470 9471 data-value="BL" 9472 9473 data-aliases="" 9474 9475 id="St. Barthélemy" 9476 aria-label="St. Barthélemy" 9477 role="option" 9478 tabindex="-1" 9479 ref="countryListItems[]" 9480 on:click="/selectCountry/BL" 9481 > 9482 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9483<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9484</svg> 9485</span> 9486 <span class="country">St. Barthélemy</span> 9487 <span 9488 class="localization-form__currency" 9489 9490 > 9491 EUR 9492 â¬</span> 9493 </li> 9494 <li 9495 class="localization-form__list-item" 9496 9497 data-value="SH" 9498 9499 data-aliases="" 9500 9501 id="St. Helena" 9502 aria-label="St. Helena" 9503 role="option" 9504 tabindex="-1" 9505 ref="countryListItems[]" 9506 on:click="/selectCountry/SH" 9507 > 9508 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9509<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9510</svg> 9511</span> 9512 <span class="country">St. Helena</span> 9513 <span 9514 class="localization-form__currency" 9515 9516 > 9517 SHP 9518 £</span> 9519 </li> 9520 <li 9521 class="localization-form__list-item" 9522 9523 data-value="KN" 9524 9525 data-aliases="" 9526 9527 id="St. Kitts & Nevis" 9528 aria-label="St. Kitts & Nevis" 9529 role="option" 9530 tabindex="-1" 9531 ref="countryListItems[]" 9532 on:click="/selectCountry/KN" 9533 >
9534 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9535<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9536</svg> 9537</span> 9538 <span class="country">St. Kitts & Nevis</span> 9539 <span 9540 class="localization-form__currency" 9541 9542 > 9543 XCD 9544 $</span> 9545 </li> 9546 <li 9547 class="localization-form__list-item" 9548 9549 data-value="LC" 9550 9551 data-aliases="" 9552 9553 id="St. Lucia" 9554 aria-label="St. Lucia" 9555 role="option" 9556 tabindex="-1" 9557 ref="countryListItems[]" 9558 on:click="/selectCountry/LC" 9559 > 9560 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9561<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9562</svg> 9563</span> 9564 <span class="country">St. Lucia</span> 9565 <span 9566 class="localization-form__currency" 9567 9568 > 9569 XCD 9570 $</span> 9571 </li> 9572 <li 9573 class="localization-form__list-item" 9574 9575 data-value="MF" 9576 9577 data-aliases="" 9578 9579 id="St. Martin" 9580 aria-label="St. Martin" 9581 role="option" 9582 tabindex="-1" 9583 ref="countryListItems[]" 9584 on:click="/selectCountry/MF" 9585 > 9586 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9587<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9588</svg> 9589</span> 9590 <span class="country">St. Martin</span> 9591 <span 9592 class="localization-form__currency" 9593 9594 > 9595 EUR 9596 â¬</span> 9597 </li> 9598 <li 9599 class="localization-form__list-item" 9600 9601 data-value="PM" 9602 9603 data-aliases="" 9604 9605 id="St. Pierre & Miquelon" 9606 aria-label="St. Pierre & Miquelon" 9607 role="option" 9608 tabindex="-1" 9609 ref="countryListItems[]" 9610 on:click="/selectCountry/PM" 9611 > 9612 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9613<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9614</svg> 9615</span> 9616 <span class="country">St. Pierre & Miquelon</span>
9617 <span 9618 class="localization-form__currency" 9619 9620 > 9621 EUR 9622 â¬</span> 9623 </li> 9624 <li 9625 class="localization-form__list-item" 9626 9627 data-value="VC" 9628 9629 data-aliases="" 9630 9631 id="St. Vincent & Grenadines" 9632 aria-label="St. Vincent & Grenadines" 9633 role="option" 9634 tabindex="-1" 9635 ref="countryListItems[]" 9636 on:click="/selectCountry/VC" 9637 > 9638 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9639<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9640</svg> 9641</span> 9642 <span class="country">St. Vincent & Grenadines</span> 9643 <span 9644 class="localization-form__currency" 9645 9646 > 9647 XCD 9648 $</span> 9649 </li> 9650 <li 9651 class="localization-form__list-item" 9652 9653 data-value="SD" 9654 9655 data-aliases="" 9656 9657 id="Sudan" 9658 aria-label="Sudan" 9659 role="option" 9660 tabindex="-1" 9661 ref="countryListItems[]" 9662 on:click="/selectCountry/SD" 9663 > 9664 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9665<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9666</svg> 9667</span> 9668 <span class="country">Sudan</span> 9669 <span 9670 class="localization-form__currency" 9671 9672 > 9673 USD 9674 $</span> 9675 </li> 9676 <li 9677 class="localization-form__list-item" 9678 9679 data-value="SR" 9680 9681 data-aliases="" 9682 9683 id="Suriname" 9684 aria-label="Suriname" 9685 role="option" 9686 tabindex="-1" 9687 ref="countryListItems[]" 9688 on:click="/selectCountry/SR" 9689 > 9690 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9691<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9692</svg> 9693</span> 9694 <span class="country">Suriname</span> 9695 <span 9696 class="localization-form__currency" 9697 9698 > 9699 USD 9700 $</span> 9701 </li> 9702 <li 9703 class="localization-form__list-item" 9704 9705 data-value="SJ" 9706 9707 data-aliases="" 9708 9709 id="Svalbard & Jan Mayen" 9710 aria-label="Svalbard & Jan Mayen" 9711 role="option" 9712 tabindex="-1" 9713 ref="countryListItems[]" 9714 on:click="/selectCountry/SJ" 9715 >
9716 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9717<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9718</svg> 9719</span> 9720 <span class="country">Svalbard & Jan Mayen</span> 9721 <span 9722 class="localization-form__currency" 9723 9724 > 9725 USD 9726 $</span> 9727 </li> 9728 <li 9729 class="localization-form__list-item" 9730 9731 data-value="SE" 9732 9733 data-aliases="" 9734 9735 id="Sweden" 9736 aria-label="Sweden" 9737 role="option" 9738 tabindex="-1" 9739 ref="countryListItems[]" 9740 on:click="/selectCountry/SE" 9741 > 9742 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9743<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9744</svg> 9745</span> 9746 <span class="country">Sweden</span> 9747 <span 9748 class="localization-form__currency" 9749 9750 > 9751 SEK 9752 kr</span> 9753 </li> 9754 <li 9755 class="localization-form__list-item" 9756 9757 data-value="CH" 9758 9759 data-aliases="" 9760 9761 id="Switzerland" 9762 aria-label="Switzerland" 9763 role="option" 9764 tabindex="-1" 9765 ref="countryListItems[]" 9766 on:click="/selectCountry/CH" 9767 > 9768 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9769<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9770</svg> 9771</span> 9772 <span class="country">Switzerland</span> 9773 <span 9774 class="localization-form__currency" 9775 9776 > 9777 CHF 9778 CHF</span> 9779 </li> 9780 <li 9781 class="localization-form__list-item" 9782 9783 data-value="TW" 9784 9785 data-aliases="" 9786 9787 id="Taiwan" 9788 aria-label="Taiwan" 9789 role="option" 9790 tabindex="-1" 9791 ref="countryListItems[]" 9792 on:click="/selectCountry/TW" 9793 > 9794 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9795<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9796</svg> 9797</span> 9798 <span class="country">Taiwan</span> 9799 <span 9800 class="localization-form__currency" 9801 9802 > 9803 TWD
9804 $</span> 9805 </li> 9806 <li 9807 class="localization-form__list-item" 9808 9809 data-value="TJ" 9810 9811 data-aliases="" 9812 9813 id="Tajikistan" 9814 aria-label="Tajikistan" 9815 role="option" 9816 tabindex="-1" 9817 ref="countryListItems[]" 9818 on:click="/selectCountry/TJ" 9819 > 9820 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9821<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9822</svg> 9823</span> 9824 <span class="country">Tajikistan</span> 9825 <span 9826 class="localization-form__currency" 9827 9828 > 9829 TJS 9830 Ð Ð</span> 9831 </li> 9832 <li 9833 class="localization-form__list-item" 9834 9835 data-value="TZ" 9836 9837 data-aliases="" 9838 9839 id="Tanzania" 9840 aria-label="Tanzania" 9841 role="option" 9842 tabindex="-1" 9843 ref="countryListItems[]" 9844 on:click="/selectCountry/TZ" 9845 > 9846 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9847<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9848</svg> 9849</span> 9850 <span class="country">Tanzania</span> 9851 <span 9852 class="localization-form__currency" 9853 9854 > 9855 TZS 9856 Sh</span> 9857 </li> 9858 <li 9859 class="localization-form__list-item" 9860 9861 data-value="TH" 9862 9863 data-aliases="" 9864 9865 id="Thailand" 9866 aria-label="Thailand" 9867 role="option" 9868 tabindex="-1" 9869 ref="countryListItems[]" 9870 on:click="/selectCountry/TH" 9871 > 9872 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9873<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9874</svg> 9875</span> 9876 <span class="country">Thailand</span> 9877 <span 9878 class="localization-form__currency" 9879 9880 > 9881 THB 9882 ฿</span> 9883 </li> 9884 <li 9885 class="localization-form__list-item" 9886 9887 data-value="TL" 9888 9889 data-aliases="" 9890 9891 id="Timor-Leste" 9892 aria-label="Timor-Leste" 9893 role="option" 9894 tabindex="-1" 9895 ref="countryListItems[]" 9896 on:click="/selectCountry/TL" 9897 > 9898 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9899<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9900</svg> 9901</span>
9902 <span class="country">Timor-Leste</span> 9903 <span 9904 class="localization-form__currency" 9905 9906 > 9907 USD 9908 $</span> 9909 </li> 9910 <li 9911 class="localization-form__list-item" 9912 9913 data-value="TG" 9914 9915 data-aliases="" 9916 9917 id="Togo" 9918 aria-label="Togo" 9919 role="option" 9920 tabindex="-1" 9921 ref="countryListItems[]" 9922 on:click="/selectCountry/TG" 9923 > 9924 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9925<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9926</svg> 9927</span> 9928 <span class="country">Togo</span> 9929 <span 9930 class="localization-form__currency" 9931 9932 > 9933 XOF 9934 Fr</span> 9935 </li> 9936 <li 9937 class="localization-form__list-item" 9938 9939 data-value="TK" 9940 9941 data-aliases="" 9942 9943 id="Tokelau" 9944 aria-label="Tokelau" 9945 role="option" 9946 tabindex="-1" 9947 ref="countryListItems[]" 9948 on:click="/selectCountry/TK" 9949 > 9950 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9951<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9952</svg> 9953</span> 9954 <span class="country">Tokelau</span> 9955 <span 9956 class="localization-form__currency" 9957 9958 > 9959 NZD 9960 $</span> 9961 </li> 9962 <li 9963 class="localization-form__list-item" 9964 9965 data-value="TO" 9966 9967 data-aliases="" 9968 9969 id="Tonga" 9970 aria-label="Tonga" 9971 role="option" 9972 tabindex="-1" 9973 ref="countryListItems[]" 9974 on:click="/selectCountry/TO" 9975 > 9976 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 9977<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9978</svg> 9979</span> 9980 <span class="country">Tonga</span> 9981 <span 9982 class="localization-form__currency" 9983 9984 > 9985 TOP 9986 T$</span> 9987 </li> 9988 <li 9989 class="localization-form__list-item" 9990 9991 data-value="TT" 9992 9993 data-aliases="" 9994 9995 id="Trinidad & Tobago" 9996 aria-label="Trinidad & Tobago" 9997 role="option" 9998 tabindex="-1" 9999 ref="countryListItems[]" 10000 on:click="/selectCountry/TT" 10001 >
10002 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10003<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10004</svg> 10005</span> 10006 <span class="country">Trinidad & Tobago</span> 10007 <span 10008 class="localization-form__currency" 10009 10010 > 10011 TTD 10012 $</span> 10013 </li> 10014 <li 10015 class="localization-form__list-item" 10016 10017 data-value="TA" 10018 10019 data-aliases="" 10020 10021 id="Tristan da Cunha" 10022 aria-label="Tristan da Cunha" 10023 role="option" 10024 tabindex="-1" 10025 ref="countryListItems[]" 10026 on:click="/selectCountry/TA" 10027 > 10028 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10029<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10030</svg> 10031</span> 10032 <span class="country">Tristan da Cunha</span> 10033 <span 10034 class="localization-form__currency" 10035 10036 > 10037 GBP 10038 £</span> 10039 </li> 10040 <li 10041 class="localization-form__list-item" 10042 10043 data-value="TN" 10044 10045 data-aliases="" 10046 10047 id="Tunisia" 10048 aria-label="Tunisia" 10049 role="option" 10050 tabindex="-1" 10051 ref="countryListItems[]" 10052 on:click="/selectCountry/TN" 10053 > 10054 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10055<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10056</svg> 10057</span> 10058 <span class="country">Tunisia</span> 10059 <span 10060 class="localization-form__currency" 10061 10062 > 10063 USD 10064 $</span> 10065 </li> 10066 <li 10067 class="localization-form__list-item" 10068 10069 data-value="TR" 10070 10071 data-aliases="" 10072 10073 id="Türkiye" 10074 aria-label="Türkiye" 10075 role="option" 10076 tabindex="-1" 10077 ref="countryListItems[]" 10078 on:click="/selectCountry/TR" 10079 > 10080 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10081<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10082</svg> 10083</span> 10084 <span class="country">Türkiye</span> 10085 <span 10086 class="localization-form__currency" 10087 10088 > 10089 USD
10090 $</span> 10091 </li> 10092 <li 10093 class="localization-form__list-item" 10094 10095 data-value="TM" 10096 10097 data-aliases="" 10098 10099 id="Turkmenistan" 10100 aria-label="Turkmenistan" 10101 role="option" 10102 tabindex="-1" 10103 ref="countryListItems[]" 10104 on:click="/selectCountry/TM" 10105 > 10106 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10107<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10108</svg> 10109</span> 10110 <span class="country">Turkmenistan</span> 10111 <span 10112 class="localization-form__currency" 10113 10114 > 10115 USD 10116 $</span> 10117 </li> 10118 <li 10119 class="localization-form__list-item" 10120 10121 data-value="TC" 10122 10123 data-aliases="" 10124 10125 id="Turks & Caicos Islands" 10126 aria-label="Turks & Caicos Islands" 10127 role="option" 10128 tabindex="-1" 10129 ref="countryListItems[]" 10130 on:click="/selectCountry/TC" 10131 > 10132 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10133<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10134</svg> 10135</span> 10136 <span class="country">Turks & Caicos Islands</span> 10137 <span 10138 class="localization-form__currency" 10139 10140 > 10141 USD 10142 $</span> 10143 </li> 10144 <li 10145 class="localization-form__list-item" 10146 10147 data-value="TV" 10148 10149 data-aliases="" 10150 10151 id="Tuvalu" 10152 aria-label="Tuvalu" 10153 role="option" 10154 tabindex="-1" 10155 ref="countryListItems[]" 10156 on:click="/selectCountry/TV" 10157 > 10158 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10159<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10160</svg> 10161</span> 10162 <span class="country">Tuvalu</span> 10163 <span 10164 class="localization-form__currency" 10165 10166 > 10167 AUD 10168 $</span> 10169 </li> 10170 <li 10171 class="localization-form__list-item" 10172 10173 data-value="UM" 10174 10175 data-aliases="" 10176 10177 id="U.S. Outlying Islands" 10178 aria-label="U.S. Outlying Islands" 10179 role="option" 10180 tabindex="-1" 10181 ref="countryListItems[]" 10182 on:click="/selectCountry/UM" 10183 > 10184 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10185<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10186</svg> 10187</span>
10188 <span class="country">U.S. Outlying Islands</span> 10189 <span 10190 class="localization-form__currency" 10191 10192 > 10193 USD 10194 $</span> 10195 </li> 10196 <li 10197 class="localization-form__list-item" 10198 10199 data-value="UG" 10200 10201 data-aliases="" 10202 10203 id="Uganda" 10204 aria-label="Uganda" 10205 role="option" 10206 tabindex="-1" 10207 ref="countryListItems[]" 10208 on:click="/selectCountry/UG" 10209 > 10210 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10211<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10212</svg> 10213</span> 10214 <span class="country">Uganda</span> 10215 <span 10216 class="localization-form__currency" 10217 10218 > 10219 UGX 10220 USh</span> 10221 </li> 10222 <li 10223 class="localization-form__list-item" 10224 10225 data-value="UA" 10226 10227 data-aliases="" 10228 10229 id="Ukraine" 10230 aria-label="Ukraine" 10231 role="option" 10232 tabindex="-1" 10233 ref="countryListItems[]" 10234 on:click="/selectCountry/UA" 10235 > 10236 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10237<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10238</svg> 10239</span> 10240 <span class="country">Ukraine</span> 10241 <span 10242 class="localization-form__currency" 10243 10244 > 10245 UAH 10246 â´</span> 10247 </li> 10248 <li 10249 class="localization-form__list-item" 10250 10251 data-value="AE" 10252 10253 data-aliases="" 10254 10255 id="United Arab Emirates" 10256 aria-label="United Arab Emirates" 10257 role="option" 10258 tabindex="-1" 10259 ref="countryListItems[]" 10260 on:click="/selectCountry/AE" 10261 > 10262 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10263<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10264</svg> 10265</span> 10266 <span class="country">United Arab Emirates</span> 10267 <span 10268 class="localization-form__currency" 10269 10270 > 10271 AED 10272 د.Ø¥</span> 10273 </li> 10274 <li 10275 class="localization-form__list-item" 10276 10277 data-value="GB" 10278 10279 data-aliases="uk,gb,great britain" 10280 10281 id="United Kingdom" 10282 aria-label="United Kingdom" 10283 role="option" 10284 tabindex="-1" 10285 ref="countryListItems[]" 10286 on:click="/selectCountry/GB" 10287 >
10288 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10289<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10290</svg> 10291</span> 10292 <span class="country">United Kingdom</span> 10293 <span 10294 class="localization-form__currency" 10295 10296 > 10297 GBP 10298 £</span> 10299 </li> 10300 <li 10301 class="localization-form__list-item" 10302 10303 aria-current="true" 10304 10305 data-value="US" 10306 10307 data-aliases="us,usa,america,united states of america" 10308 10309 id="United States" 10310 aria-label="United States" 10311 role="option" 10312 tabindex="-1" 10313 ref="countryListItems[]" 10314 on:click="/selectCountry/US" 10315 > 10316 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10317<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10318</svg> 10319</span> 10320 <span class="country">United States</span> 10321 <span 10322 class="localization-form__currency" 10323 10324 > 10325 USD 10326 $</span> 10327 </li> 10328 <li 10329 class="localization-form__list-item" 10330 10331 data-value="UY" 10332 10333 data-aliases="" 10334 10335 id="Uruguay" 10336 aria-label="Uruguay" 10337 role="option" 10338 tabindex="-1" 10339 ref="countryListItems[]" 10340 on:click="/selectCountry/UY" 10341 > 10342 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10343<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10344</svg> 10345</span> 10346 <span class="country">Uruguay</span> 10347 <span 10348 class="localization-form__currency" 10349 10350 > 10351 UYU 10352 $U</span> 10353 </li> 10354 <li 10355 class="localization-form__list-item" 10356 10357 data-value="UZ" 10358 10359 data-aliases="" 10360 10361 id="Uzbekistan" 10362 aria-label="Uzbekistan" 10363 role="option" 10364 tabindex="-1" 10365 ref="countryListItems[]" 10366 on:click="/selectCountry/UZ" 10367 > 10368 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10369<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10370</svg> 10371</span>
10372 <span class="country">Uzbekistan</span> 10373 <span 10374 class="localization-form__currency" 10375 10376 > 10377 UZS 10378 so'm</span> 10379 </li> 10380 <li 10381 class="localization-form__list-item" 10382 10383 data-value="VU" 10384 10385 data-aliases="" 10386 10387 id="Vanuatu" 10388 aria-label="Vanuatu" 10389 role="option" 10390 tabindex="-1" 10391 ref="countryListItems[]" 10392 on:click="/selectCountry/VU" 10393 > 10394 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10395<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10396</svg> 10397</span> 10398 <span class="country">Vanuatu</span> 10399 <span 10400 class="localization-form__currency" 10401 10402 > 10403 VUV 10404 Vt</span> 10405 </li> 10406 <li 10407 class="localization-form__list-item" 10408 10409 data-value="VA" 10410 10411 data-aliases="" 10412 10413 id="Vatican City" 10414 aria-label="Vatican City" 10415 role="option" 10416 tabindex="-1" 10417 ref="countryListItems[]" 10418 on:click="/selectCountry/VA" 10419 > 10420 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10421<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10422</svg> 10423</span> 10424 <span class="country">Vatican City</span> 10425 <span 10426 class="localization-form__currency" 10427 10428 > 10429 EUR 10430 â¬</span> 10431 </li> 10432 <li 10433 class="localization-form__list-item" 10434 10435 data-value="VE" 10436 10437 data-aliases="" 10438 10439 id="Venezuela" 10440 aria-label="Venezuela" 10441 role="option" 10442 tabindex="-1" 10443 ref="countryListItems[]" 10444 on:click="/selectCountry/VE" 10445 > 10446 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10447<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10448</svg> 10449</span> 10450 <span class="country">Venezuela</span> 10451 <span 10452 class="localization-form__currency" 10453 10454 > 10455 USD 10456 $</span> 10457 </li> 10458 <li 10459 class="localization-form__list-item" 10460 10461 data-value="VN" 10462 10463 data-aliases="" 10464 10465 id="Vietnam" 10466 aria-label="Vietnam" 10467 role="option" 10468 tabindex="-1" 10469 ref="countryListItems[]" 10470 on:click="/selectCountry/VN" 10471 >
10472 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10473<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10474</svg> 10475</span> 10476 <span class="country">Vietnam</span> 10477 <span 10478 class="localization-form__currency" 10479 10480 > 10481 VND 10482 â«</span> 10483 </li> 10484 <li 10485 class="localization-form__list-item" 10486 10487 data-value="WF" 10488 10489 data-aliases="" 10490 10491 id="Wallis & Futuna" 10492 aria-label="Wallis & Futuna" 10493 role="option" 10494 tabindex="-1" 10495 ref="countryListItems[]" 10496 on:click="/selectCountry/WF" 10497 > 10498 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10499<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10500</svg> 10501</span> 10502 <span class="country">Wallis & Futuna</span> 10503 <span 10504 class="localization-form__currency" 10505 10506 > 10507 XPF 10508 Fr</span> 10509 </li> 10510 <li 10511 class="localization-form__list-item" 10512 10513 data-value="EH" 10514 10515 data-aliases="" 10516 10517 id="Western Sahara" 10518 aria-label="Western Sahara" 10519 role="option" 10520 tabindex="-1" 10521 ref="countryListItems[]" 10522 on:click="/selectCountry/EH" 10523 > 10524 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10525<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10526</svg> 10527</span> 10528 <span class="country">Western Sahara</span> 10529 <span 10530 class="localization-form__currency" 10531 10532 > 10533 MAD 10534 د.Ù .</span> 10535 </li> 10536 <li 10537 class="localization-form__list-item" 10538 10539 data-value="YE" 10540 10541 data-aliases="" 10542 10543 id="Yemen" 10544 aria-label="Yemen" 10545 role="option" 10546 tabindex="-1" 10547 ref="countryListItems[]" 10548 on:click="/selectCountry/YE" 10549 > 10550 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10551<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10552</svg> 10553</span> 10554 <span class="country">Yemen</span>
10555 <span 10556 class="localization-form__currency" 10557 10558 > 10559 YER 10560 ï·¼</span> 10561 </li> 10562 <li 10563 class="localization-form__list-item" 10564 10565 data-value="ZM" 10566 10567 data-aliases="" 10568 10569 id="Zambia" 10570 aria-label="Zambia" 10571 role="option" 10572 tabindex="-1" 10573 ref="countryListItems[]" 10574 on:click="/selectCountry/ZM" 10575 > 10576 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10577<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10578</svg> 10579</span> 10580 <span class="country">Zambia</span> 10581 <span 10582 class="localization-form__currency" 10583 10584 > 10585 USD 10586 $</span> 10587 </li> 10588 <li 10589 class="localization-form__list-item" 10590 10591 data-value="ZW" 10592 10593 data-aliases="" 10594 10595 id="Zimbabwe" 10596 aria-label="Zimbabwe" 10597 role="option" 10598 tabindex="-1" 10599 ref="countryListItems[]" 10600 on:click="/selectCountry/ZW" 10601 > 10602 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 10603<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 10604</svg> 10605</span> 10606 <span class="country">Zimbabwe</span> 10607 <span 10608 class="localization-form__currency" 10609 10610 > 10611 USD 10612 $</span> 10613 </li></ul> 10614 </div> 10615 <div class="country-selector__overlay"></div> 10616 <input 10617 type="hidden" 10618 name="country_code" 10619 value="US" 10620 ref="countryInput" 10621 > 10622 </div> 10623 10624 10625 10626</form></localization-form-component> 10627 10628 10629 10630 </div> 10631 </details> 10632 </drawer-localization-component> 10633 10634</div> 10635 10636 10637 </div> 10638 <div 10639 class="menu-drawer__backdrop" 10640 on:click="header-drawer/close" 10641 ></div> 10642 </details> 10643</header-drawer> 10644 10645 10646 10647 </div> 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 <search-button class="search-action search-action--hidden-on-menu"> 10662 <button 10663 on:click="#search-modal/showDialog" 10664 class="button-unstyled header-actions__action" 10665 aria-label="Search" 10666 aria-haspopup="dialog" 10667 > 10668 <span 10669 class="svg-wrapper" 10670 > 10671 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 10672 10673 </span> 10674 </button> 10675 </search-button> 10676 10677 10678 10679 10680 10681 10682 10683 </div><div 10684 class="header__column header__column--center" 10685 data-testid="header-top-center" 10686 > 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700 10701 10702 10703 10704 <header-menu 10705 ref="headerMenu" 10706 class="header-menu" 10707 10708 data-hydration-key="header-menu" 10709 > 10710 <div class="header-menu__inner"> 10711 <nav header-menu> 10712 <div 10713 class="menu-list" 10714 style="--menu-top-level-font-family: var(--font-heading--family); 10715--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-heading--style);
10715 --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none; 10716 10717 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 10718 var(--menu-font-sm--line-height); 10719 10720--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 10721" 10722 > 10723 10724 <overflow-list 10725 10726 ref="overflowMenu" 10727 10728 10729 class="overflow-menu color-scheme-matches-parent" 10730 10731 10732 minimum-items="2" 10733 10734 10735 data-testid="header-menu-overflow-list" 10736 10737 10738 data-skip-node-update 10739 10740> 10741 <template shadowrootmode="open"> 10742 <link href="//humboldtcoffee.com/cdn/shop/t/7/assets/overflow-list.css?v=101911674359793798601770159939" rel="stylesheet" type="text/css" media="all" /> 10743 10744 <ul part="list"> 10745 <slot></slot> 10746 <slot 10747 name="more" 10748 part="more" 10749 hidden 10750 10751 > 10752 <li 10753 part="more" 10754 > 10755 <button 10756 class="button" 10757 type="button" 10758 tabindex="0" 10759 > 10760 More 10761 </button> 10762 </li> 10763 </slot> 10764 <li 10765 part="placeholder" 10766 hidden 10767 ></li> 10768 </ul> 10769 10770 <div part="overflow"> 10771 <ul part="overflow-list"> 10772 <slot name="overflow"></slot> 10773 </ul> 10774 </div> 10775 </template> 10776 10777 10778 10779 <li 10780 role="presentation" 10781 class="menu-list__list-item" 10782 on:focus="/activate" 10783 on:blur="/deactivate" 10784 on:pointerenter="/activate" 10785 on:pointerleave="/deactivate" 10786 > 10787 <a 10788 href="/collections" 10789 data-skip-node-update="true" 10790 class="menu-list__link"aria-controls="submenu-1" 10791 aria-haspopup="true" 10792 aria-expanded="false"ref="menuitem" 10793 > 10794 <span class="menu-list__link-title">Coffee</span> 10795 </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 10796 <div 10797 id="submenu-1" 10798 class="menu-list__submenu-inner" 10799 style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style: 10800var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case: 10801none; 10802 10803 --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: 10804 var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); 10805 --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 10806 10807--menu-child-font-family: var(--font-heading--family); --menu-child-font-style: 10808var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case: 10809none; 10810 10811 --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); 10812 --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 10813 --menu-child-active-font-color: var(--color-foreground); 10814 10815" 10816 > 10817 10818 <div class="mega-menu section section--full-width-margin section--page-width"> 10819 <div 10820 class="mega-menu__grid" 10821 data-menu-grid-id="MegaMenuList-1" 10822 > 10823 10824<ul 10825 data-menu-list-id="MegaMenuList-1" 10826 class="mega-menu__list list-unstyled" 10827 style="--menu-image-border-radius: 31px;" 10828> 10829 10830 <li class="mega-menu__column "> 10831 <div> 10832 <a 10833 href="/collections/all-coffees" 10834 class="mega-menu__link " 10835 > 10836 10837 10838 10839 10840 10841 <img src="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=800" alt="All Coffees" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10842(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10843"> 10844 10845 10846 10847
10848 <span class="wrap-text">All Coffees</span> 10849 </a> 10850 10851 </div> 10852 10853 </li> 10854 10855 <li class="mega-menu__column "> 10856 <div> 10857 <a 10858 href="/collections/blends" 10859 class="mega-menu__link " 10860 > 10861 10862 10863 10864 10865 10866 <img src="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=800" alt="Blends" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10867(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10868"> 10869 10870 10871 10872 10873 <span class="wrap-text">Blends</span> 10874 </a> 10875 10876 </div> 10877 10878 </li> 10879 10880 <li class="mega-menu__column "> 10881 <div> 10882 <a 10883 href="/collections/single-origins" 10884 class="mega-menu__link " 10885 > 10886 10887 10888 10889 10890 10891 <img src="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=800" alt="Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10892(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10893"> 10894 10895 10896 10897 10898 <span class="wrap-text">Single Origin Coffee</span> 10899 </a> 10900 10901 </div> 10902 10903 </li> 10904 10905 <li class="mega-menu__column "> 10906 <div> 10907 <a 10908 href="/collections/roasters-reserve" 10909 class="mega-menu__link " 10910 > 10911 10912 10913 10914 10915 10916 <img src="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=800" alt="Roaster's Reserve Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10917(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10918"> 10919 10920 10921 10922 10923 <span class="wrap-text">Roaster's Reserve</span> 10924 </a> 10925 10926 </div> 10927 10928 </li> 10929 10930 <li class="mega-menu__column "> 10931 <div> 10932 <a 10933 href="/collections/flavored-coffee" 10934 class="mega-menu__link " 10935 > 10936 10937 10938 10939 10940 10941 <img src="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=800" alt="Organic Flavored Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10942(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10943"> 10944 10945 10946 10947 10948 <span class="wrap-text">Flavored Coffees</span> 10949 </a> 10950 10951 </div> 10952 10953 </li> 10954 10955 <li class="mega-menu__column "> 10956 <div> 10957 <a 10958 href="/collections/artist-series" 10959 class="mega-menu__link " 10960 > 10961 10962 10963 10964 10965 10966 <img src="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=800" alt="Artist Series" srcset="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 10967(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4) 10968"> 10969 10970 10971 10972
10973 <span class="wrap-text">Artist Series</span> 10974 </a> 10975 10976 </div> 10977 10978 </li> 10979 10980</ul> 10981 10982 10983 10984<style data-shopify> 10985 [data-menu-grid-id="MegaMenuList-1"] { 10986 10987 --menu-columns-desktop: 6; 10988 --menu-columns-tablet: 4; 10989 10990 } 10991 10992 [data-menu-list-id="MegaMenuList-1"] { 10993 10994 --menu-columns-desktop: 6; 10995 --menu-columns-tablet: 4; 10996 10997 } 10998</style> 10999 11000 11001 11002 </div> 11003 </div> 11004 </div> 11005 </div></li> 11006 11007 <li 11008 role="presentation" 11009 class="menu-list__list-item" 11010 on:focus="/activate" 11011 on:blur="/deactivate" 11012 on:pointerenter="/activate" 11013 on:pointerleave="/deactivate" 11014 > 11015 <a 11016 href="https://humboldt-bay-coffee-co.myshopify.com/tools/recurring/portal/6f2d60dce0e3516aa543565806dc25/overview?token=ec187b6988404edfb81d372fca6e865e" 11017 data-skip-node-update="true" 11018 class="menu-list__link"ref="menuitem" 11019 > 11020 <span class="menu-list__link-title">Subscriptions</span> 11021 </a></li> 11022 11023 <li 11024 role="presentation" 11025 class="menu-list__list-item" 11026 on:focus="/activate" 11027 on:blur="/deactivate" 11028 on:pointerenter="/activate" 11029 on:pointerleave="/deactivate" 11030 > 11031 <a 11032 href="/collections/goods" 11033 data-skip-node-update="true" 11034 class="menu-list__link"aria-controls="submenu-3" 11035 aria-haspopup="true" 11036 aria-expanded="false"ref="menuitem" 11037 > 11038 <span class="menu-list__link-title">Goods</span> 11039 </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 11040 <div 11041 id="submenu-3" 11042 class="menu-list__submenu-inner" 11043 style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style: 11044var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case: 11045none; 11046 11047 --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: 11048 var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); 11049 --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 11050 11051--menu-child-font-family: var(--font-heading--family); --menu-child-font-style: 11052var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case: 11053none; 11054 11055 --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); 11056 --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 11057 --menu-child-active-font-color: var(--color-foreground); 11058 11059" 11060 > 11061 11062 <div class="mega-menu section section--full-width-margin section--page-width"> 11063 <div 11064 class="mega-menu__grid" 11065 data-menu-grid-id="MegaMenuList-3" 11066 > 11067 11068<ul 11069 data-menu-list-id="MegaMenuList-3" 11070 class="mega-menu__list list-unstyled" 11071 style="--menu-image-border-radius: 31px;" 11072> 11073 11074 <li class="mega-menu__column mega-menu__column--wide-collection-image"> 11075 <div> 11076 <a 11077 href="/collections/coffee-supplies" 11078 class="mega-menu__link " 11079 > 11080 11081 11082 11083 11084 11085 <img src="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=800" alt="Coffee Supplies" srcset="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 11086(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4) 11087"> 11088 11089 11090 11091 11092 <span class="wrap-text">Coffee Supplies</span> 11093 </a> 11094 11095 </div> 11096 11097 </li> 11098 11099 <li class="mega-menu__column mega-menu__column--wide-collection-image"> 11100 <div> 11101 <a 11102 href="/collections/merchandise" 11103 class="mega-menu__link " 11104 > 11105 11106 11107 11108 11109 11110 <img src="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=800" alt="Merch" srcset="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes=" 11111(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4) 11112"> 11113 11114 11115 11116
11117 <span class="wrap-text">Merch</span> 11118 </a> 11119 11120 </div> 11121 11122 </li> 11123 11124 <li class="mega-menu__column mega-menu__column--wide-collection-image"> 11125 <div> 11126 <a 11127 href="/collections/aeropress-starter-kits" 11128 class="mega-menu__link " 11129 > 11130 11131 11132 11133 11134 11135 <img src="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=800" alt="AeroPress Starter Kits" srcset="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=352 352w, //humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&width=800 800w" width="800" height="533" loading="lazy" class="mega-menu__link-image" sizes=" 11136(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4) 11137"> 11138 11139 11140 11141 11142 <span class="wrap-text">AeroPress Kits</span> 11143 </a> 11144 11145 </div> 11146 11147 </li> 11148 11149 <li class="mega-menu__column mega-menu__column--wide-collection-image"> 11150 <div> 11151 <a 11152 href="/products/humboldt-bay-coffee-gift-card" 11153 class="mega-menu__link " 11154 > 11155 11156 11157 11158 11159 11160 11161 <span class="wrap-text">Gift Cards</span> 11162 </a> 11163 11164 </div> 11165 11166 </li> 11167 11168</ul> 11169 11170 11171 11172<style data-shopify> 11173 [data-menu-grid-id="MegaMenuList-3"] { 11174 11175 --menu-columns-desktop: 8; 11176 --menu-columns-tablet: 4; 11177 11178 } 11179 11180 [data-menu-list-id="MegaMenuList-3"] { 11181 11182 --menu-columns-desktop: 8; 11183 --menu-columns-tablet: 4; 11184 11185 } 11186</style> 11187 11188 11189 11190 </div> 11191 </div> 11192 </div> 11193 </div></li> 11194 11195 <li 11196 role="presentation" 11197 class="menu-list__list-item" 11198 on:focus="/activate" 11199 on:blur="/deactivate" 11200 on:pointerenter="/activate" 11201 on:pointerleave="/deactivate" 11202 > 11203 <a 11204 href="/pages/contact-us" 11205 data-skip-node-update="true" 11206 class="menu-list__link"ref="menuitem" 11207 > 11208 <span class="menu-list__link-title">Contact us</span> 11209 </a></li> 11210 11211 <li 11212 role="presentation" 11213 class="menu-list__list-item" 11214 on:focus="/activate" 11215 on:blur="/deactivate" 11216 on:pointerenter="/activate" 11217 on:pointerleave="/deactivate" 11218 > 11219 <a 11220 href="/blogs/news/how-it-started" 11221 data-skip-node-update="true" 11222 class="menu-list__link"ref="menuitem" 11223 > 11224 <span class="menu-list__link-title">About Us</span> 11225 </a></li> 11226 11227 <li 11228 role="presentation" 11229 class="menu-list__list-item" 11230 on:focus="/activate" 11231 on:blur="/deactivate" 11232 on:pointerenter="/activate" 11233 on:pointerleave="/deactivate" 11234 > 11235 <a 11236 href="/blogs/news" 11237 data-skip-node-update="true" 11238 class="menu-list__link"ref="menuitem" 11239 > 11240 <span class="menu-list__link-title">Blogs</span> 11241 </a></li> 11242 11243 <li 11244 role="presentation" 11245 class="menu-list__list-item" 11246 on:focus="/activate" 11247 on:blur="/deactivate" 11248 on:pointerenter="/activate" 11249 on:pointerleave="/deactivate" 11250 > 11251 <a 11252 href="/pages/findstorenearyou" 11253 data-skip-node-update="true" 11254 class="menu-list__link"ref="menuitem" 11255 > 11256 <span class="menu-list__link-title">Stores</span> 11257 </a></li> 11258 11259 <li 11260 class="menu-list__list-item" 11261 role="presentation" 11262 slot="more" 11263 on:focus="/activate" 11264 on:blur="/deactivate" 11265 on:pointerenter="/activate" 11266 on:pointerleave="/deactivate" 11267 > 11268 <button role="menuitem" class="button menu-list__link button-unstyled"> 11269 <span class="menu-list__link-title">More</span> 11270 </button> 11271 </li> 11272 11273</overflow-list> 11274 11275 </div> 11276 </nav> 11277 </div> 11278 11279
11279<script 11280 src="//humboldtcoffee.com/cdn/shop/t/7/assets/header-menu.js?v=181417698387236267271770159939" 11281 type="module" 11282 fetchpriority="low" 11283 ></script>
11283 11284 </header-menu> 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 </div><div 11295 class="header__column header__column--right" 11296 data-testid="header-top-right" 11297 > 11298 11299 11300 11301 11302 11303 11304 <dropdown-localization-component 11305 class="dropdown-localization mobile:hidden" 11306 > 11307 <button 11308 type="button" 11309 class="button dropdown-localization__button localization-selector link" 11310 aria-expanded="false" 11311 aria-controls="dropdown-localization-results" 11312 ref="button" 11313 on:click="/toggleSelector" 11314 style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1.125rem; " 11315 > 11316 11317 11318 11319 <span 11320 class="icon-flag" 11321 style=" 11322 background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32); 11323 --size-shadow: 2px; 11324 --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); 11325 " 11326 ></span> 11327 11328 <span 11329 class="currency-code" 11330 data-testid="localization-currency-code" 11331 >USD</span> 11332 11333 <span 11334 class="visually-hidden" 11335 data-testid="localization-visually-hidden" 11336 >Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 11337 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11338</svg> 11339</span> 11340 </button> 11341 11342 <div 11343 class="localization-wrapper right-bound color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 11344 hidden 11345 ref="panel" 11346 > 11347 11348<localization-form-component 11349 ref="localizationForm" 11350 data-label-results-count="[count] results" 11351 data-show-filter="true" 11352 style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1.125rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));" 11353> 11354 11355<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /> 11356 11357 <div class="country-filter"> 11358 <div class="field"> 11359 <div class="country-filter__search-icon field__button"> 11360 <span class="svg-wrapper"> 11361 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 11362 11363 </span> 11364 </div> 11365 <input 11366 class="country-filter__input" 11367 id="country-filter-input" 11368 type="search" 11369 name="country_filter" 11370 value="" 11371 placeholder="Search" 11372 role="combobox" 11373 aria-owns="country-results" 11374 aria-controls="country-results" 11375 aria-haspopup="listbox" 11376 aria-autocomplete="list" 11377 aria-label="Find country" 11378 autocorrect="off" 11379 autocomplete="off" 11380 autocapitalize="off" 11381 spellcheck="false" 11382 ref="search" 11383 on:keyup="/filterCountries" 11384 > 11385 <label 11386 class="field__label visually-hidden" 11387 for="country-filter-input" 11388 >Search</label> 11389 <button 11390 type="reset" 11391 class="button button-unstyled country-filter__reset-button field__button" 11392 aria-label="Reset" 11393 ref="resetButton" 11394 hidden 11395 on:click="/resetCountriesFilter" 11396 >
11397 <span class="svg-wrapper"> 11398 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg> 11399 11400 </span> 11401 </button> 11402 </div> 11403 </div> 11404 11405 <div class="country-selector-form__wrapper"> 11406 <h2 11407 class="visually-hidden" 11408 id="dropdown-CountryLabel" 11409 > 11410 Country/Region 11411 </h2> 11412 11413 <div 11414 id="sr-country-search-results-sections--24479419728065__header_section" 11415 class="visually-hidden" 11416 aria-live="polite" 11417 ref="liveRegion" 11418 ></div> 11419 11420 <div 11421 class="localization-form__list" 11422 id="dropdown-country-results" 11423 ref="countryList" 11424 > 11425 11426 <ul 11427 role="list" 11428 class="list-unstyled countries" 11429 > 11430 <span 11431 class="localization-form__list-item localization-form__list-item-disabled" 11432 id="no-results-message" 11433 ref="noResultsMessage" 11434 hidden 11435 >No results found</span> 11436 <li 11437 class="localization-form__list-item" 11438 11439 data-value="AF" 11440 11441 data-aliases="" 11442 11443 id="Afghanistan" 11444 aria-label="Afghanistan" 11445 role="option" 11446 tabindex="-1" 11447 ref="countryListItems[]" 11448 on:click="/selectCountry/AF" 11449 > 11450 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11451<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11452</svg> 11453</span> 11454 <span class="country">Afghanistan</span> 11455 <span 11456 class="localization-form__currency" 11457 11458 > 11459 AFN 11460 Ø</span> 11461 </li> 11462 <li 11463 class="localization-form__list-item" 11464 11465 data-value="AX" 11466 11467 data-aliases="" 11468 11469 id="à land Islands" 11470 aria-label="à land Islands" 11471 role="option" 11472 tabindex="-1" 11473 ref="countryListItems[]" 11474 on:click="/selectCountry/AX" 11475 > 11476 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11477<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11478</svg> 11479</span> 11480 <span class="country">à land Islands</span> 11481 <span 11482 class="localization-form__currency" 11483 11484 > 11485 EUR 11486 â¬</span> 11487 </li> 11488 <li 11489 class="localization-form__list-item" 11490 11491 data-value="AL" 11492 11493 data-aliases="" 11494 11495 id="Albania" 11496 aria-label="Albania" 11497 role="option" 11498 tabindex="-1" 11499 ref="countryListItems[]" 11500 on:click="/selectCountry/AL" 11501 >
11502 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11503<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11504</svg> 11505</span> 11506 <span class="country">Albania</span> 11507 <span 11508 class="localization-form__currency" 11509 11510 > 11511 ALL 11512 L</span> 11513 </li> 11514 <li 11515 class="localization-form__list-item" 11516 11517 data-value="DZ" 11518 11519 data-aliases="" 11520 11521 id="Algeria" 11522 aria-label="Algeria" 11523 role="option" 11524 tabindex="-1" 11525 ref="countryListItems[]" 11526 on:click="/selectCountry/DZ" 11527 > 11528 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11529<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11530</svg> 11531</span> 11532 <span class="country">Algeria</span> 11533 <span 11534 class="localization-form__currency" 11535 11536 > 11537 DZD 11538 د.ج</span> 11539 </li> 11540 <li 11541 class="localization-form__list-item" 11542 11543 data-value="AD" 11544 11545 data-aliases="" 11546 11547 id="Andorra" 11548 aria-label="Andorra" 11549 role="option" 11550 tabindex="-1" 11551 ref="countryListItems[]" 11552 on:click="/selectCountry/AD" 11553 > 11554 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11555<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11556</svg> 11557</span> 11558 <span class="country">Andorra</span> 11559 <span 11560 class="localization-form__currency" 11561 11562 > 11563 EUR 11564 â¬</span> 11565 </li> 11566 <li 11567 class="localization-form__list-item" 11568 11569 data-value="AO" 11570 11571 data-aliases="" 11572 11573 id="Angola" 11574 aria-label="Angola" 11575 role="option" 11576 tabindex="-1" 11577 ref="countryListItems[]" 11578 on:click="/selectCountry/AO" 11579 > 11580 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11581<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11582</svg> 11583</span> 11584 <span class="country">Angola</span> 11585 <span 11586 class="localization-form__currency" 11587 11588 > 11589 USD
11590 $</span> 11591 </li> 11592 <li 11593 class="localization-form__list-item" 11594 11595 data-value="AI" 11596 11597 data-aliases="" 11598 11599 id="Anguilla" 11600 aria-label="Anguilla" 11601 role="option" 11602 tabindex="-1" 11603 ref="countryListItems[]" 11604 on:click="/selectCountry/AI" 11605 > 11606 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11607<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11608</svg> 11609</span> 11610 <span class="country">Anguilla</span> 11611 <span 11612 class="localization-form__currency" 11613 11614 > 11615 XCD 11616 $</span> 11617 </li> 11618 <li 11619 class="localization-form__list-item" 11620 11621 data-value="AG" 11622 11623 data-aliases="" 11624 11625 id="Antigua & Barbuda" 11626 aria-label="Antigua & Barbuda" 11627 role="option" 11628 tabindex="-1" 11629 ref="countryListItems[]" 11630 on:click="/selectCountry/AG" 11631 > 11632 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11633<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11634</svg> 11635</span> 11636 <span class="country">Antigua & Barbuda</span> 11637 <span 11638 class="localization-form__currency" 11639 11640 > 11641 XCD 11642 $</span> 11643 </li> 11644 <li 11645 class="localization-form__list-item" 11646 11647 data-value="AR" 11648 11649 data-aliases="" 11650 11651 id="Argentina" 11652 aria-label="Argentina" 11653 role="option" 11654 tabindex="-1" 11655 ref="countryListItems[]" 11656 on:click="/selectCountry/AR" 11657 > 11658 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11659<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11660</svg> 11661</span> 11662 <span class="country">Argentina</span> 11663 <span 11664 class="localization-form__currency" 11665 11666 > 11667 USD 11668 $</span> 11669 </li> 11670 <li 11671 class="localization-form__list-item" 11672 11673 data-value="AM" 11674 11675 data-aliases="" 11676 11677 id="Armenia" 11678 aria-label="Armenia" 11679 role="option" 11680 tabindex="-1" 11681 ref="countryListItems[]" 11682 on:click="/selectCountry/AM" 11683 > 11684 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11685<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11686</svg> 11687</span>
11688 <span class="country">Armenia</span> 11689 <span 11690 class="localization-form__currency" 11691 11692 > 11693 AMD 11694 Õ¤Ö.</span> 11695 </li> 11696 <li 11697 class="localization-form__list-item" 11698 11699 data-value="AW" 11700 11701 data-aliases="" 11702 11703 id="Aruba" 11704 aria-label="Aruba" 11705 role="option" 11706 tabindex="-1" 11707 ref="countryListItems[]" 11708 on:click="/selectCountry/AW" 11709 > 11710 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11711<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11712</svg> 11713</span> 11714 <span class="country">Aruba</span> 11715 <span 11716 class="localization-form__currency" 11717 11718 > 11719 AWG 11720 Æ</span> 11721 </li> 11722 <li 11723 class="localization-form__list-item" 11724 11725 data-value="AC" 11726 11727 data-aliases="" 11728 11729 id="Ascension Island" 11730 aria-label="Ascension Island" 11731 role="option" 11732 tabindex="-1" 11733 ref="countryListItems[]" 11734 on:click="/selectCountry/AC" 11735 > 11736 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11737<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11738</svg> 11739</span> 11740 <span class="country">Ascension Island</span> 11741 <span 11742 class="localization-form__currency" 11743 11744 > 11745 SHP 11746 £</span> 11747 </li> 11748 <li 11749 class="localization-form__list-item" 11750 11751 data-value="AU" 11752 11753 data-aliases="" 11754 11755 id="Australia" 11756 aria-label="Australia" 11757 role="option" 11758 tabindex="-1" 11759 ref="countryListItems[]" 11760 on:click="/selectCountry/AU" 11761 > 11762 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11763<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11764</svg> 11765</span> 11766 <span class="country">Australia</span> 11767 <span 11768 class="localization-form__currency" 11769 11770 > 11771 AUD 11772 $</span> 11773 </li> 11774 <li 11775 class="localization-form__list-item" 11776 11777 data-value="AT" 11778 11779 data-aliases="" 11780 11781 id="Austria" 11782 aria-label="Austria" 11783 role="option" 11784 tabindex="-1" 11785 ref="countryListItems[]" 11786 on:click="/selectCountry/AT" 11787 >
11788 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11789<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11790</svg> 11791</span> 11792 <span class="country">Austria</span> 11793 <span 11794 class="localization-form__currency" 11795 11796 > 11797 EUR 11798 â¬</span> 11799 </li> 11800 <li 11801 class="localization-form__list-item" 11802 11803 data-value="AZ" 11804 11805 data-aliases="" 11806 11807 id="Azerbaijan" 11808 aria-label="Azerbaijan" 11809 role="option" 11810 tabindex="-1" 11811 ref="countryListItems[]" 11812 on:click="/selectCountry/AZ" 11813 > 11814 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11815<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11816</svg> 11817</span> 11818 <span class="country">Azerbaijan</span> 11819 <span 11820 class="localization-form__currency" 11821 11822 > 11823 AZN 11824 â¼</span> 11825 </li> 11826 <li 11827 class="localization-form__list-item" 11828 11829 data-value="BS" 11830 11831 data-aliases="" 11832 11833 id="Bahamas" 11834 aria-label="Bahamas" 11835 role="option" 11836 tabindex="-1" 11837 ref="countryListItems[]" 11838 on:click="/selectCountry/BS" 11839 > 11840 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11841<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11842</svg> 11843</span> 11844 <span class="country">Bahamas</span> 11845 <span 11846 class="localization-form__currency" 11847 11848 > 11849 BSD 11850 $</span> 11851 </li> 11852 <li 11853 class="localization-form__list-item" 11854 11855 data-value="BH" 11856 11857 data-aliases="" 11858 11859 id="Bahrain" 11860 aria-label="Bahrain" 11861 role="option" 11862 tabindex="-1" 11863 ref="countryListItems[]" 11864 on:click="/selectCountry/BH" 11865 > 11866 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11867<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11868</svg> 11869</span> 11870 <span class="country">Bahrain</span> 11871 <span 11872 class="localization-form__currency" 11873 11874 > 11875 USD
11876 $</span> 11877 </li> 11878 <li 11879 class="localization-form__list-item" 11880 11881 data-value="BD" 11882 11883 data-aliases="" 11884 11885 id="Bangladesh" 11886 aria-label="Bangladesh" 11887 role="option" 11888 tabindex="-1" 11889 ref="countryListItems[]" 11890 on:click="/selectCountry/BD" 11891 > 11892 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11893<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11894</svg> 11895</span> 11896 <span class="country">Bangladesh</span> 11897 <span 11898 class="localization-form__currency" 11899 11900 > 11901 BDT 11902 à§³</span> 11903 </li> 11904 <li 11905 class="localization-form__list-item" 11906 11907 data-value="BB" 11908 11909 data-aliases="" 11910 11911 id="Barbados" 11912 aria-label="Barbados" 11913 role="option" 11914 tabindex="-1" 11915 ref="countryListItems[]" 11916 on:click="/selectCountry/BB" 11917 > 11918 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11919<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11920</svg> 11921</span> 11922 <span class="country">Barbados</span> 11923 <span 11924 class="localization-form__currency" 11925 11926 > 11927 BBD 11928 $</span> 11929 </li> 11930 <li 11931 class="localization-form__list-item" 11932 11933 data-value="BY" 11934 11935 data-aliases="" 11936 11937 id="Belarus" 11938 aria-label="Belarus" 11939 role="option" 11940 tabindex="-1" 11941 ref="countryListItems[]" 11942 on:click="/selectCountry/BY" 11943 > 11944 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11945<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11946</svg> 11947</span> 11948 <span class="country">Belarus</span> 11949 <span 11950 class="localization-form__currency" 11951 11952 > 11953 USD 11954 $</span> 11955 </li> 11956 <li 11957 class="localization-form__list-item" 11958 11959 data-value="BE" 11960 11961 data-aliases="" 11962 11963 id="Belgium" 11964 aria-label="Belgium" 11965 role="option" 11966 tabindex="-1" 11967 ref="countryListItems[]" 11968 on:click="/selectCountry/BE" 11969 > 11970 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11971<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11972</svg> 11973</span>
11974 <span class="country">Belgium</span> 11975 <span 11976 class="localization-form__currency" 11977 11978 > 11979 EUR 11980 â¬</span> 11981 </li> 11982 <li 11983 class="localization-form__list-item" 11984 11985 data-value="BZ" 11986 11987 data-aliases="" 11988 11989 id="Belize" 11990 aria-label="Belize" 11991 role="option" 11992 tabindex="-1" 11993 ref="countryListItems[]" 11994 on:click="/selectCountry/BZ" 11995 > 11996 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 11997<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 11998</svg> 11999</span> 12000 <span class="country">Belize</span> 12001 <span 12002 class="localization-form__currency" 12003 12004 > 12005 BZD 12006 $</span> 12007 </li> 12008 <li 12009 class="localization-form__list-item" 12010 12011 data-value="BJ" 12012 12013 data-aliases="" 12014 12015 id="Benin" 12016 aria-label="Benin" 12017 role="option" 12018 tabindex="-1" 12019 ref="countryListItems[]" 12020 on:click="/selectCountry/BJ" 12021 > 12022 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12023<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12024</svg> 12025</span> 12026 <span class="country">Benin</span> 12027 <span 12028 class="localization-form__currency" 12029 12030 > 12031 XOF 12032 Fr</span> 12033 </li> 12034 <li 12035 class="localization-form__list-item" 12036 12037 data-value="BM" 12038 12039 data-aliases="" 12040 12041 id="Bermuda" 12042 aria-label="Bermuda" 12043 role="option" 12044 tabindex="-1" 12045 ref="countryListItems[]" 12046 on:click="/selectCountry/BM" 12047 > 12048 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12049<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12050</svg> 12051</span> 12052 <span class="country">Bermuda</span> 12053 <span 12054 class="localization-form__currency" 12055 12056 > 12057 USD 12058 $</span> 12059 </li> 12060 <li 12061 class="localization-form__list-item" 12062 12063 data-value="BT" 12064 12065 data-aliases="" 12066 12067 id="Bhutan" 12068 aria-label="Bhutan" 12069 role="option" 12070 tabindex="-1" 12071 ref="countryListItems[]" 12072 on:click="/selectCountry/BT" 12073 >
12074 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12075<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12076</svg> 12077</span> 12078 <span class="country">Bhutan</span> 12079 <span 12080 class="localization-form__currency" 12081 12082 > 12083 USD 12084 $</span> 12085 </li> 12086 <li 12087 class="localization-form__list-item" 12088 12089 data-value="BO" 12090 12091 data-aliases="" 12092 12093 id="Bolivia" 12094 aria-label="Bolivia" 12095 role="option" 12096 tabindex="-1" 12097 ref="countryListItems[]" 12098 on:click="/selectCountry/BO" 12099 > 12100 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12101<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12102</svg> 12103</span> 12104 <span class="country">Bolivia</span> 12105 <span 12106 class="localization-form__currency" 12107 12108 > 12109 BOB 12110 Bs.</span> 12111 </li> 12112 <li 12113 class="localization-form__list-item" 12114 12115 data-value="BA" 12116 12117 data-aliases="" 12118 12119 id="Bosnia & Herzegovina" 12120 aria-label="Bosnia & Herzegovina" 12121 role="option" 12122 tabindex="-1" 12123 ref="countryListItems[]" 12124 on:click="/selectCountry/BA" 12125 > 12126 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12127<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12128</svg> 12129</span> 12130 <span class="country">Bosnia & Herzegovina</span> 12131 <span 12132 class="localization-form__currency" 12133 12134 > 12135 BAM 12136 ÐÐ</span> 12137 </li> 12138 <li 12139 class="localization-form__list-item" 12140 12141 data-value="BW" 12142 12143 data-aliases="" 12144 12145 id="Botswana" 12146 aria-label="Botswana" 12147 role="option" 12148 tabindex="-1" 12149 ref="countryListItems[]" 12150 on:click="/selectCountry/BW" 12151 > 12152 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12153<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12154</svg> 12155</span> 12156 <span class="country">Botswana</span>
12157 <span 12158 class="localization-form__currency" 12159 12160 > 12161 BWP 12162 P</span> 12163 </li> 12164 <li 12165 class="localization-form__list-item" 12166 12167 data-value="BR" 12168 12169 data-aliases="" 12170 12171 id="Brazil" 12172 aria-label="Brazil" 12173 role="option" 12174 tabindex="-1" 12175 ref="countryListItems[]" 12176 on:click="/selectCountry/BR" 12177 > 12178 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12179<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12180</svg> 12181</span> 12182 <span class="country">Brazil</span> 12183 <span 12184 class="localization-form__currency" 12185 12186 > 12187 USD 12188 $</span> 12189 </li> 12190 <li 12191 class="localization-form__list-item" 12192 12193 data-value="IO" 12194 12195 data-aliases="" 12196 12197 id="British Indian Ocean Territory" 12198 aria-label="British Indian Ocean Territory" 12199 role="option" 12200 tabindex="-1" 12201 ref="countryListItems[]" 12202 on:click="/selectCountry/IO" 12203 > 12204 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12205<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12206</svg> 12207</span> 12208 <span class="country">British Indian Ocean Territory</span> 12209 <span 12210 class="localization-form__currency" 12211 12212 > 12213 USD 12214 $</span> 12215 </li> 12216 <li 12217 class="localization-form__list-item" 12218 12219 data-value="VG" 12220 12221 data-aliases="" 12222 12223 id="British Virgin Islands" 12224 aria-label="British Virgin Islands" 12225 role="option" 12226 tabindex="-1" 12227 ref="countryListItems[]" 12228 on:click="/selectCountry/VG" 12229 > 12230 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12231<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12232</svg> 12233</span> 12234 <span class="country">British Virgin Islands</span> 12235 <span 12236 class="localization-form__currency" 12237 12238 > 12239 USD 12240 $</span> 12241 </li> 12242 <li 12243 class="localization-form__list-item" 12244 12245 data-value="BN" 12246 12247 data-aliases="" 12248 12249 id="Brunei" 12250 aria-label="Brunei" 12251 role="option" 12252 tabindex="-1" 12253 ref="countryListItems[]" 12254 on:click="/selectCountry/BN" 12255 >
12256 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12257<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12258</svg> 12259</span> 12260 <span class="country">Brunei</span> 12261 <span 12262 class="localization-form__currency" 12263 12264 > 12265 BND 12266 $</span> 12267 </li> 12268 <li 12269 class="localization-form__list-item" 12270 12271 data-value="BG" 12272 12273 data-aliases="" 12274 12275 id="Bulgaria" 12276 aria-label="Bulgaria" 12277 role="option" 12278 tabindex="-1" 12279 ref="countryListItems[]" 12280 on:click="/selectCountry/BG" 12281 > 12282 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12283<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12284</svg> 12285</span> 12286 <span class="country">Bulgaria</span> 12287 <span 12288 class="localization-form__currency" 12289 12290 > 12291 EUR 12292 â¬</span> 12293 </li> 12294 <li 12295 class="localization-form__list-item" 12296 12297 data-value="BF" 12298 12299 data-aliases="" 12300 12301 id="Burkina Faso" 12302 aria-label="Burkina Faso" 12303 role="option" 12304 tabindex="-1" 12305 ref="countryListItems[]" 12306 on:click="/selectCountry/BF" 12307 > 12308 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12310</svg> 12311</span> 12312 <span class="country">Burkina Faso</span> 12313 <span 12314 class="localization-form__currency" 12315 12316 > 12317 XOF 12318 Fr</span> 12319 </li> 12320 <li 12321 class="localization-form__list-item" 12322 12323 data-value="BI" 12324 12325 data-aliases="" 12326 12327 id="Burundi" 12328 aria-label="Burundi" 12329 role="option" 12330 tabindex="-1" 12331 ref="countryListItems[]" 12332 on:click="/selectCountry/BI" 12333 > 12334 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12335<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12336</svg> 12337</span> 12338 <span class="country">Burundi</span> 12339 <span 12340 class="localization-form__currency" 12341 12342 > 12343 BIF 12344 Fr</span> 12345 </li> 12346 <li 12347 class="localization-form__list-item" 12348 12349 data-value="KH" 12350 12351 data-aliases="" 12352 12353 id="Cambodia" 12354 aria-label="Cambodia" 12355 role="option" 12356 tabindex="-1" 12357 ref="countryListItems[]" 12358 on:click="/selectCountry/KH" 12359 >
12360 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12361<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12362</svg> 12363</span> 12364 <span class="country">Cambodia</span> 12365 <span 12366 class="localization-form__currency" 12367 12368 > 12369 KHR 12370 á</span> 12371 </li> 12372 <li 12373 class="localization-form__list-item" 12374 12375 data-value="CM" 12376 12377 data-aliases="" 12378 12379 id="Cameroon" 12380 aria-label="Cameroon" 12381 role="option" 12382 tabindex="-1" 12383 ref="countryListItems[]" 12384 on:click="/selectCountry/CM" 12385 > 12386 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12387<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12388</svg> 12389</span> 12390 <span class="country">Cameroon</span> 12391 <span 12392 class="localization-form__currency" 12393 12394 > 12395 XAF 12396 CFA</span> 12397 </li> 12398 <li 12399 class="localization-form__list-item" 12400 12401 data-value="CA" 12402 12403 data-aliases="" 12404 12405 id="Canada" 12406 aria-label="Canada" 12407 role="option" 12408 tabindex="-1" 12409 ref="countryListItems[]" 12410 on:click="/selectCountry/CA" 12411 > 12412 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12413<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12414</svg> 12415</span> 12416 <span class="country">Canada</span> 12417 <span 12418 class="localization-form__currency" 12419 12420 > 12421 CAD 12422 $</span> 12423 </li> 12424 <li 12425 class="localization-form__list-item" 12426 12427 data-value="CV" 12428 12429 data-aliases="" 12430 12431 id="Cape Verde" 12432 aria-label="Cape Verde" 12433 role="option" 12434 tabindex="-1" 12435 ref="countryListItems[]" 12436 on:click="/selectCountry/CV" 12437 > 12438 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12439<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12440</svg> 12441</span> 12442 <span class="country">Cape Verde</span> 12443 <span 12444 class="localization-form__currency" 12445 12446 > 12447 CVE
12448 $</span> 12449 </li> 12450 <li 12451 class="localization-form__list-item" 12452 12453 data-value="BQ" 12454 12455 data-aliases="" 12456 12457 id="Caribbean Netherlands" 12458 aria-label="Caribbean Netherlands" 12459 role="option" 12460 tabindex="-1" 12461 ref="countryListItems[]" 12462 on:click="/selectCountry/BQ" 12463 > 12464 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12465<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12466</svg> 12467</span> 12468 <span class="country">Caribbean Netherlands</span> 12469 <span 12470 class="localization-form__currency" 12471 12472 > 12473 USD 12474 $</span> 12475 </li> 12476 <li 12477 class="localization-form__list-item" 12478 12479 data-value="KY" 12480 12481 data-aliases="" 12482 12483 id="Cayman Islands" 12484 aria-label="Cayman Islands" 12485 role="option" 12486 tabindex="-1" 12487 ref="countryListItems[]" 12488 on:click="/selectCountry/KY" 12489 > 12490 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12491<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12492</svg> 12493</span> 12494 <span class="country">Cayman Islands</span> 12495 <span 12496 class="localization-form__currency" 12497 12498 > 12499 KYD 12500 $</span> 12501 </li> 12502 <li 12503 class="localization-form__list-item" 12504 12505 data-value="CF" 12506 12507 data-aliases="" 12508 12509 id="Central African Republic" 12510 aria-label="Central African Republic" 12511 role="option" 12512 tabindex="-1" 12513 ref="countryListItems[]" 12514 on:click="/selectCountry/CF" 12515 > 12516 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12517<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12518</svg> 12519</span> 12520 <span class="country">Central African Republic</span> 12521 <span 12522 class="localization-form__currency" 12523 12524 > 12525 XAF 12526 CFA</span> 12527 </li> 12528 <li 12529 class="localization-form__list-item" 12530 12531 data-value="TD" 12532 12533 data-aliases="" 12534 12535 id="Chad" 12536 aria-label="Chad" 12537 role="option" 12538 tabindex="-1" 12539 ref="countryListItems[]" 12540 on:click="/selectCountry/TD" 12541 > 12542 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12543<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12544</svg> 12545</span>
12546 <span class="country">Chad</span> 12547 <span 12548 class="localization-form__currency" 12549 12550 > 12551 XAF 12552 CFA</span> 12553 </li> 12554 <li 12555 class="localization-form__list-item" 12556 12557 data-value="CL" 12558 12559 data-aliases="" 12560 12561 id="Chile" 12562 aria-label="Chile" 12563 role="option" 12564 tabindex="-1" 12565 ref="countryListItems[]" 12566 on:click="/selectCountry/CL" 12567 > 12568 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12569<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12570</svg> 12571</span> 12572 <span class="country">Chile</span> 12573 <span 12574 class="localization-form__currency" 12575 12576 > 12577 USD 12578 $</span> 12579 </li> 12580 <li 12581 class="localization-form__list-item" 12582 12583 data-value="CN" 12584 12585 data-aliases="" 12586 12587 id="China" 12588 aria-label="China" 12589 role="option" 12590 tabindex="-1" 12591 ref="countryListItems[]" 12592 on:click="/selectCountry/CN" 12593 > 12594 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12595<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12596</svg> 12597</span> 12598 <span class="country">China</span> 12599 <span 12600 class="localization-form__currency" 12601 12602 > 12603 CNY 12604 ¥</span> 12605 </li> 12606 <li 12607 class="localization-form__list-item" 12608 12609 data-value="CX" 12610 12611 data-aliases="" 12612 12613 id="Christmas Island" 12614 aria-label="Christmas Island" 12615 role="option" 12616 tabindex="-1" 12617 ref="countryListItems[]" 12618 on:click="/selectCountry/CX" 12619 > 12620 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12621<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12622</svg> 12623</span> 12624 <span class="country">Christmas Island</span> 12625 <span 12626 class="localization-form__currency" 12627 12628 > 12629 AUD 12630 $</span> 12631 </li> 12632 <li 12633 class="localization-form__list-item" 12634 12635 data-value="CC" 12636 12637 data-aliases="" 12638 12639 id="Cocos (Keeling) Islands" 12640 aria-label="Cocos (Keeling) Islands" 12641 role="option" 12642 tabindex="-1" 12643 ref="countryListItems[]" 12644 on:click="/selectCountry/CC" 12645 >
12646 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12647<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12648</svg> 12649</span> 12650 <span class="country">Cocos (Keeling) Islands</span> 12651 <span 12652 class="localization-form__currency" 12653 12654 > 12655 AUD 12656 $</span> 12657 </li> 12658 <li 12659 class="localization-form__list-item" 12660 12661 data-value="CO" 12662 12663 data-aliases="" 12664 12665 id="Colombia" 12666 aria-label="Colombia" 12667 role="option" 12668 tabindex="-1" 12669 ref="countryListItems[]" 12670 on:click="/selectCountry/CO" 12671 > 12672 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12673<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12674</svg> 12675</span> 12676 <span class="country">Colombia</span> 12677 <span 12678 class="localization-form__currency" 12679 12680 > 12681 USD 12682 $</span> 12683 </li> 12684 <li 12685 class="localization-form__list-item" 12686 12687 data-value="KM" 12688 12689 data-aliases="" 12690 12691 id="Comoros" 12692 aria-label="Comoros" 12693 role="option" 12694 tabindex="-1" 12695 ref="countryListItems[]" 12696 on:click="/selectCountry/KM" 12697 > 12698 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12699<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12700</svg> 12701</span> 12702 <span class="country">Comoros</span> 12703 <span 12704 class="localization-form__currency" 12705 12706 > 12707 KMF 12708 Fr</span> 12709 </li> 12710 <li 12711 class="localization-form__list-item" 12712 12713 data-value="CG" 12714 12715 data-aliases="" 12716 12717 id="Congo - Brazzaville" 12718 aria-label="Congo - Brazzaville" 12719 role="option" 12720 tabindex="-1" 12721 ref="countryListItems[]" 12722 on:click="/selectCountry/CG" 12723 > 12724 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12725<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12726</svg> 12727</span> 12728 <span class="country">Congo - Brazzaville</span>
12729 <span 12730 class="localization-form__currency" 12731 12732 > 12733 XAF 12734 CFA</span> 12735 </li> 12736 <li 12737 class="localization-form__list-item" 12738 12739 data-value="CD" 12740 12741 data-aliases="" 12742 12743 id="Congo - Kinshasa" 12744 aria-label="Congo - Kinshasa" 12745 role="option" 12746 tabindex="-1" 12747 ref="countryListItems[]" 12748 on:click="/selectCountry/CD" 12749 > 12750 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12751<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12752</svg> 12753</span> 12754 <span class="country">Congo - Kinshasa</span> 12755 <span 12756 class="localization-form__currency" 12757 12758 > 12759 CDF 12760 Fr</span> 12761 </li> 12762 <li 12763 class="localization-form__list-item" 12764 12765 data-value="CK" 12766 12767 data-aliases="" 12768 12769 id="Cook Islands" 12770 aria-label="Cook Islands" 12771 role="option" 12772 tabindex="-1" 12773 ref="countryListItems[]" 12774 on:click="/selectCountry/CK" 12775 > 12776 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12777<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12778</svg> 12779</span> 12780 <span class="country">Cook Islands</span> 12781 <span 12782 class="localization-form__currency" 12783 12784 > 12785 NZD 12786 $</span> 12787 </li> 12788 <li 12789 class="localization-form__list-item" 12790 12791 data-value="CR" 12792 12793 data-aliases="" 12794 12795 id="Costa Rica" 12796 aria-label="Costa Rica" 12797 role="option" 12798 tabindex="-1" 12799 ref="countryListItems[]" 12800 on:click="/selectCountry/CR" 12801 > 12802 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12803<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12804</svg> 12805</span> 12806 <span class="country">Costa Rica</span> 12807 <span 12808 class="localization-form__currency" 12809 12810 > 12811 CRC 12812 â¡</span> 12813 </li> 12814 <li 12815 class="localization-form__list-item" 12816 12817 data-value="CI" 12818 12819 data-aliases="" 12820 12821 id="Côte dâIvoire" 12822 aria-label="Côte dâIvoire" 12823 role="option" 12824 tabindex="-1" 12825 ref="countryListItems[]" 12826 on:click="/selectCountry/CI"
12827 > 12828 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12829<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12830</svg> 12831</span> 12832 <span class="country">Côte dâIvoire</span> 12833 <span 12834 class="localization-form__currency" 12835 12836 > 12837 XOF 12838 Fr</span> 12839 </li> 12840 <li 12841 class="localization-form__list-item" 12842 12843 data-value="HR" 12844 12845 data-aliases="" 12846 12847 id="Croatia" 12848 aria-label="Croatia" 12849 role="option" 12850 tabindex="-1" 12851 ref="countryListItems[]" 12852 on:click="/selectCountry/HR" 12853 > 12854 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12855<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12856</svg> 12857</span> 12858 <span class="country">Croatia</span> 12859 <span 12860 class="localization-form__currency" 12861 12862 > 12863 EUR 12864 â¬</span> 12865 </li> 12866 <li 12867 class="localization-form__list-item" 12868 12869 data-value="CW" 12870 12871 data-aliases="" 12872 12873 id="Curaçao" 12874 aria-label="Curaçao" 12875 role="option" 12876 tabindex="-1" 12877 ref="countryListItems[]" 12878 on:click="/selectCountry/CW" 12879 > 12880 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12881<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12882</svg> 12883</span> 12884 <span class="country">Curaçao</span> 12885 <span 12886 class="localization-form__currency" 12887 12888 > 12889 ANG 12890 Æ</span> 12891 </li> 12892 <li 12893 class="localization-form__list-item" 12894 12895 data-value="CY" 12896 12897 data-aliases="" 12898 12899 id="Cyprus" 12900 aria-label="Cyprus" 12901 role="option" 12902 tabindex="-1" 12903 ref="countryListItems[]" 12904 on:click="/selectCountry/CY" 12905 > 12906 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12907<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12908</svg> 12909</span> 12910 <span class="country">Cyprus</span> 12911 <span 12912 class="localization-form__currency" 12913 12914 > 12915 EUR 12916 â¬</span> 12917 </li> 12918 <li 12919 class="localization-form__list-item" 12920 12921 data-value="CZ" 12922 12923 data-aliases="" 12924 12925 id="Czechia" 12926 aria-label="Czechia" 12927 role="option" 12928 tabindex="-1" 12929 ref="countryListItems[]" 12930 on:click="/selectCountry/CZ" 12931 >
12932 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12933<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12934</svg> 12935</span> 12936 <span class="country">Czechia</span> 12937 <span 12938 class="localization-form__currency" 12939 12940 > 12941 CZK 12942 KÄ</span> 12943 </li> 12944 <li 12945 class="localization-form__list-item" 12946 12947 data-value="DK" 12948 12949 data-aliases="" 12950 12951 id="Denmark" 12952 aria-label="Denmark" 12953 role="option" 12954 tabindex="-1" 12955 ref="countryListItems[]" 12956 on:click="/selectCountry/DK" 12957 > 12958 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12959<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12960</svg> 12961</span> 12962 <span class="country">Denmark</span> 12963 <span 12964 class="localization-form__currency" 12965 12966 > 12967 DKK 12968 kr.</span> 12969 </li> 12970 <li 12971 class="localization-form__list-item" 12972 12973 data-value="DJ" 12974 12975 data-aliases="" 12976 12977 id="Djibouti" 12978 aria-label="Djibouti" 12979 role="option" 12980 tabindex="-1" 12981 ref="countryListItems[]" 12982 on:click="/selectCountry/DJ" 12983 > 12984 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 12985<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12986</svg> 12987</span> 12988 <span class="country">Djibouti</span> 12989 <span 12990 class="localization-form__currency" 12991 12992 > 12993 DJF 12994 Fdj</span> 12995 </li> 12996 <li 12997 class="localization-form__list-item" 12998 12999 data-value="DM" 13000 13001 data-aliases="" 13002 13003 id="Dominica" 13004 aria-label="Dominica" 13005 role="option" 13006 tabindex="-1" 13007 ref="countryListItems[]" 13008 on:click="/selectCountry/DM" 13009 > 13010 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13011<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13012</svg> 13013</span> 13014 <span class="country">Dominica</span> 13015 <span 13016 class="localization-form__currency" 13017 13018 > 13019 XCD
13020 $</span> 13021 </li> 13022 <li 13023 class="localization-form__list-item" 13024 13025 data-value="DO" 13026 13027 data-aliases="" 13028 13029 id="Dominican Republic" 13030 aria-label="Dominican Republic" 13031 role="option" 13032 tabindex="-1" 13033 ref="countryListItems[]" 13034 on:click="/selectCountry/DO" 13035 > 13036 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13037<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13038</svg> 13039</span> 13040 <span class="country">Dominican Republic</span> 13041 <span 13042 class="localization-form__currency" 13043 13044 > 13045 DOP 13046 $</span> 13047 </li> 13048 <li 13049 class="localization-form__list-item" 13050 13051 data-value="EC" 13052 13053 data-aliases="" 13054 13055 id="Ecuador" 13056 aria-label="Ecuador" 13057 role="option" 13058 tabindex="-1" 13059 ref="countryListItems[]" 13060 on:click="/selectCountry/EC" 13061 > 13062 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13063<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13064</svg> 13065</span> 13066 <span class="country">Ecuador</span> 13067 <span 13068 class="localization-form__currency" 13069 13070 > 13071 USD 13072 $</span> 13073 </li> 13074 <li 13075 class="localization-form__list-item" 13076 13077 data-value="EG" 13078 13079 data-aliases="" 13080 13081 id="Egypt" 13082 aria-label="Egypt" 13083 role="option" 13084 tabindex="-1" 13085 ref="countryListItems[]" 13086 on:click="/selectCountry/EG" 13087 > 13088 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13089<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13090</svg> 13091</span> 13092 <span class="country">Egypt</span> 13093 <span 13094 class="localization-form__currency" 13095 13096 > 13097 EGP 13098 ج.٠</span> 13099 </li> 13100 <li 13101 class="localization-form__list-item" 13102 13103 data-value="SV" 13104 13105 data-aliases="" 13106 13107 id="El Salvador" 13108 aria-label="El Salvador" 13109 role="option" 13110 tabindex="-1" 13111 ref="countryListItems[]" 13112 on:click="/selectCountry/SV" 13113 > 13114 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13115<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13116</svg> 13117</span>
13118 <span class="country">El Salvador</span> 13119 <span 13120 class="localization-form__currency" 13121 13122 > 13123 USD 13124 $</span> 13125 </li> 13126 <li 13127 class="localization-form__list-item" 13128 13129 data-value="GQ" 13130 13131 data-aliases="" 13132 13133 id="Equatorial Guinea" 13134 aria-label="Equatorial Guinea" 13135 role="option" 13136 tabindex="-1" 13137 ref="countryListItems[]" 13138 on:click="/selectCountry/GQ" 13139 > 13140 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13141<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13142</svg> 13143</span> 13144 <span class="country">Equatorial Guinea</span> 13145 <span 13146 class="localization-form__currency" 13147 13148 > 13149 XAF 13150 CFA</span> 13151 </li> 13152 <li 13153 class="localization-form__list-item" 13154 13155 data-value="ER" 13156 13157 data-aliases="" 13158 13159 id="Eritrea" 13160 aria-label="Eritrea" 13161 role="option" 13162 tabindex="-1" 13163 ref="countryListItems[]" 13164 on:click="/selectCountry/ER" 13165 > 13166 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13167<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13168</svg> 13169</span> 13170 <span class="country">Eritrea</span> 13171 <span 13172 class="localization-form__currency" 13173 13174 > 13175 USD 13176 $</span> 13177 </li> 13178 <li 13179 class="localization-form__list-item" 13180 13181 data-value="EE" 13182 13183 data-aliases="" 13184 13185 id="Estonia" 13186 aria-label="Estonia" 13187 role="option" 13188 tabindex="-1" 13189 ref="countryListItems[]" 13190 on:click="/selectCountry/EE" 13191 > 13192 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13193<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13194</svg> 13195</span> 13196 <span class="country">Estonia</span> 13197 <span 13198 class="localization-form__currency" 13199 13200 > 13201 EUR 13202 â¬</span> 13203 </li> 13204 <li 13205 class="localization-form__list-item" 13206 13207 data-value="SZ" 13208 13209 data-aliases="" 13210 13211 id="Eswatini" 13212 aria-label="Eswatini" 13213 role="option" 13214 tabindex="-1" 13215 ref="countryListItems[]" 13216 on:click="/selectCountry/SZ" 13217 >
13218 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13219<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13220</svg> 13221</span> 13222 <span class="country">Eswatini</span> 13223 <span 13224 class="localization-form__currency" 13225 13226 > 13227 USD 13228 $</span> 13229 </li> 13230 <li 13231 class="localization-form__list-item" 13232 13233 data-value="ET" 13234 13235 data-aliases="" 13236 13237 id="Ethiopia" 13238 aria-label="Ethiopia" 13239 role="option" 13240 tabindex="-1" 13241 ref="countryListItems[]" 13242 on:click="/selectCountry/ET" 13243 > 13244 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13245<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13246</svg> 13247</span> 13248 <span class="country">Ethiopia</span> 13249 <span 13250 class="localization-form__currency" 13251 13252 > 13253 ETB 13254 Br</span> 13255 </li> 13256 <li 13257 class="localization-form__list-item" 13258 13259 data-value="FK" 13260 13261 data-aliases="" 13262 13263 id="Falkland Islands" 13264 aria-label="Falkland Islands" 13265 role="option" 13266 tabindex="-1" 13267 ref="countryListItems[]" 13268 on:click="/selectCountry/FK" 13269 > 13270 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13271<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13272</svg> 13273</span> 13274 <span class="country">Falkland Islands</span> 13275 <span 13276 class="localization-form__currency" 13277 13278 > 13279 FKP 13280 £</span> 13281 </li> 13282 <li 13283 class="localization-form__list-item" 13284 13285 data-value="FO" 13286 13287 data-aliases="" 13288 13289 id="Faroe Islands" 13290 aria-label="Faroe Islands" 13291 role="option" 13292 tabindex="-1" 13293 ref="countryListItems[]" 13294 on:click="/selectCountry/FO" 13295 > 13296 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13297<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13298</svg> 13299</span> 13300 <span class="country">Faroe Islands</span>
13301 <span 13302 class="localization-form__currency" 13303 13304 > 13305 DKK 13306 kr.</span> 13307 </li> 13308 <li 13309 class="localization-form__list-item" 13310 13311 data-value="FJ" 13312 13313 data-aliases="" 13314 13315 id="Fiji" 13316 aria-label="Fiji" 13317 role="option" 13318 tabindex="-1" 13319 ref="countryListItems[]" 13320 on:click="/selectCountry/FJ" 13321 > 13322 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13323<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13324</svg> 13325</span> 13326 <span class="country">Fiji</span> 13327 <span 13328 class="localization-form__currency" 13329 13330 > 13331 FJD 13332 $</span> 13333 </li> 13334 <li 13335 class="localization-form__list-item" 13336 13337 data-value="FI" 13338 13339 data-aliases="" 13340 13341 id="Finland" 13342 aria-label="Finland" 13343 role="option" 13344 tabindex="-1" 13345 ref="countryListItems[]" 13346 on:click="/selectCountry/FI" 13347 > 13348 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13349<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13350</svg> 13351</span> 13352 <span class="country">Finland</span> 13353 <span 13354 class="localization-form__currency" 13355 13356 > 13357 EUR 13358 â¬</span> 13359 </li> 13360 <li 13361 class="localization-form__list-item" 13362 13363 data-value="FR" 13364 13365 data-aliases="" 13366 13367 id="France" 13368 aria-label="France" 13369 role="option" 13370 tabindex="-1" 13371 ref="countryListItems[]" 13372 on:click="/selectCountry/FR" 13373 > 13374 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13375<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13376</svg> 13377</span> 13378 <span class="country">France</span> 13379 <span 13380 class="localization-form__currency" 13381 13382 > 13383 EUR 13384 â¬</span> 13385 </li> 13386 <li 13387 class="localization-form__list-item" 13388 13389 data-value="GF" 13390 13391 data-aliases="" 13392 13393 id="French Guiana" 13394 aria-label="French Guiana" 13395 role="option" 13396 tabindex="-1" 13397 ref="countryListItems[]" 13398 on:click="/selectCountry/GF" 13399 > 13400 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13401<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13402</svg> 13403</span>
13404 <span class="country">French Guiana</span> 13405 <span 13406 class="localization-form__currency" 13407 13408 > 13409 EUR 13410 â¬</span> 13411 </li> 13412 <li 13413 class="localization-form__list-item" 13414 13415 data-value="PF" 13416 13417 data-aliases="" 13418 13419 id="French Polynesia" 13420 aria-label="French Polynesia" 13421 role="option" 13422 tabindex="-1" 13423 ref="countryListItems[]" 13424 on:click="/selectCountry/PF" 13425 > 13426 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13427<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13428</svg> 13429</span> 13430 <span class="country">French Polynesia</span> 13431 <span 13432 class="localization-form__currency" 13433 13434 > 13435 XPF 13436 Fr</span> 13437 </li> 13438 <li 13439 class="localization-form__list-item" 13440 13441 data-value="TF" 13442 13443 data-aliases="" 13444 13445 id="French Southern Territories" 13446 aria-label="French Southern Territories" 13447 role="option" 13448 tabindex="-1" 13449 ref="countryListItems[]" 13450 on:click="/selectCountry/TF" 13451 > 13452 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13453<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13454</svg> 13455</span> 13456 <span class="country">French Southern Territories</span> 13457 <span 13458 class="localization-form__currency" 13459 13460 > 13461 EUR 13462 â¬</span> 13463 </li> 13464 <li 13465 class="localization-form__list-item" 13466 13467 data-value="GA" 13468 13469 data-aliases="" 13470 13471 id="Gabon" 13472 aria-label="Gabon" 13473 role="option" 13474 tabindex="-1" 13475 ref="countryListItems[]" 13476 on:click="/selectCountry/GA" 13477 > 13478 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13479<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13480</svg> 13481</span> 13482 <span class="country">Gabon</span> 13483 <span 13484 class="localization-form__currency" 13485 13486 > 13487 XOF 13488 Fr</span> 13489 </li> 13490 <li 13491 class="localization-form__list-item" 13492 13493 data-value="GM" 13494 13495 data-aliases="" 13496 13497 id="Gambia" 13498 aria-label="Gambia" 13499 role="option" 13500 tabindex="-1" 13501 ref="countryListItems[]" 13502 on:click="/selectCountry/GM" 13503 >
13504 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13505<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13506</svg> 13507</span> 13508 <span class="country">Gambia</span> 13509 <span 13510 class="localization-form__currency" 13511 13512 > 13513 GMD 13514 D</span> 13515 </li> 13516 <li 13517 class="localization-form__list-item" 13518 13519 data-value="GE" 13520 13521 data-aliases="" 13522 13523 id="Georgia" 13524 aria-label="Georgia" 13525 role="option" 13526 tabindex="-1" 13527 ref="countryListItems[]" 13528 on:click="/selectCountry/GE" 13529 > 13530 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13531<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13532</svg> 13533</span> 13534 <span class="country">Georgia</span> 13535 <span 13536 class="localization-form__currency" 13537 13538 > 13539 USD 13540 $</span> 13541 </li> 13542 <li 13543 class="localization-form__list-item" 13544 13545 data-value="DE" 13546 13547 data-aliases="" 13548 13549 id="Germany" 13550 aria-label="Germany" 13551 role="option" 13552 tabindex="-1" 13553 ref="countryListItems[]" 13554 on:click="/selectCountry/DE" 13555 > 13556 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13557<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13558</svg> 13559</span> 13560 <span class="country">Germany</span> 13561 <span 13562 class="localization-form__currency" 13563 13564 > 13565 EUR 13566 â¬</span> 13567 </li> 13568 <li 13569 class="localization-form__list-item" 13570 13571 data-value="GH" 13572 13573 data-aliases="" 13574 13575 id="Ghana" 13576 aria-label="Ghana" 13577 role="option" 13578 tabindex="-1" 13579 ref="countryListItems[]" 13580 on:click="/selectCountry/GH" 13581 > 13582 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13583<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13584</svg> 13585</span> 13586 <span class="country">Ghana</span> 13587 <span 13588 class="localization-form__currency" 13589 13590 > 13591 USD
13592 $</span> 13593 </li> 13594 <li 13595 class="localization-form__list-item" 13596 13597 data-value="GI" 13598 13599 data-aliases="" 13600 13601 id="Gibraltar" 13602 aria-label="Gibraltar" 13603 role="option" 13604 tabindex="-1" 13605 ref="countryListItems[]" 13606 on:click="/selectCountry/GI" 13607 > 13608 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13609<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13610</svg> 13611</span> 13612 <span class="country">Gibraltar</span> 13613 <span 13614 class="localization-form__currency" 13615 13616 > 13617 GBP 13618 £</span> 13619 </li> 13620 <li 13621 class="localization-form__list-item" 13622 13623 data-value="GR" 13624 13625 data-aliases="" 13626 13627 id="Greece" 13628 aria-label="Greece" 13629 role="option" 13630 tabindex="-1" 13631 ref="countryListItems[]" 13632 on:click="/selectCountry/GR" 13633 > 13634 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13635<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13636</svg> 13637</span> 13638 <span class="country">Greece</span> 13639 <span 13640 class="localization-form__currency" 13641 13642 > 13643 EUR 13644 â¬</span> 13645 </li> 13646 <li 13647 class="localization-form__list-item" 13648 13649 data-value="GL" 13650 13651 data-aliases="" 13652 13653 id="Greenland" 13654 aria-label="Greenland" 13655 role="option" 13656 tabindex="-1" 13657 ref="countryListItems[]" 13658 on:click="/selectCountry/GL" 13659 > 13660 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13661<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13662</svg> 13663</span> 13664 <span class="country">Greenland</span> 13665 <span 13666 class="localization-form__currency" 13667 13668 > 13669 DKK 13670 kr.</span> 13671 </li> 13672 <li 13673 class="localization-form__list-item" 13674 13675 data-value="GD" 13676 13677 data-aliases="" 13678 13679 id="Grenada" 13680 aria-label="Grenada" 13681 role="option" 13682 tabindex="-1" 13683 ref="countryListItems[]" 13684 on:click="/selectCountry/GD" 13685 > 13686 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13687<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13688</svg> 13689</span>
13690 <span class="country">Grenada</span> 13691 <span 13692 class="localization-form__currency" 13693 13694 > 13695 XCD 13696 $</span> 13697 </li> 13698 <li 13699 class="localization-form__list-item" 13700 13701 data-value="GP" 13702 13703 data-aliases="" 13704 13705 id="Guadeloupe" 13706 aria-label="Guadeloupe" 13707 role="option" 13708 tabindex="-1" 13709 ref="countryListItems[]" 13710 on:click="/selectCountry/GP" 13711 > 13712 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13713<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13714</svg> 13715</span> 13716 <span class="country">Guadeloupe</span> 13717 <span 13718 class="localization-form__currency" 13719 13720 > 13721 EUR 13722 â¬</span> 13723 </li> 13724 <li 13725 class="localization-form__list-item" 13726 13727 data-value="GT" 13728 13729 data-aliases="" 13730 13731 id="Guatemala" 13732 aria-label="Guatemala" 13733 role="option" 13734 tabindex="-1" 13735 ref="countryListItems[]" 13736 on:click="/selectCountry/GT" 13737 > 13738 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13739<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13740</svg> 13741</span> 13742 <span class="country">Guatemala</span> 13743 <span 13744 class="localization-form__currency" 13745 13746 > 13747 GTQ 13748 Q</span> 13749 </li> 13750 <li 13751 class="localization-form__list-item" 13752 13753 data-value="GG" 13754 13755 data-aliases="" 13756 13757 id="Guernsey" 13758 aria-label="Guernsey" 13759 role="option" 13760 tabindex="-1" 13761 ref="countryListItems[]" 13762 on:click="/selectCountry/GG" 13763 > 13764 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13765<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13766</svg> 13767</span> 13768 <span class="country">Guernsey</span> 13769 <span 13770 class="localization-form__currency" 13771 13772 > 13773 GBP 13774 £</span> 13775 </li> 13776 <li 13777 class="localization-form__list-item" 13778 13779 data-value="GN" 13780 13781 data-aliases="" 13782 13783 id="Guinea" 13784 aria-label="Guinea" 13785 role="option" 13786 tabindex="-1" 13787 ref="countryListItems[]" 13788 on:click="/selectCountry/GN" 13789 >
13790 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13791<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13792</svg> 13793</span> 13794 <span class="country">Guinea</span> 13795 <span 13796 class="localization-form__currency" 13797 13798 > 13799 GNF 13800 Fr</span> 13801 </li> 13802 <li 13803 class="localization-form__list-item" 13804 13805 data-value="GW" 13806 13807 data-aliases="" 13808 13809 id="Guinea-Bissau" 13810 aria-label="Guinea-Bissau" 13811 role="option" 13812 tabindex="-1" 13813 ref="countryListItems[]" 13814 on:click="/selectCountry/GW" 13815 > 13816 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13817<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13818</svg> 13819</span> 13820 <span class="country">Guinea-Bissau</span> 13821 <span 13822 class="localization-form__currency" 13823 13824 > 13825 XOF 13826 Fr</span> 13827 </li> 13828 <li 13829 class="localization-form__list-item" 13830 13831 data-value="GY" 13832 13833 data-aliases="" 13834 13835 id="Guyana" 13836 aria-label="Guyana" 13837 role="option" 13838 tabindex="-1" 13839 ref="countryListItems[]" 13840 on:click="/selectCountry/GY" 13841 > 13842 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13844</svg> 13845</span> 13846 <span class="country">Guyana</span> 13847 <span 13848 class="localization-form__currency" 13849 13850 > 13851 GYD 13852 $</span> 13853 </li> 13854 <li 13855 class="localization-form__list-item" 13856 13857 data-value="HT" 13858 13859 data-aliases="" 13860 13861 id="Haiti" 13862 aria-label="Haiti" 13863 role="option" 13864 tabindex="-1" 13865 ref="countryListItems[]" 13866 on:click="/selectCountry/HT" 13867 > 13868 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13869<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13870</svg> 13871</span> 13872 <span class="country">Haiti</span> 13873 <span 13874 class="localization-form__currency" 13875 13876 > 13877 USD
13878 $</span> 13879 </li> 13880 <li 13881 class="localization-form__list-item" 13882 13883 data-value="HN" 13884 13885 data-aliases="" 13886 13887 id="Honduras" 13888 aria-label="Honduras" 13889 role="option" 13890 tabindex="-1" 13891 ref="countryListItems[]" 13892 on:click="/selectCountry/HN" 13893 > 13894 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13895<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13896</svg> 13897</span> 13898 <span class="country">Honduras</span> 13899 <span 13900 class="localization-form__currency" 13901 13902 > 13903 HNL 13904 L</span> 13905 </li> 13906 <li 13907 class="localization-form__list-item" 13908 13909 data-value="HK" 13910 13911 data-aliases="" 13912 13913 id="Hong Kong SAR" 13914 aria-label="Hong Kong SAR" 13915 role="option" 13916 tabindex="-1" 13917 ref="countryListItems[]" 13918 on:click="/selectCountry/HK" 13919 > 13920 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13921<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13922</svg> 13923</span> 13924 <span class="country">Hong Kong SAR</span> 13925 <span 13926 class="localization-form__currency" 13927 13928 > 13929 HKD 13930 $</span> 13931 </li> 13932 <li 13933 class="localization-form__list-item" 13934 13935 data-value="HU" 13936 13937 data-aliases="" 13938 13939 id="Hungary" 13940 aria-label="Hungary" 13941 role="option" 13942 tabindex="-1" 13943 ref="countryListItems[]" 13944 on:click="/selectCountry/HU" 13945 > 13946 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13947<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13948</svg> 13949</span> 13950 <span class="country">Hungary</span> 13951 <span 13952 class="localization-form__currency" 13953 13954 > 13955 HUF 13956 Ft</span> 13957 </li> 13958 <li 13959 class="localization-form__list-item" 13960 13961 data-value="IS" 13962 13963 data-aliases="" 13964 13965 id="Iceland" 13966 aria-label="Iceland" 13967 role="option" 13968 tabindex="-1" 13969 ref="countryListItems[]" 13970 on:click="/selectCountry/IS" 13971 > 13972 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13973<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13974</svg> 13975</span>
13976 <span class="country">Iceland</span> 13977 <span 13978 class="localization-form__currency" 13979 13980 > 13981 ISK 13982 kr</span> 13983 </li> 13984 <li 13985 class="localization-form__list-item" 13986 13987 data-value="IN" 13988 13989 data-aliases="" 13990 13991 id="India" 13992 aria-label="India" 13993 role="option" 13994 tabindex="-1" 13995 ref="countryListItems[]" 13996 on:click="/selectCountry/IN" 13997 > 13998 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 13999<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14000</svg> 14001</span> 14002 <span class="country">India</span> 14003 <span 14004 class="localization-form__currency" 14005 14006 > 14007 INR 14008 â¹</span> 14009 </li> 14010 <li 14011 class="localization-form__list-item" 14012 14013 data-value="ID" 14014 14015 data-aliases="" 14016 14017 id="Indonesia" 14018 aria-label="Indonesia" 14019 role="option" 14020 tabindex="-1" 14021 ref="countryListItems[]" 14022 on:click="/selectCountry/ID" 14023 > 14024 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14025<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14026</svg> 14027</span> 14028 <span class="country">Indonesia</span> 14029 <span 14030 class="localization-form__currency" 14031 14032 > 14033 IDR 14034 Rp</span> 14035 </li> 14036 <li 14037 class="localization-form__list-item" 14038 14039 data-value="IQ" 14040 14041 data-aliases="" 14042 14043 id="Iraq" 14044 aria-label="Iraq" 14045 role="option" 14046 tabindex="-1" 14047 ref="countryListItems[]" 14048 on:click="/selectCountry/IQ" 14049 > 14050 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14051<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14052</svg> 14053</span> 14054 <span class="country">Iraq</span> 14055 <span 14056 class="localization-form__currency" 14057 14058 > 14059 USD 14060 $</span> 14061 </li> 14062 <li 14063 class="localization-form__list-item" 14064 14065 data-value="IE" 14066 14067 data-aliases="" 14068 14069 id="Ireland" 14070 aria-label="Ireland" 14071 role="option" 14072 tabindex="-1" 14073 ref="countryListItems[]" 14074 on:click="/selectCountry/IE" 14075 >
14076 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14077<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14078</svg> 14079</span> 14080 <span class="country">Ireland</span> 14081 <span 14082 class="localization-form__currency" 14083 14084 > 14085 EUR 14086 â¬</span> 14087 </li> 14088 <li 14089 class="localization-form__list-item" 14090 14091 data-value="IM" 14092 14093 data-aliases="" 14094 14095 id="Isle of Man" 14096 aria-label="Isle of Man" 14097 role="option" 14098 tabindex="-1" 14099 ref="countryListItems[]" 14100 on:click="/selectCountry/IM" 14101 > 14102 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14103<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14104</svg> 14105</span> 14106 <span class="country">Isle of Man</span> 14107 <span 14108 class="localization-form__currency" 14109 14110 > 14111 GBP 14112 £</span> 14113 </li> 14114 <li 14115 class="localization-form__list-item" 14116 14117 data-value="IL" 14118 14119 data-aliases="" 14120 14121 id="Israel" 14122 aria-label="Israel" 14123 role="option" 14124 tabindex="-1" 14125 ref="countryListItems[]" 14126 on:click="/selectCountry/IL" 14127 > 14128 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14129<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14130</svg> 14131</span> 14132 <span class="country">Israel</span> 14133 <span 14134 class="localization-form__currency" 14135 14136 > 14137 ILS 14138 âª</span> 14139 </li> 14140 <li 14141 class="localization-form__list-item" 14142 14143 data-value="IT" 14144 14145 data-aliases="" 14146 14147 id="Italy" 14148 aria-label="Italy" 14149 role="option" 14150 tabindex="-1" 14151 ref="countryListItems[]" 14152 on:click="/selectCountry/IT" 14153 > 14154 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14155<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14156</svg> 14157</span> 14158 <span class="country">Italy</span> 14159 <span 14160 class="localization-form__currency" 14161 14162 > 14163 EUR 14164 â¬</span> 14165 </li> 14166 <li 14167 class="localization-form__list-item" 14168 14169 data-value="JM" 14170 14171 data-aliases="" 14172 14173 id="Jamaica" 14174 aria-label="Jamaica" 14175 role="option" 14176 tabindex="-1" 14177 ref="countryListItems[]" 14178 on:click="/selectCountry/JM" 14179 >
14180 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14181<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14182</svg> 14183</span> 14184 <span class="country">Jamaica</span> 14185 <span 14186 class="localization-form__currency" 14187 14188 > 14189 JMD 14190 $</span> 14191 </li> 14192 <li 14193 class="localization-form__list-item" 14194 14195 data-value="JP" 14196 14197 data-aliases="" 14198 14199 id="Japan" 14200 aria-label="Japan" 14201 role="option" 14202 tabindex="-1" 14203 ref="countryListItems[]" 14204 on:click="/selectCountry/JP" 14205 > 14206 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14207<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14208</svg> 14209</span> 14210 <span class="country">Japan</span> 14211 <span 14212 class="localization-form__currency" 14213 14214 > 14215 JPY 14216 ¥</span> 14217 </li> 14218 <li 14219 class="localization-form__list-item" 14220 14221 data-value="JE" 14222 14223 data-aliases="" 14224 14225 id="Jersey" 14226 aria-label="Jersey" 14227 role="option" 14228 tabindex="-1" 14229 ref="countryListItems[]" 14230 on:click="/selectCountry/JE" 14231 > 14232 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14233<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14234</svg> 14235</span> 14236 <span class="country">Jersey</span> 14237 <span 14238 class="localization-form__currency" 14239 14240 > 14241 USD 14242 $</span> 14243 </li> 14244 <li 14245 class="localization-form__list-item" 14246 14247 data-value="JO" 14248 14249 data-aliases="" 14250 14251 id="Jordan" 14252 aria-label="Jordan" 14253 role="option" 14254 tabindex="-1" 14255 ref="countryListItems[]" 14256 on:click="/selectCountry/JO" 14257 > 14258 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14259<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14260</svg> 14261</span> 14262 <span class="country">Jordan</span> 14263 <span 14264 class="localization-form__currency" 14265 14266 > 14267 USD
14268 $</span> 14269 </li> 14270 <li 14271 class="localization-form__list-item" 14272 14273 data-value="KZ" 14274 14275 data-aliases="" 14276 14277 id="Kazakhstan" 14278 aria-label="Kazakhstan" 14279 role="option" 14280 tabindex="-1" 14281 ref="countryListItems[]" 14282 on:click="/selectCountry/KZ" 14283 > 14284 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14285<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14286</svg> 14287</span> 14288 <span class="country">Kazakhstan</span> 14289 <span 14290 class="localization-form__currency" 14291 14292 > 14293 KZT 14294 â¸</span> 14295 </li> 14296 <li 14297 class="localization-form__list-item" 14298 14299 data-value="KE" 14300 14301 data-aliases="" 14302 14303 id="Kenya" 14304 aria-label="Kenya" 14305 role="option" 14306 tabindex="-1" 14307 ref="countryListItems[]" 14308 on:click="/selectCountry/KE" 14309 > 14310 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14311<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14312</svg> 14313</span> 14314 <span class="country">Kenya</span> 14315 <span 14316 class="localization-form__currency" 14317 14318 > 14319 KES 14320 KSh</span> 14321 </li> 14322 <li 14323 class="localization-form__list-item" 14324 14325 data-value="KI" 14326 14327 data-aliases="" 14328 14329 id="Kiribati" 14330 aria-label="Kiribati" 14331 role="option" 14332 tabindex="-1" 14333 ref="countryListItems[]" 14334 on:click="/selectCountry/KI" 14335 > 14336 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14337<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14338</svg> 14339</span> 14340 <span class="country">Kiribati</span> 14341 <span 14342 class="localization-form__currency" 14343 14344 > 14345 USD 14346 $</span> 14347 </li> 14348 <li 14349 class="localization-form__list-item" 14350 14351 data-value="XK" 14352 14353 data-aliases="" 14354 14355 id="Kosovo" 14356 aria-label="Kosovo" 14357 role="option" 14358 tabindex="-1" 14359 ref="countryListItems[]" 14360 on:click="/selectCountry/XK" 14361 > 14362 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14363<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14364</svg> 14365</span>
14366 <span class="country">Kosovo</span> 14367 <span 14368 class="localization-form__currency" 14369 14370 > 14371 EUR 14372 â¬</span> 14373 </li> 14374 <li 14375 class="localization-form__list-item" 14376 14377 data-value="KW" 14378 14379 data-aliases="" 14380 14381 id="Kuwait" 14382 aria-label="Kuwait" 14383 role="option" 14384 tabindex="-1" 14385 ref="countryListItems[]" 14386 on:click="/selectCountry/KW" 14387 > 14388 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14389<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14390</svg> 14391</span> 14392 <span class="country">Kuwait</span> 14393 <span 14394 class="localization-form__currency" 14395 14396 > 14397 USD 14398 $</span> 14399 </li> 14400 <li 14401 class="localization-form__list-item" 14402 14403 data-value="KG" 14404 14405 data-aliases="" 14406 14407 id="Kyrgyzstan" 14408 aria-label="Kyrgyzstan" 14409 role="option" 14410 tabindex="-1" 14411 ref="countryListItems[]" 14412 on:click="/selectCountry/KG" 14413 > 14414 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14415<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14416</svg> 14417</span> 14418 <span class="country">Kyrgyzstan</span> 14419 <span 14420 class="localization-form__currency" 14421 14422 > 14423 KGS 14424 som</span> 14425 </li> 14426 <li 14427 class="localization-form__list-item" 14428 14429 data-value="LA" 14430 14431 data-aliases="" 14432 14433 id="Laos" 14434 aria-label="Laos" 14435 role="option" 14436 tabindex="-1" 14437 ref="countryListItems[]" 14438 on:click="/selectCountry/LA" 14439 > 14440 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14441<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14442</svg> 14443</span> 14444 <span class="country">Laos</span> 14445 <span 14446 class="localization-form__currency" 14447 14448 > 14449 LAK 14450 â</span> 14451 </li> 14452 <li 14453 class="localization-form__list-item" 14454 14455 data-value="LV" 14456 14457 data-aliases="" 14458 14459 id="Latvia" 14460 aria-label="Latvia" 14461 role="option" 14462 tabindex="-1" 14463 ref="countryListItems[]" 14464 on:click="/selectCountry/LV" 14465 >
14466 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14467<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14468</svg> 14469</span> 14470 <span class="country">Latvia</span> 14471 <span 14472 class="localization-form__currency" 14473 14474 > 14475 EUR 14476 â¬</span> 14477 </li> 14478 <li 14479 class="localization-form__list-item" 14480 14481 data-value="LB" 14482 14483 data-aliases="" 14484 14485 id="Lebanon" 14486 aria-label="Lebanon" 14487 role="option" 14488 tabindex="-1" 14489 ref="countryListItems[]" 14490 on:click="/selectCountry/LB" 14491 > 14492 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14493<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14494</svg> 14495</span> 14496 <span class="country">Lebanon</span> 14497 <span 14498 class="localization-form__currency" 14499 14500 > 14501 LBP 14502 Ù.Ù</span> 14503 </li> 14504 <li 14505 class="localization-form__list-item" 14506 14507 data-value="LS" 14508 14509 data-aliases="" 14510 14511 id="Lesotho" 14512 aria-label="Lesotho" 14513 role="option" 14514 tabindex="-1" 14515 ref="countryListItems[]" 14516 on:click="/selectCountry/LS" 14517 > 14518 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14519<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14520</svg> 14521</span> 14522 <span class="country">Lesotho</span> 14523 <span 14524 class="localization-form__currency" 14525 14526 > 14527 USD 14528 $</span> 14529 </li> 14530 <li 14531 class="localization-form__list-item" 14532 14533 data-value="LR" 14534 14535 data-aliases="" 14536 14537 id="Liberia" 14538 aria-label="Liberia" 14539 role="option" 14540 tabindex="-1" 14541 ref="countryListItems[]" 14542 on:click="/selectCountry/LR" 14543 > 14544 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14545<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14546</svg> 14547</span> 14548 <span class="country">Liberia</span> 14549 <span 14550 class="localization-form__currency" 14551 14552 > 14553 USD
14554 $</span> 14555 </li> 14556 <li 14557 class="localization-form__list-item" 14558 14559 data-value="LY" 14560 14561 data-aliases="" 14562 14563 id="Libya" 14564 aria-label="Libya" 14565 role="option" 14566 tabindex="-1" 14567 ref="countryListItems[]" 14568 on:click="/selectCountry/LY" 14569 > 14570 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14571<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14572</svg> 14573</span> 14574 <span class="country">Libya</span> 14575 <span 14576 class="localization-form__currency" 14577 14578 > 14579 USD 14580 $</span> 14581 </li> 14582 <li 14583 class="localization-form__list-item" 14584 14585 data-value="LI" 14586 14587 data-aliases="" 14588 14589 id="Liechtenstein" 14590 aria-label="Liechtenstein" 14591 role="option" 14592 tabindex="-1" 14593 ref="countryListItems[]" 14594 on:click="/selectCountry/LI" 14595 > 14596 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14597<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14598</svg> 14599</span> 14600 <span class="country">Liechtenstein</span> 14601 <span 14602 class="localization-form__currency" 14603 14604 > 14605 CHF 14606 CHF</span> 14607 </li> 14608 <li 14609 class="localization-form__list-item" 14610 14611 data-value="LT" 14612 14613 data-aliases="" 14614 14615 id="Lithuania" 14616 aria-label="Lithuania" 14617 role="option" 14618 tabindex="-1" 14619 ref="countryListItems[]" 14620 on:click="/selectCountry/LT" 14621 > 14622 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14623<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14624</svg> 14625</span> 14626 <span class="country">Lithuania</span> 14627 <span 14628 class="localization-form__currency" 14629 14630 > 14631 EUR 14632 â¬</span> 14633 </li> 14634 <li 14635 class="localization-form__list-item" 14636 14637 data-value="LU" 14638 14639 data-aliases="" 14640 14641 id="Luxembourg" 14642 aria-label="Luxembourg" 14643 role="option" 14644 tabindex="-1" 14645 ref="countryListItems[]" 14646 on:click="/selectCountry/LU" 14647 > 14648 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14649<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14650</svg> 14651</span>
14652 <span class="country">Luxembourg</span> 14653 <span 14654 class="localization-form__currency" 14655 14656 > 14657 EUR 14658 â¬</span> 14659 </li> 14660 <li 14661 class="localization-form__list-item" 14662 14663 data-value="MO" 14664 14665 data-aliases="" 14666 14667 id="Macao SAR" 14668 aria-label="Macao SAR" 14669 role="option" 14670 tabindex="-1" 14671 ref="countryListItems[]" 14672 on:click="/selectCountry/MO" 14673 > 14674 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14675<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14676</svg> 14677</span> 14678 <span class="country">Macao SAR</span> 14679 <span 14680 class="localization-form__currency" 14681 14682 > 14683 MOP 14684 P</span> 14685 </li> 14686 <li 14687 class="localization-form__list-item" 14688 14689 data-value="MG" 14690 14691 data-aliases="" 14692 14693 id="Madagascar" 14694 aria-label="Madagascar" 14695 role="option" 14696 tabindex="-1" 14697 ref="countryListItems[]" 14698 on:click="/selectCountry/MG" 14699 > 14700 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14701<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14702</svg> 14703</span> 14704 <span class="country">Madagascar</span> 14705 <span 14706 class="localization-form__currency" 14707 14708 > 14709 USD 14710 $</span> 14711 </li> 14712 <li 14713 class="localization-form__list-item" 14714 14715 data-value="MW" 14716 14717 data-aliases="" 14718 14719 id="Malawi" 14720 aria-label="Malawi" 14721 role="option" 14722 tabindex="-1" 14723 ref="countryListItems[]" 14724 on:click="/selectCountry/MW" 14725 > 14726 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14727<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14728</svg> 14729</span> 14730 <span class="country">Malawi</span> 14731 <span 14732 class="localization-form__currency" 14733 14734 > 14735 MWK 14736 MK</span> 14737 </li> 14738 <li 14739 class="localization-form__list-item" 14740 14741 data-value="MY" 14742 14743 data-aliases="" 14744 14745 id="Malaysia" 14746 aria-label="Malaysia" 14747 role="option" 14748 tabindex="-1" 14749 ref="countryListItems[]" 14750 on:click="/selectCountry/MY" 14751 >
14752 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14753<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14754</svg> 14755</span> 14756 <span class="country">Malaysia</span> 14757 <span 14758 class="localization-form__currency" 14759 14760 > 14761 MYR 14762 RM</span> 14763 </li> 14764 <li 14765 class="localization-form__list-item" 14766 14767 data-value="MV" 14768 14769 data-aliases="" 14770 14771 id="Maldives" 14772 aria-label="Maldives" 14773 role="option" 14774 tabindex="-1" 14775 ref="countryListItems[]" 14776 on:click="/selectCountry/MV" 14777 > 14778 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14779<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14780</svg> 14781</span> 14782 <span class="country">Maldives</span> 14783 <span 14784 class="localization-form__currency" 14785 14786 > 14787 MVR 14788 MVR</span> 14789 </li> 14790 <li 14791 class="localization-form__list-item" 14792 14793 data-value="ML" 14794 14795 data-aliases="" 14796 14797 id="Mali" 14798 aria-label="Mali" 14799 role="option" 14800 tabindex="-1" 14801 ref="countryListItems[]" 14802 on:click="/selectCountry/ML" 14803 > 14804 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14805<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14806</svg> 14807</span> 14808 <span class="country">Mali</span> 14809 <span 14810 class="localization-form__currency" 14811 14812 > 14813 XOF 14814 Fr</span> 14815 </li> 14816 <li 14817 class="localization-form__list-item" 14818 14819 data-value="MT" 14820 14821 data-aliases="" 14822 14823 id="Malta" 14824 aria-label="Malta" 14825 role="option" 14826 tabindex="-1" 14827 ref="countryListItems[]" 14828 on:click="/selectCountry/MT" 14829 > 14830 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14831<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14832</svg> 14833</span> 14834 <span class="country">Malta</span> 14835 <span 14836 class="localization-form__currency" 14837 14838 > 14839 EUR 14840 â¬</span> 14841 </li> 14842 <li 14843 class="localization-form__list-item" 14844 14845 data-value="MQ" 14846 14847 data-aliases="" 14848 14849 id="Martinique" 14850 aria-label="Martinique" 14851 role="option" 14852 tabindex="-1" 14853 ref="countryListItems[]" 14854 on:click="/selectCountry/MQ" 14855 >
14856 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14857<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14858</svg> 14859</span> 14860 <span class="country">Martinique</span> 14861 <span 14862 class="localization-form__currency" 14863 14864 > 14865 EUR 14866 â¬</span> 14867 </li> 14868 <li 14869 class="localization-form__list-item" 14870 14871 data-value="MR" 14872 14873 data-aliases="" 14874 14875 id="Mauritania" 14876 aria-label="Mauritania" 14877 role="option" 14878 tabindex="-1" 14879 ref="countryListItems[]" 14880 on:click="/selectCountry/MR" 14881 > 14882 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14883<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14884</svg> 14885</span> 14886 <span class="country">Mauritania</span> 14887 <span 14888 class="localization-form__currency" 14889 14890 > 14891 USD 14892 $</span> 14893 </li> 14894 <li 14895 class="localization-form__list-item" 14896 14897 data-value="MU" 14898 14899 data-aliases="" 14900 14901 id="Mauritius" 14902 aria-label="Mauritius" 14903 role="option" 14904 tabindex="-1" 14905 ref="countryListItems[]" 14906 on:click="/selectCountry/MU" 14907 > 14908 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14909<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14910</svg> 14911</span> 14912 <span class="country">Mauritius</span> 14913 <span 14914 class="localization-form__currency" 14915 14916 > 14917 MUR 14918 â¨</span> 14919 </li> 14920 <li 14921 class="localization-form__list-item" 14922 14923 data-value="YT" 14924 14925 data-aliases="" 14926 14927 id="Mayotte" 14928 aria-label="Mayotte" 14929 role="option" 14930 tabindex="-1" 14931 ref="countryListItems[]" 14932 on:click="/selectCountry/YT" 14933 > 14934 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14935<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14936</svg> 14937</span> 14938 <span class="country">Mayotte</span> 14939 <span 14940 class="localization-form__currency" 14941 14942 > 14943 EUR 14944 â¬</span> 14945 </li> 14946 <li 14947 class="localization-form__list-item" 14948 14949 data-value="MX" 14950 14951 data-aliases="" 14952 14953 id="Mexico" 14954 aria-label="Mexico" 14955 role="option" 14956 tabindex="-1" 14957 ref="countryListItems[]" 14958 on:click="/selectCountry/MX" 14959 >
14960 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14961<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14962</svg> 14963</span> 14964 <span class="country">Mexico</span> 14965 <span 14966 class="localization-form__currency" 14967 14968 > 14969 USD 14970 $</span> 14971 </li> 14972 <li 14973 class="localization-form__list-item" 14974 14975 data-value="MD" 14976 14977 data-aliases="" 14978 14979 id="Moldova" 14980 aria-label="Moldova" 14981 role="option" 14982 tabindex="-1" 14983 ref="countryListItems[]" 14984 on:click="/selectCountry/MD" 14985 > 14986 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 14987<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14988</svg> 14989</span> 14990 <span class="country">Moldova</span> 14991 <span 14992 class="localization-form__currency" 14993 14994 > 14995 MDL 14996 L</span> 14997 </li> 14998 <li 14999 class="localization-form__list-item" 15000 15001 data-value="MC" 15002 15003 data-aliases="" 15004 15005 id="Monaco" 15006 aria-label="Monaco" 15007 role="option" 15008 tabindex="-1" 15009 ref="countryListItems[]" 15010 on:click="/selectCountry/MC" 15011 > 15012 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15013<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15014</svg> 15015</span> 15016 <span class="country">Monaco</span> 15017 <span 15018 class="localization-form__currency" 15019 15020 > 15021 EUR 15022 â¬</span> 15023 </li> 15024 <li 15025 class="localization-form__list-item" 15026 15027 data-value="MN" 15028 15029 data-aliases="" 15030 15031 id="Mongolia" 15032 aria-label="Mongolia" 15033 role="option" 15034 tabindex="-1" 15035 ref="countryListItems[]" 15036 on:click="/selectCountry/MN" 15037 > 15038 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15039<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15040</svg> 15041</span> 15042 <span class="country">Mongolia</span> 15043 <span 15044 class="localization-form__currency" 15045 15046 > 15047 MNT 15048 â®</span> 15049 </li> 15050 <li 15051 class="localization-form__list-item" 15052 15053 data-value="ME" 15054 15055 data-aliases="" 15056 15057 id="Montenegro" 15058 aria-label="Montenegro" 15059 role="option" 15060 tabindex="-1" 15061 ref="countryListItems[]" 15062 on:click="/selectCountry/ME" 15063 >
15064 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15065<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15066</svg> 15067</span> 15068 <span class="country">Montenegro</span> 15069 <span 15070 class="localization-form__currency" 15071 15072 > 15073 EUR 15074 â¬</span> 15075 </li> 15076 <li 15077 class="localization-form__list-item" 15078 15079 data-value="MS" 15080 15081 data-aliases="" 15082 15083 id="Montserrat" 15084 aria-label="Montserrat" 15085 role="option" 15086 tabindex="-1" 15087 ref="countryListItems[]" 15088 on:click="/selectCountry/MS" 15089 > 15090 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15091<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15092</svg> 15093</span> 15094 <span class="country">Montserrat</span> 15095 <span 15096 class="localization-form__currency" 15097 15098 > 15099 XCD 15100 $</span> 15101 </li> 15102 <li 15103 class="localization-form__list-item" 15104 15105 data-value="MA" 15106 15107 data-aliases="" 15108 15109 id="Morocco" 15110 aria-label="Morocco" 15111 role="option" 15112 tabindex="-1" 15113 ref="countryListItems[]" 15114 on:click="/selectCountry/MA" 15115 > 15116 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15117<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15118</svg> 15119</span> 15120 <span class="country">Morocco</span> 15121 <span 15122 class="localization-form__currency" 15123 15124 > 15125 MAD 15126 د.Ù .</span> 15127 </li> 15128 <li 15129 class="localization-form__list-item" 15130 15131 data-value="MZ" 15132 15133 data-aliases="" 15134 15135 id="Mozambique" 15136 aria-label="Mozambique" 15137 role="option" 15138 tabindex="-1" 15139 ref="countryListItems[]" 15140 on:click="/selectCountry/MZ" 15141 > 15142 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15143<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15144</svg> 15145</span> 15146 <span class="country">Mozambique</span> 15147 <span 15148 class="localization-form__currency" 15149 15150 > 15151 USD
15152 $</span> 15153 </li> 15154 <li 15155 class="localization-form__list-item" 15156 15157 data-value="MM" 15158 15159 data-aliases="" 15160 15161 id="Myanmar (Burma)" 15162 aria-label="Myanmar (Burma)" 15163 role="option" 15164 tabindex="-1" 15165 ref="countryListItems[]" 15166 on:click="/selectCountry/MM" 15167 > 15168 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15169<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15170</svg> 15171</span> 15172 <span class="country">Myanmar (Burma)</span> 15173 <span 15174 class="localization-form__currency" 15175 15176 > 15177 MMK 15178 K</span> 15179 </li> 15180 <li 15181 class="localization-form__list-item" 15182 15183 data-value="NA" 15184 15185 data-aliases="" 15186 15187 id="Namibia" 15188 aria-label="Namibia" 15189 role="option" 15190 tabindex="-1" 15191 ref="countryListItems[]" 15192 on:click="/selectCountry/NA" 15193 > 15194 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15195<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15196</svg> 15197</span> 15198 <span class="country">Namibia</span> 15199 <span 15200 class="localization-form__currency" 15201 15202 > 15203 USD 15204 $</span> 15205 </li> 15206 <li 15207 class="localization-form__list-item" 15208 15209 data-value="NR" 15210 15211 data-aliases="" 15212 15213 id="Nauru" 15214 aria-label="Nauru" 15215 role="option" 15216 tabindex="-1" 15217 ref="countryListItems[]" 15218 on:click="/selectCountry/NR" 15219 > 15220 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15221<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15222</svg> 15223</span> 15224 <span class="country">Nauru</span> 15225 <span 15226 class="localization-form__currency" 15227 15228 > 15229 AUD 15230 $</span> 15231 </li> 15232 <li 15233 class="localization-form__list-item" 15234 15235 data-value="NP" 15236 15237 data-aliases="" 15238 15239 id="Nepal" 15240 aria-label="Nepal" 15241 role="option" 15242 tabindex="-1" 15243 ref="countryListItems[]" 15244 on:click="/selectCountry/NP" 15245 > 15246 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15247<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15248</svg> 15249</span>
15250 <span class="country">Nepal</span> 15251 <span 15252 class="localization-form__currency" 15253 15254 > 15255 NPR 15256 Rs.</span> 15257 </li> 15258 <li 15259 class="localization-form__list-item" 15260 15261 data-value="NL" 15262 15263 data-aliases="" 15264 15265 id="Netherlands" 15266 aria-label="Netherlands" 15267 role="option" 15268 tabindex="-1" 15269 ref="countryListItems[]" 15270 on:click="/selectCountry/NL" 15271 > 15272 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15273<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15274</svg> 15275</span> 15276 <span class="country">Netherlands</span> 15277 <span 15278 class="localization-form__currency" 15279 15280 > 15281 EUR 15282 â¬</span> 15283 </li> 15284 <li 15285 class="localization-form__list-item" 15286 15287 data-value="NC" 15288 15289 data-aliases="" 15290 15291 id="New Caledonia" 15292 aria-label="New Caledonia" 15293 role="option" 15294 tabindex="-1" 15295 ref="countryListItems[]" 15296 on:click="/selectCountry/NC" 15297 > 15298 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15299<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15300</svg> 15301</span> 15302 <span class="country">New Caledonia</span> 15303 <span 15304 class="localization-form__currency" 15305 15306 > 15307 XPF 15308 Fr</span> 15309 </li> 15310 <li 15311 class="localization-form__list-item" 15312 15313 data-value="NZ" 15314 15315 data-aliases="" 15316 15317 id="New Zealand" 15318 aria-label="New Zealand" 15319 role="option" 15320 tabindex="-1" 15321 ref="countryListItems[]" 15322 on:click="/selectCountry/NZ" 15323 > 15324 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15325<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15326</svg> 15327</span> 15328 <span class="country">New Zealand</span> 15329 <span 15330 class="localization-form__currency" 15331 15332 > 15333 NZD 15334 $</span> 15335 </li> 15336 <li 15337 class="localization-form__list-item" 15338 15339 data-value="NI" 15340 15341 data-aliases="" 15342 15343 id="Nicaragua" 15344 aria-label="Nicaragua" 15345 role="option" 15346 tabindex="-1" 15347 ref="countryListItems[]" 15348 on:click="/selectCountry/NI" 15349 >
15350 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15351<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15352</svg> 15353</span> 15354 <span class="country">Nicaragua</span> 15355 <span 15356 class="localization-form__currency" 15357 15358 > 15359 NIO 15360 C$</span> 15361 </li> 15362 <li 15363 class="localization-form__list-item" 15364 15365 data-value="NE" 15366 15367 data-aliases="" 15368 15369 id="Niger" 15370 aria-label="Niger" 15371 role="option" 15372 tabindex="-1" 15373 ref="countryListItems[]" 15374 on:click="/selectCountry/NE" 15375 > 15376 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15377<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15378</svg> 15379</span> 15380 <span class="country">Niger</span> 15381 <span 15382 class="localization-form__currency" 15383 15384 > 15385 XOF 15386 Fr</span> 15387 </li> 15388 <li 15389 class="localization-form__list-item" 15390 15391 data-value="NG" 15392 15393 data-aliases="" 15394 15395 id="Nigeria" 15396 aria-label="Nigeria" 15397 role="option" 15398 tabindex="-1" 15399 ref="countryListItems[]" 15400 on:click="/selectCountry/NG" 15401 > 15402 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15403<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15404</svg> 15405</span> 15406 <span class="country">Nigeria</span> 15407 <span 15408 class="localization-form__currency" 15409 15410 > 15411 NGN 15412 â¦</span> 15413 </li> 15414 <li 15415 class="localization-form__list-item" 15416 15417 data-value="NU" 15418 15419 data-aliases="" 15420 15421 id="Niue" 15422 aria-label="Niue" 15423 role="option" 15424 tabindex="-1" 15425 ref="countryListItems[]" 15426 on:click="/selectCountry/NU" 15427 > 15428 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15429<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15430</svg> 15431</span> 15432 <span class="country">Niue</span> 15433 <span 15434 class="localization-form__currency" 15435 15436 > 15437 NZD
15438 $</span> 15439 </li> 15440 <li 15441 class="localization-form__list-item" 15442 15443 data-value="NF" 15444 15445 data-aliases="" 15446 15447 id="Norfolk Island" 15448 aria-label="Norfolk Island" 15449 role="option" 15450 tabindex="-1" 15451 ref="countryListItems[]" 15452 on:click="/selectCountry/NF" 15453 > 15454 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15455<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15456</svg> 15457</span> 15458 <span class="country">Norfolk Island</span> 15459 <span 15460 class="localization-form__currency" 15461 15462 > 15463 AUD 15464 $</span> 15465 </li> 15466 <li 15467 class="localization-form__list-item" 15468 15469 data-value="MK" 15470 15471 data-aliases="" 15472 15473 id="North Macedonia" 15474 aria-label="North Macedonia" 15475 role="option" 15476 tabindex="-1" 15477 ref="countryListItems[]" 15478 on:click="/selectCountry/MK" 15479 > 15480 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15481<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15482</svg> 15483</span> 15484 <span class="country">North Macedonia</span> 15485 <span 15486 class="localization-form__currency" 15487 15488 > 15489 MKD 15490 ден</span> 15491 </li> 15492 <li 15493 class="localization-form__list-item" 15494 15495 data-value="NO" 15496 15497 data-aliases="" 15498 15499 id="Norway" 15500 aria-label="Norway" 15501 role="option" 15502 tabindex="-1" 15503 ref="countryListItems[]" 15504 on:click="/selectCountry/NO" 15505 > 15506 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15507<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15508</svg> 15509</span> 15510 <span class="country">Norway</span> 15511 <span 15512 class="localization-form__currency" 15513 15514 > 15515 USD 15516 $</span> 15517 </li> 15518 <li 15519 class="localization-form__list-item" 15520 15521 data-value="OM" 15522 15523 data-aliases="" 15524 15525 id="Oman" 15526 aria-label="Oman" 15527 role="option" 15528 tabindex="-1" 15529 ref="countryListItems[]" 15530 on:click="/selectCountry/OM" 15531 > 15532 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15533<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15534</svg> 15535</span>
15536 <span class="country">Oman</span> 15537 <span 15538 class="localization-form__currency" 15539 15540 > 15541 USD 15542 $</span> 15543 </li> 15544 <li 15545 class="localization-form__list-item" 15546 15547 data-value="PK" 15548 15549 data-aliases="" 15550 15551 id="Pakistan" 15552 aria-label="Pakistan" 15553 role="option" 15554 tabindex="-1" 15555 ref="countryListItems[]" 15556 on:click="/selectCountry/PK" 15557 > 15558 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15559<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15560</svg> 15561</span> 15562 <span class="country">Pakistan</span> 15563 <span 15564 class="localization-form__currency" 15565 15566 > 15567 PKR 15568 â¨</span> 15569 </li> 15570 <li 15571 class="localization-form__list-item" 15572 15573 data-value="PS" 15574 15575 data-aliases="" 15576 15577 id="Palestinian Territories" 15578 aria-label="Palestinian Territories" 15579 role="option" 15580 tabindex="-1" 15581 ref="countryListItems[]" 15582 on:click="/selectCountry/PS" 15583 > 15584 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15585<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15586</svg> 15587</span> 15588 <span class="country">Palestinian Territories</span> 15589 <span 15590 class="localization-form__currency" 15591 15592 > 15593 ILS 15594 âª</span> 15595 </li> 15596 <li 15597 class="localization-form__list-item" 15598 15599 data-value="PA" 15600 15601 data-aliases="" 15602 15603 id="Panama" 15604 aria-label="Panama" 15605 role="option" 15606 tabindex="-1" 15607 ref="countryListItems[]" 15608 on:click="/selectCountry/PA" 15609 > 15610 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15611<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15612</svg> 15613</span> 15614 <span class="country">Panama</span> 15615 <span 15616 class="localization-form__currency" 15617 15618 > 15619 USD 15620 $</span> 15621 </li> 15622 <li 15623 class="localization-form__list-item" 15624 15625 data-value="PG" 15626 15627 data-aliases="" 15628 15629 id="Papua New Guinea" 15630 aria-label="Papua New Guinea" 15631 role="option" 15632 tabindex="-1" 15633 ref="countryListItems[]" 15634 on:click="/selectCountry/PG" 15635 >
15636 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15637<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15638</svg> 15639</span> 15640 <span class="country">Papua New Guinea</span> 15641 <span 15642 class="localization-form__currency" 15643 15644 > 15645 PGK 15646 K</span> 15647 </li> 15648 <li 15649 class="localization-form__list-item" 15650 15651 data-value="PY" 15652 15653 data-aliases="" 15654 15655 id="Paraguay" 15656 aria-label="Paraguay" 15657 role="option" 15658 tabindex="-1" 15659 ref="countryListItems[]" 15660 on:click="/selectCountry/PY" 15661 > 15662 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15663<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15664</svg> 15665</span> 15666 <span class="country">Paraguay</span> 15667 <span 15668 class="localization-form__currency" 15669 15670 > 15671 PYG 15672 â²</span> 15673 </li> 15674 <li 15675 class="localization-form__list-item" 15676 15677 data-value="PE" 15678 15679 data-aliases="" 15680 15681 id="Peru" 15682 aria-label="Peru" 15683 role="option" 15684 tabindex="-1" 15685 ref="countryListItems[]" 15686 on:click="/selectCountry/PE" 15687 > 15688 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15689<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15690</svg> 15691</span> 15692 <span class="country">Peru</span> 15693 <span 15694 class="localization-form__currency" 15695 15696 > 15697 PEN 15698 S/</span> 15699 </li> 15700 <li 15701 class="localization-form__list-item" 15702 15703 data-value="PH" 15704 15705 data-aliases="" 15706 15707 id="Philippines" 15708 aria-label="Philippines" 15709 role="option" 15710 tabindex="-1" 15711 ref="countryListItems[]" 15712 on:click="/selectCountry/PH" 15713 > 15714 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15715<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15716</svg> 15717</span> 15718 <span class="country">Philippines</span> 15719 <span 15720 class="localization-form__currency" 15721 15722 > 15723 PHP 15724 â±</span> 15725 </li> 15726 <li 15727 class="localization-form__list-item" 15728 15729 data-value="PN" 15730 15731 data-aliases="" 15732 15733 id="Pitcairn Islands" 15734 aria-label="Pitcairn Islands" 15735 role="option" 15736 tabindex="-1" 15737 ref="countryListItems[]" 15738 on:click="/selectCountry/PN" 15739 >
15740 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15741<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15742</svg> 15743</span> 15744 <span class="country">Pitcairn Islands</span> 15745 <span 15746 class="localization-form__currency" 15747 15748 > 15749 NZD 15750 $</span> 15751 </li> 15752 <li 15753 class="localization-form__list-item" 15754 15755 data-value="PL" 15756 15757 data-aliases="" 15758 15759 id="Poland" 15760 aria-label="Poland" 15761 role="option" 15762 tabindex="-1" 15763 ref="countryListItems[]" 15764 on:click="/selectCountry/PL" 15765 > 15766 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15767<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15768</svg> 15769</span> 15770 <span class="country">Poland</span> 15771 <span 15772 class="localization-form__currency" 15773 15774 > 15775 PLN 15776 zÅ</span> 15777 </li> 15778 <li 15779 class="localization-form__list-item" 15780 15781 data-value="PT" 15782 15783 data-aliases="" 15784 15785 id="Portugal" 15786 aria-label="Portugal" 15787 role="option" 15788 tabindex="-1" 15789 ref="countryListItems[]" 15790 on:click="/selectCountry/PT" 15791 > 15792 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15793<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15794</svg> 15795</span> 15796 <span class="country">Portugal</span> 15797 <span 15798 class="localization-form__currency" 15799 15800 > 15801 EUR 15802 â¬</span> 15803 </li> 15804 <li 15805 class="localization-form__list-item" 15806 15807 data-value="QA" 15808 15809 data-aliases="" 15810 15811 id="Qatar" 15812 aria-label="Qatar" 15813 role="option" 15814 tabindex="-1" 15815 ref="countryListItems[]" 15816 on:click="/selectCountry/QA" 15817 > 15818 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15819<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15820</svg> 15821</span> 15822 <span class="country">Qatar</span> 15823 <span 15824 class="localization-form__currency" 15825 15826 > 15827 QAR 15828 ر.Ù</span> 15829 </li> 15830 <li 15831 class="localization-form__list-item" 15832 15833 data-value="RE" 15834 15835 data-aliases="" 15836 15837 id="Réunion" 15838 aria-label="Réunion" 15839 role="option" 15840 tabindex="-1" 15841 ref="countryListItems[]" 15842 on:click="/selectCountry/RE" 15843 >
15844 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15845<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15846</svg> 15847</span> 15848 <span class="country">Réunion</span> 15849 <span 15850 class="localization-form__currency" 15851 15852 > 15853 EUR 15854 â¬</span> 15855 </li> 15856 <li 15857 class="localization-form__list-item" 15858 15859 data-value="RO" 15860 15861 data-aliases="" 15862 15863 id="Romania" 15864 aria-label="Romania" 15865 role="option" 15866 tabindex="-1" 15867 ref="countryListItems[]" 15868 on:click="/selectCountry/RO" 15869 > 15870 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15871<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15872</svg> 15873</span> 15874 <span class="country">Romania</span> 15875 <span 15876 class="localization-form__currency" 15877 15878 > 15879 RON 15880 Lei</span> 15881 </li> 15882 <li 15883 class="localization-form__list-item" 15884 15885 data-value="RU" 15886 15887 data-aliases="" 15888 15889 id="Russia" 15890 aria-label="Russia" 15891 role="option" 15892 tabindex="-1" 15893 ref="countryListItems[]" 15894 on:click="/selectCountry/RU" 15895 > 15896 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15897<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15898</svg> 15899</span> 15900 <span class="country">Russia</span> 15901 <span 15902 class="localization-form__currency" 15903 15904 > 15905 USD 15906 $</span> 15907 </li> 15908 <li 15909 class="localization-form__list-item" 15910 15911 data-value="RW" 15912 15913 data-aliases="" 15914 15915 id="Rwanda" 15916 aria-label="Rwanda" 15917 role="option" 15918 tabindex="-1" 15919 ref="countryListItems[]" 15920 on:click="/selectCountry/RW" 15921 > 15922 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15923<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15924</svg> 15925</span> 15926 <span class="country">Rwanda</span> 15927 <span 15928 class="localization-form__currency" 15929 15930 > 15931 RWF 15932 FRw</span> 15933 </li> 15934 <li 15935 class="localization-form__list-item" 15936 15937 data-value="WS" 15938 15939 data-aliases="" 15940 15941 id="Samoa" 15942 aria-label="Samoa" 15943 role="option" 15944 tabindex="-1" 15945 ref="countryListItems[]" 15946 on:click="/selectCountry/WS" 15947 >
15948 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15949<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15950</svg> 15951</span> 15952 <span class="country">Samoa</span> 15953 <span 15954 class="localization-form__currency" 15955 15956 > 15957 WST 15958 T</span> 15959 </li> 15960 <li 15961 class="localization-form__list-item" 15962 15963 data-value="SM" 15964 15965 data-aliases="" 15966 15967 id="San Marino" 15968 aria-label="San Marino" 15969 role="option" 15970 tabindex="-1" 15971 ref="countryListItems[]" 15972 on:click="/selectCountry/SM" 15973 > 15974 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 15975<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 15976</svg> 15977</span> 15978 <span class="country">San Marino</span> 15979 <span 15980 class="localization-form__currency" 15981 15982 > 15983 EUR 15984 â¬</span> 15985 </li> 15986 <li 15987 class="localization-form__list-item" 15988 15989 data-value="ST" 15990 15991 data-aliases="" 15992 15993 id="São Tomé & PrÃncipe" 15994 aria-label="São Tomé & PrÃncipe" 15995 role="option" 15996 tabindex="-1" 15997 ref="countryListItems[]" 15998 on:click="/selectCountry/ST" 15999 > 16000 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16001<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16002</svg> 16003</span> 16004 <span class="country">São Tomé & PrÃncipe</span> 16005 <span 16006 class="localization-form__currency" 16007 16008 > 16009 STD 16010 Db</span> 16011 </li> 16012 <li 16013 class="localization-form__list-item" 16014 16015 data-value="SA" 16016 16017 data-aliases="" 16018 16019 id="Saudi Arabia" 16020 aria-label="Saudi Arabia" 16021 role="option" 16022 tabindex="-1" 16023 ref="countryListItems[]" 16024 on:click="/selectCountry/SA" 16025 > 16026 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16027<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16028</svg> 16029</span> 16030 <span class="country">Saudi Arabia</span>
16031 <span 16032 class="localization-form__currency" 16033 16034 > 16035 SAR 16036 ر.س</span> 16037 </li> 16038 <li 16039 class="localization-form__list-item" 16040 16041 data-value="SN" 16042 16043 data-aliases="" 16044 16045 id="Senegal" 16046 aria-label="Senegal" 16047 role="option" 16048 tabindex="-1" 16049 ref="countryListItems[]" 16050 on:click="/selectCountry/SN" 16051 > 16052 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16053<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16054</svg> 16055</span> 16056 <span class="country">Senegal</span> 16057 <span 16058 class="localization-form__currency" 16059 16060 > 16061 XOF 16062 Fr</span> 16063 </li> 16064 <li 16065 class="localization-form__list-item" 16066 16067 data-value="RS" 16068 16069 data-aliases="" 16070 16071 id="Serbia" 16072 aria-label="Serbia" 16073 role="option" 16074 tabindex="-1" 16075 ref="countryListItems[]" 16076 on:click="/selectCountry/RS" 16077 > 16078 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16079<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16080</svg> 16081</span> 16082 <span class="country">Serbia</span> 16083 <span 16084 class="localization-form__currency" 16085 16086 > 16087 RSD 16088 РСÐ</span> 16089 </li> 16090 <li 16091 class="localization-form__list-item" 16092 16093 data-value="SC" 16094 16095 data-aliases="" 16096 16097 id="Seychelles" 16098 aria-label="Seychelles" 16099 role="option" 16100 tabindex="-1" 16101 ref="countryListItems[]" 16102 on:click="/selectCountry/SC" 16103 > 16104 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16105<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16106</svg> 16107</span> 16108 <span class="country">Seychelles</span> 16109 <span 16110 class="localization-form__currency" 16111 16112 > 16113 USD 16114 $</span> 16115 </li> 16116 <li 16117 class="localization-form__list-item" 16118 16119 data-value="SL" 16120 16121 data-aliases="" 16122 16123 id="Sierra Leone" 16124 aria-label="Sierra Leone" 16125 role="option" 16126 tabindex="-1" 16127 ref="countryListItems[]" 16128 on:click="/selectCountry/SL" 16129 >
16130 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16131<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16132</svg> 16133</span> 16134 <span class="country">Sierra Leone</span> 16135 <span 16136 class="localization-form__currency" 16137 16138 > 16139 SLL 16140 Le</span> 16141 </li> 16142 <li 16143 class="localization-form__list-item" 16144 16145 data-value="SG" 16146 16147 data-aliases="" 16148 16149 id="Singapore" 16150 aria-label="Singapore" 16151 role="option" 16152 tabindex="-1" 16153 ref="countryListItems[]" 16154 on:click="/selectCountry/SG" 16155 > 16156 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16157<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16158</svg> 16159</span> 16160 <span class="country">Singapore</span> 16161 <span 16162 class="localization-form__currency" 16163 16164 > 16165 SGD 16166 $</span> 16167 </li> 16168 <li 16169 class="localization-form__list-item" 16170 16171 data-value="SX" 16172 16173 data-aliases="" 16174 16175 id="Sint Maarten" 16176 aria-label="Sint Maarten" 16177 role="option" 16178 tabindex="-1" 16179 ref="countryListItems[]" 16180 on:click="/selectCountry/SX" 16181 > 16182 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16183<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16184</svg> 16185</span> 16186 <span class="country">Sint Maarten</span> 16187 <span 16188 class="localization-form__currency" 16189 16190 > 16191 ANG 16192 Æ</span> 16193 </li> 16194 <li 16195 class="localization-form__list-item" 16196 16197 data-value="SK" 16198 16199 data-aliases="" 16200 16201 id="Slovakia" 16202 aria-label="Slovakia" 16203 role="option" 16204 tabindex="-1" 16205 ref="countryListItems[]" 16206 on:click="/selectCountry/SK" 16207 > 16208 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16209<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16210</svg> 16211</span> 16212 <span class="country">Slovakia</span> 16213 <span 16214 class="localization-form__currency" 16215 16216 > 16217 EUR 16218 â¬</span> 16219 </li> 16220 <li 16221 class="localization-form__list-item" 16222 16223 data-value="SI" 16224 16225 data-aliases="" 16226 16227 id="Slovenia" 16228 aria-label="Slovenia" 16229 role="option" 16230 tabindex="-1" 16231 ref="countryListItems[]" 16232 on:click="/selectCountry/SI" 16233 >
16234 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16235<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16236</svg> 16237</span> 16238 <span class="country">Slovenia</span> 16239 <span 16240 class="localization-form__currency" 16241 16242 > 16243 EUR 16244 â¬</span> 16245 </li> 16246 <li 16247 class="localization-form__list-item" 16248 16249 data-value="SB" 16250 16251 data-aliases="" 16252 16253 id="Solomon Islands" 16254 aria-label="Solomon Islands" 16255 role="option" 16256 tabindex="-1" 16257 ref="countryListItems[]" 16258 on:click="/selectCountry/SB" 16259 > 16260 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16261<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16262</svg> 16263</span> 16264 <span class="country">Solomon Islands</span> 16265 <span 16266 class="localization-form__currency" 16267 16268 > 16269 SBD 16270 $</span> 16271 </li> 16272 <li 16273 class="localization-form__list-item" 16274 16275 data-value="SO" 16276 16277 data-aliases="" 16278 16279 id="Somalia" 16280 aria-label="Somalia" 16281 role="option" 16282 tabindex="-1" 16283 ref="countryListItems[]" 16284 on:click="/selectCountry/SO" 16285 > 16286 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16287<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16288</svg> 16289</span> 16290 <span class="country">Somalia</span> 16291 <span 16292 class="localization-form__currency" 16293 16294 > 16295 USD 16296 $</span> 16297 </li> 16298 <li 16299 class="localization-form__list-item" 16300 16301 data-value="ZA" 16302 16303 data-aliases="" 16304 16305 id="South Africa" 16306 aria-label="South Africa" 16307 role="option" 16308 tabindex="-1" 16309 ref="countryListItems[]" 16310 on:click="/selectCountry/ZA" 16311 > 16312 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16313<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16314</svg> 16315</span> 16316 <span class="country">South Africa</span> 16317 <span 16318 class="localization-form__currency" 16319 16320 > 16321 USD
16322 $</span> 16323 </li> 16324 <li 16325 class="localization-form__list-item" 16326 16327 data-value="GS" 16328 16329 data-aliases="" 16330 16331 id="South Georgia & South Sandwich Islands" 16332 aria-label="South Georgia & South Sandwich Islands" 16333 role="option" 16334 tabindex="-1" 16335 ref="countryListItems[]" 16336 on:click="/selectCountry/GS" 16337 > 16338 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16339<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16340</svg> 16341</span> 16342 <span class="country">South Georgia & South Sandwich Islands</span> 16343 <span 16344 class="localization-form__currency" 16345 16346 > 16347 GBP 16348 £</span> 16349 </li> 16350 <li 16351 class="localization-form__list-item" 16352 16353 data-value="KR" 16354 16355 data-aliases="" 16356 16357 id="South Korea" 16358 aria-label="South Korea" 16359 role="option" 16360 tabindex="-1" 16361 ref="countryListItems[]" 16362 on:click="/selectCountry/KR" 16363 > 16364 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16365<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16366</svg> 16367</span> 16368 <span class="country">South Korea</span> 16369 <span 16370 class="localization-form__currency" 16371 16372 > 16373 KRW 16374 â©</span> 16375 </li> 16376 <li 16377 class="localization-form__list-item" 16378 16379 data-value="SS" 16380 16381 data-aliases="" 16382 16383 id="South Sudan" 16384 aria-label="South Sudan" 16385 role="option" 16386 tabindex="-1" 16387 ref="countryListItems[]" 16388 on:click="/selectCountry/SS" 16389 > 16390 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16391<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16392</svg> 16393</span> 16394 <span class="country">South Sudan</span> 16395 <span 16396 class="localization-form__currency" 16397 16398 > 16399 USD 16400 $</span> 16401 </li> 16402 <li 16403 class="localization-form__list-item" 16404 16405 data-value="ES" 16406 16407 data-aliases="" 16408 16409 id="Spain" 16410 aria-label="Spain" 16411 role="option" 16412 tabindex="-1" 16413 ref="countryListItems[]" 16414 on:click="/selectCountry/ES" 16415 > 16416 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16417<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16418</svg> 16419</span>
16420 <span class="country">Spain</span> 16421 <span 16422 class="localization-form__currency" 16423 16424 > 16425 EUR 16426 â¬</span> 16427 </li> 16428 <li 16429 class="localization-form__list-item" 16430 16431 data-value="LK" 16432 16433 data-aliases="" 16434 16435 id="Sri Lanka" 16436 aria-label="Sri Lanka" 16437 role="option" 16438 tabindex="-1" 16439 ref="countryListItems[]" 16440 on:click="/selectCountry/LK" 16441 > 16442 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16443<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16444</svg> 16445</span> 16446 <span class="country">Sri Lanka</span> 16447 <span 16448 class="localization-form__currency" 16449 16450 > 16451 LKR 16452 â¨</span> 16453 </li> 16454 <li 16455 class="localization-form__list-item" 16456 16457 data-value="BL" 16458 16459 data-aliases="" 16460 16461 id="St. Barthélemy" 16462 aria-label="St. Barthélemy" 16463 role="option" 16464 tabindex="-1" 16465 ref="countryListItems[]" 16466 on:click="/selectCountry/BL" 16467 > 16468 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16469<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16470</svg> 16471</span> 16472 <span class="country">St. Barthélemy</span> 16473 <span 16474 class="localization-form__currency" 16475 16476 > 16477 EUR 16478 â¬</span> 16479 </li> 16480 <li 16481 class="localization-form__list-item" 16482 16483 data-value="SH" 16484 16485 data-aliases="" 16486 16487 id="St. Helena" 16488 aria-label="St. Helena" 16489 role="option" 16490 tabindex="-1" 16491 ref="countryListItems[]" 16492 on:click="/selectCountry/SH" 16493 > 16494 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16495<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16496</svg> 16497</span> 16498 <span class="country">St. Helena</span> 16499 <span 16500 class="localization-form__currency" 16501 16502 > 16503 SHP 16504 £</span> 16505 </li> 16506 <li 16507 class="localization-form__list-item" 16508 16509 data-value="KN" 16510 16511 data-aliases="" 16512 16513 id="St. Kitts & Nevis" 16514 aria-label="St. Kitts & Nevis" 16515 role="option" 16516 tabindex="-1" 16517 ref="countryListItems[]" 16518 on:click="/selectCountry/KN" 16519 >
16520 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16521<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16522</svg> 16523</span> 16524 <span class="country">St. Kitts & Nevis</span> 16525 <span 16526 class="localization-form__currency" 16527 16528 > 16529 XCD 16530 $</span> 16531 </li> 16532 <li 16533 class="localization-form__list-item" 16534 16535 data-value="LC" 16536 16537 data-aliases="" 16538 16539 id="St. Lucia" 16540 aria-label="St. Lucia" 16541 role="option" 16542 tabindex="-1" 16543 ref="countryListItems[]" 16544 on:click="/selectCountry/LC" 16545 > 16546 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16547<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16548</svg> 16549</span> 16550 <span class="country">St. Lucia</span> 16551 <span 16552 class="localization-form__currency" 16553 16554 > 16555 XCD 16556 $</span> 16557 </li> 16558 <li 16559 class="localization-form__list-item" 16560 16561 data-value="MF" 16562 16563 data-aliases="" 16564 16565 id="St. Martin" 16566 aria-label="St. Martin" 16567 role="option" 16568 tabindex="-1" 16569 ref="countryListItems[]" 16570 on:click="/selectCountry/MF" 16571 > 16572 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16573<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16574</svg> 16575</span> 16576 <span class="country">St. Martin</span> 16577 <span 16578 class="localization-form__currency" 16579 16580 > 16581 EUR 16582 â¬</span> 16583 </li> 16584 <li 16585 class="localization-form__list-item" 16586 16587 data-value="PM" 16588 16589 data-aliases="" 16590 16591 id="St. Pierre & Miquelon" 16592 aria-label="St. Pierre & Miquelon" 16593 role="option" 16594 tabindex="-1" 16595 ref="countryListItems[]" 16596 on:click="/selectCountry/PM" 16597 > 16598 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16599<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16600</svg> 16601</span> 16602 <span class="country">St. Pierre & Miquelon</span>
16603 <span 16604 class="localization-form__currency" 16605 16606 > 16607 EUR 16608 â¬</span> 16609 </li> 16610 <li 16611 class="localization-form__list-item" 16612 16613 data-value="VC" 16614 16615 data-aliases="" 16616 16617 id="St. Vincent & Grenadines" 16618 aria-label="St. Vincent & Grenadines" 16619 role="option" 16620 tabindex="-1" 16621 ref="countryListItems[]" 16622 on:click="/selectCountry/VC" 16623 > 16624 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16625<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16626</svg> 16627</span> 16628 <span class="country">St. Vincent & Grenadines</span> 16629 <span 16630 class="localization-form__currency" 16631 16632 > 16633 XCD 16634 $</span> 16635 </li> 16636 <li 16637 class="localization-form__list-item" 16638 16639 data-value="SD" 16640 16641 data-aliases="" 16642 16643 id="Sudan" 16644 aria-label="Sudan" 16645 role="option" 16646 tabindex="-1" 16647 ref="countryListItems[]" 16648 on:click="/selectCountry/SD" 16649 > 16650 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16651<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16652</svg> 16653</span> 16654 <span class="country">Sudan</span> 16655 <span 16656 class="localization-form__currency" 16657 16658 > 16659 USD 16660 $</span> 16661 </li> 16662 <li 16663 class="localization-form__list-item" 16664 16665 data-value="SR" 16666 16667 data-aliases="" 16668 16669 id="Suriname" 16670 aria-label="Suriname" 16671 role="option" 16672 tabindex="-1" 16673 ref="countryListItems[]" 16674 on:click="/selectCountry/SR" 16675 > 16676 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16677<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16678</svg> 16679</span> 16680 <span class="country">Suriname</span> 16681 <span 16682 class="localization-form__currency" 16683 16684 > 16685 USD 16686 $</span> 16687 </li> 16688 <li 16689 class="localization-form__list-item" 16690 16691 data-value="SJ" 16692 16693 data-aliases="" 16694 16695 id="Svalbard & Jan Mayen" 16696 aria-label="Svalbard & Jan Mayen" 16697 role="option" 16698 tabindex="-1" 16699 ref="countryListItems[]" 16700 on:click="/selectCountry/SJ" 16701 >
16702 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16703<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16704</svg> 16705</span> 16706 <span class="country">Svalbard & Jan Mayen</span> 16707 <span 16708 class="localization-form__currency" 16709 16710 > 16711 USD 16712 $</span> 16713 </li> 16714 <li 16715 class="localization-form__list-item" 16716 16717 data-value="SE" 16718 16719 data-aliases="" 16720 16721 id="Sweden" 16722 aria-label="Sweden" 16723 role="option" 16724 tabindex="-1" 16725 ref="countryListItems[]" 16726 on:click="/selectCountry/SE" 16727 > 16728 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16729<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16730</svg> 16731</span> 16732 <span class="country">Sweden</span> 16733 <span 16734 class="localization-form__currency" 16735 16736 > 16737 SEK 16738 kr</span> 16739 </li> 16740 <li 16741 class="localization-form__list-item" 16742 16743 data-value="CH" 16744 16745 data-aliases="" 16746 16747 id="Switzerland" 16748 aria-label="Switzerland" 16749 role="option" 16750 tabindex="-1" 16751 ref="countryListItems[]" 16752 on:click="/selectCountry/CH" 16753 > 16754 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16755<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16756</svg> 16757</span> 16758 <span class="country">Switzerland</span> 16759 <span 16760 class="localization-form__currency" 16761 16762 > 16763 CHF 16764 CHF</span> 16765 </li> 16766 <li 16767 class="localization-form__list-item" 16768 16769 data-value="TW" 16770 16771 data-aliases="" 16772 16773 id="Taiwan" 16774 aria-label="Taiwan" 16775 role="option" 16776 tabindex="-1" 16777 ref="countryListItems[]" 16778 on:click="/selectCountry/TW" 16779 > 16780 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16781<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16782</svg> 16783</span> 16784 <span class="country">Taiwan</span> 16785 <span 16786 class="localization-form__currency" 16787 16788 > 16789 TWD
16790 $</span> 16791 </li> 16792 <li 16793 class="localization-form__list-item" 16794 16795 data-value="TJ" 16796 16797 data-aliases="" 16798 16799 id="Tajikistan" 16800 aria-label="Tajikistan" 16801 role="option" 16802 tabindex="-1" 16803 ref="countryListItems[]" 16804 on:click="/selectCountry/TJ" 16805 > 16806 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16807<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16808</svg> 16809</span> 16810 <span class="country">Tajikistan</span> 16811 <span 16812 class="localization-form__currency" 16813 16814 > 16815 TJS 16816 Ð Ð</span> 16817 </li> 16818 <li 16819 class="localization-form__list-item" 16820 16821 data-value="TZ" 16822 16823 data-aliases="" 16824 16825 id="Tanzania" 16826 aria-label="Tanzania" 16827 role="option" 16828 tabindex="-1" 16829 ref="countryListItems[]" 16830 on:click="/selectCountry/TZ" 16831 > 16832 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16833<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16834</svg> 16835</span> 16836 <span class="country">Tanzania</span> 16837 <span 16838 class="localization-form__currency" 16839 16840 > 16841 TZS 16842 Sh</span> 16843 </li> 16844 <li 16845 class="localization-form__list-item" 16846 16847 data-value="TH" 16848 16849 data-aliases="" 16850 16851 id="Thailand" 16852 aria-label="Thailand" 16853 role="option" 16854 tabindex="-1" 16855 ref="countryListItems[]" 16856 on:click="/selectCountry/TH" 16857 > 16858 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16859<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16860</svg> 16861</span> 16862 <span class="country">Thailand</span> 16863 <span 16864 class="localization-form__currency" 16865 16866 > 16867 THB 16868 ฿</span> 16869 </li> 16870 <li 16871 class="localization-form__list-item" 16872 16873 data-value="TL" 16874 16875 data-aliases="" 16876 16877 id="Timor-Leste" 16878 aria-label="Timor-Leste" 16879 role="option" 16880 tabindex="-1" 16881 ref="countryListItems[]" 16882 on:click="/selectCountry/TL" 16883 > 16884 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16885<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16886</svg> 16887</span>
16888 <span class="country">Timor-Leste</span> 16889 <span 16890 class="localization-form__currency" 16891 16892 > 16893 USD 16894 $</span> 16895 </li> 16896 <li 16897 class="localization-form__list-item" 16898 16899 data-value="TG" 16900 16901 data-aliases="" 16902 16903 id="Togo" 16904 aria-label="Togo" 16905 role="option" 16906 tabindex="-1" 16907 ref="countryListItems[]" 16908 on:click="/selectCountry/TG" 16909 > 16910 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16911<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16912</svg> 16913</span> 16914 <span class="country">Togo</span> 16915 <span 16916 class="localization-form__currency" 16917 16918 > 16919 XOF 16920 Fr</span> 16921 </li> 16922 <li 16923 class="localization-form__list-item" 16924 16925 data-value="TK" 16926 16927 data-aliases="" 16928 16929 id="Tokelau" 16930 aria-label="Tokelau" 16931 role="option" 16932 tabindex="-1" 16933 ref="countryListItems[]" 16934 on:click="/selectCountry/TK" 16935 > 16936 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16937<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16938</svg> 16939</span> 16940 <span class="country">Tokelau</span> 16941 <span 16942 class="localization-form__currency" 16943 16944 > 16945 NZD 16946 $</span> 16947 </li> 16948 <li 16949 class="localization-form__list-item" 16950 16951 data-value="TO" 16952 16953 data-aliases="" 16954 16955 id="Tonga" 16956 aria-label="Tonga" 16957 role="option" 16958 tabindex="-1" 16959 ref="countryListItems[]" 16960 on:click="/selectCountry/TO" 16961 > 16962 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16963<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16964</svg> 16965</span> 16966 <span class="country">Tonga</span> 16967 <span 16968 class="localization-form__currency" 16969 16970 > 16971 TOP 16972 T$</span> 16973 </li> 16974 <li 16975 class="localization-form__list-item" 16976 16977 data-value="TT" 16978 16979 data-aliases="" 16980 16981 id="Trinidad & Tobago" 16982 aria-label="Trinidad & Tobago" 16983 role="option" 16984 tabindex="-1" 16985 ref="countryListItems[]" 16986 on:click="/selectCountry/TT" 16987 >
16988 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 16989<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 16990</svg> 16991</span> 16992 <span class="country">Trinidad & Tobago</span> 16993 <span 16994 class="localization-form__currency" 16995 16996 > 16997 TTD 16998 $</span> 16999 </li> 17000 <li 17001 class="localization-form__list-item" 17002 17003 data-value="TA" 17004 17005 data-aliases="" 17006 17007 id="Tristan da Cunha" 17008 aria-label="Tristan da Cunha" 17009 role="option" 17010 tabindex="-1" 17011 ref="countryListItems[]" 17012 on:click="/selectCountry/TA" 17013 > 17014 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17015<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17016</svg> 17017</span> 17018 <span class="country">Tristan da Cunha</span> 17019 <span 17020 class="localization-form__currency" 17021 17022 > 17023 GBP 17024 £</span> 17025 </li> 17026 <li 17027 class="localization-form__list-item" 17028 17029 data-value="TN" 17030 17031 data-aliases="" 17032 17033 id="Tunisia" 17034 aria-label="Tunisia" 17035 role="option" 17036 tabindex="-1" 17037 ref="countryListItems[]" 17038 on:click="/selectCountry/TN" 17039 > 17040 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17041<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17042</svg> 17043</span> 17044 <span class="country">Tunisia</span> 17045 <span 17046 class="localization-form__currency" 17047 17048 > 17049 USD 17050 $</span> 17051 </li> 17052 <li 17053 class="localization-form__list-item" 17054 17055 data-value="TR" 17056 17057 data-aliases="" 17058 17059 id="Türkiye" 17060 aria-label="Türkiye" 17061 role="option" 17062 tabindex="-1" 17063 ref="countryListItems[]" 17064 on:click="/selectCountry/TR" 17065 > 17066 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17067<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17068</svg> 17069</span> 17070 <span class="country">Türkiye</span> 17071 <span 17072 class="localization-form__currency" 17073 17074 > 17075 USD
17076 $</span> 17077 </li> 17078 <li 17079 class="localization-form__list-item" 17080 17081 data-value="TM" 17082 17083 data-aliases="" 17084 17085 id="Turkmenistan" 17086 aria-label="Turkmenistan" 17087 role="option" 17088 tabindex="-1" 17089 ref="countryListItems[]" 17090 on:click="/selectCountry/TM" 17091 > 17092 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17093<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17094</svg> 17095</span> 17096 <span class="country">Turkmenistan</span> 17097 <span 17098 class="localization-form__currency" 17099 17100 > 17101 USD 17102 $</span> 17103 </li> 17104 <li 17105 class="localization-form__list-item" 17106 17107 data-value="TC" 17108 17109 data-aliases="" 17110 17111 id="Turks & Caicos Islands" 17112 aria-label="Turks & Caicos Islands" 17113 role="option" 17114 tabindex="-1" 17115 ref="countryListItems[]" 17116 on:click="/selectCountry/TC" 17117 > 17118 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17119<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17120</svg> 17121</span> 17122 <span class="country">Turks & Caicos Islands</span> 17123 <span 17124 class="localization-form__currency" 17125 17126 > 17127 USD 17128 $</span> 17129 </li> 17130 <li 17131 class="localization-form__list-item" 17132 17133 data-value="TV" 17134 17135 data-aliases="" 17136 17137 id="Tuvalu" 17138 aria-label="Tuvalu" 17139 role="option" 17140 tabindex="-1" 17141 ref="countryListItems[]" 17142 on:click="/selectCountry/TV" 17143 > 17144 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17145<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17146</svg> 17147</span> 17148 <span class="country">Tuvalu</span> 17149 <span 17150 class="localization-form__currency" 17151 17152 > 17153 AUD 17154 $</span> 17155 </li> 17156 <li 17157 class="localization-form__list-item" 17158 17159 data-value="UM" 17160 17161 data-aliases="" 17162 17163 id="U.S. Outlying Islands" 17164 aria-label="U.S. Outlying Islands" 17165 role="option" 17166 tabindex="-1" 17167 ref="countryListItems[]" 17168 on:click="/selectCountry/UM" 17169 > 17170 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17171<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17172</svg> 17173</span>
17174 <span class="country">U.S. Outlying Islands</span> 17175 <span 17176 class="localization-form__currency" 17177 17178 > 17179 USD 17180 $</span> 17181 </li> 17182 <li 17183 class="localization-form__list-item" 17184 17185 data-value="UG" 17186 17187 data-aliases="" 17188 17189 id="Uganda" 17190 aria-label="Uganda" 17191 role="option" 17192 tabindex="-1" 17193 ref="countryListItems[]" 17194 on:click="/selectCountry/UG" 17195 > 17196 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17197<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17198</svg> 17199</span> 17200 <span class="country">Uganda</span> 17201 <span 17202 class="localization-form__currency" 17203 17204 > 17205 UGX 17206 USh</span> 17207 </li> 17208 <li 17209 class="localization-form__list-item" 17210 17211 data-value="UA" 17212 17213 data-aliases="" 17214 17215 id="Ukraine" 17216 aria-label="Ukraine" 17217 role="option" 17218 tabindex="-1" 17219 ref="countryListItems[]" 17220 on:click="/selectCountry/UA" 17221 > 17222 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17223<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17224</svg> 17225</span> 17226 <span class="country">Ukraine</span> 17227 <span 17228 class="localization-form__currency" 17229 17230 > 17231 UAH 17232 â´</span> 17233 </li> 17234 <li 17235 class="localization-form__list-item" 17236 17237 data-value="AE" 17238 17239 data-aliases="" 17240 17241 id="United Arab Emirates" 17242 aria-label="United Arab Emirates" 17243 role="option" 17244 tabindex="-1" 17245 ref="countryListItems[]" 17246 on:click="/selectCountry/AE" 17247 > 17248 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17249<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17250</svg> 17251</span> 17252 <span class="country">United Arab Emirates</span> 17253 <span 17254 class="localization-form__currency" 17255 17256 > 17257 AED 17258 د.Ø¥</span> 17259 </li> 17260 <li 17261 class="localization-form__list-item" 17262 17263 data-value="GB" 17264 17265 data-aliases="uk,gb,great britain" 17266 17267 id="United Kingdom" 17268 aria-label="United Kingdom" 17269 role="option" 17270 tabindex="-1" 17271 ref="countryListItems[]" 17272 on:click="/selectCountry/GB" 17273 >
17274 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17275<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17276</svg> 17277</span> 17278 <span class="country">United Kingdom</span> 17279 <span 17280 class="localization-form__currency" 17281 17282 > 17283 GBP 17284 £</span> 17285 </li> 17286 <li 17287 class="localization-form__list-item" 17288 17289 aria-current="true" 17290 17291 data-value="US" 17292 17293 data-aliases="us,usa,america,united states of america" 17294 17295 id="United States" 17296 aria-label="United States" 17297 role="option" 17298 tabindex="-1" 17299 ref="countryListItems[]" 17300 on:click="/selectCountry/US" 17301 > 17302 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17303<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17304</svg> 17305</span> 17306 <span class="country">United States</span> 17307 <span 17308 class="localization-form__currency" 17309 17310 > 17311 USD 17312 $</span> 17313 </li> 17314 <li 17315 class="localization-form__list-item" 17316 17317 data-value="UY" 17318 17319 data-aliases="" 17320 17321 id="Uruguay" 17322 aria-label="Uruguay" 17323 role="option" 17324 tabindex="-1" 17325 ref="countryListItems[]" 17326 on:click="/selectCountry/UY" 17327 > 17328 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17329<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17330</svg> 17331</span> 17332 <span class="country">Uruguay</span> 17333 <span 17334 class="localization-form__currency" 17335 17336 > 17337 UYU 17338 $U</span> 17339 </li> 17340 <li 17341 class="localization-form__list-item" 17342 17343 data-value="UZ" 17344 17345 data-aliases="" 17346 17347 id="Uzbekistan" 17348 aria-label="Uzbekistan" 17349 role="option" 17350 tabindex="-1" 17351 ref="countryListItems[]" 17352 on:click="/selectCountry/UZ" 17353 > 17354 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17355<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17356</svg> 17357</span>
17358 <span class="country">Uzbekistan</span> 17359 <span 17360 class="localization-form__currency" 17361 17362 > 17363 UZS 17364 so'm</span> 17365 </li> 17366 <li 17367 class="localization-form__list-item" 17368 17369 data-value="VU" 17370 17371 data-aliases="" 17372 17373 id="Vanuatu" 17374 aria-label="Vanuatu" 17375 role="option" 17376 tabindex="-1" 17377 ref="countryListItems[]" 17378 on:click="/selectCountry/VU" 17379 > 17380 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17381<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17382</svg> 17383</span> 17384 <span class="country">Vanuatu</span> 17385 <span 17386 class="localization-form__currency" 17387 17388 > 17389 VUV 17390 Vt</span> 17391 </li> 17392 <li 17393 class="localization-form__list-item" 17394 17395 data-value="VA" 17396 17397 data-aliases="" 17398 17399 id="Vatican City" 17400 aria-label="Vatican City" 17401 role="option" 17402 tabindex="-1" 17403 ref="countryListItems[]" 17404 on:click="/selectCountry/VA" 17405 > 17406 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17407<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17408</svg> 17409</span> 17410 <span class="country">Vatican City</span> 17411 <span 17412 class="localization-form__currency" 17413 17414 > 17415 EUR 17416 â¬</span> 17417 </li> 17418 <li 17419 class="localization-form__list-item" 17420 17421 data-value="VE" 17422 17423 data-aliases="" 17424 17425 id="Venezuela" 17426 aria-label="Venezuela" 17427 role="option" 17428 tabindex="-1" 17429 ref="countryListItems[]" 17430 on:click="/selectCountry/VE" 17431 > 17432 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17433<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17434</svg> 17435</span> 17436 <span class="country">Venezuela</span> 17437 <span 17438 class="localization-form__currency" 17439 17440 > 17441 USD 17442 $</span> 17443 </li> 17444 <li 17445 class="localization-form__list-item" 17446 17447 data-value="VN" 17448 17449 data-aliases="" 17450 17451 id="Vietnam" 17452 aria-label="Vietnam" 17453 role="option" 17454 tabindex="-1" 17455 ref="countryListItems[]" 17456 on:click="/selectCountry/VN" 17457 >
17458 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17459<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17460</svg> 17461</span> 17462 <span class="country">Vietnam</span> 17463 <span 17464 class="localization-form__currency" 17465 17466 > 17467 VND 17468 â«</span> 17469 </li> 17470 <li 17471 class="localization-form__list-item" 17472 17473 data-value="WF" 17474 17475 data-aliases="" 17476 17477 id="Wallis & Futuna" 17478 aria-label="Wallis & Futuna" 17479 role="option" 17480 tabindex="-1" 17481 ref="countryListItems[]" 17482 on:click="/selectCountry/WF" 17483 > 17484 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17485<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17486</svg> 17487</span> 17488 <span class="country">Wallis & Futuna</span> 17489 <span 17490 class="localization-form__currency" 17491 17492 > 17493 XPF 17494 Fr</span> 17495 </li> 17496 <li 17497 class="localization-form__list-item" 17498 17499 data-value="EH" 17500 17501 data-aliases="" 17502 17503 id="Western Sahara" 17504 aria-label="Western Sahara" 17505 role="option" 17506 tabindex="-1" 17507 ref="countryListItems[]" 17508 on:click="/selectCountry/EH" 17509 > 17510 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17511<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17512</svg> 17513</span> 17514 <span class="country">Western Sahara</span> 17515 <span 17516 class="localization-form__currency" 17517 17518 > 17519 MAD 17520 د.Ù .</span> 17521 </li> 17522 <li 17523 class="localization-form__list-item" 17524 17525 data-value="YE" 17526 17527 data-aliases="" 17528 17529 id="Yemen" 17530 aria-label="Yemen" 17531 role="option" 17532 tabindex="-1" 17533 ref="countryListItems[]" 17534 on:click="/selectCountry/YE" 17535 > 17536 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17537<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17538</svg> 17539</span> 17540 <span class="country">Yemen</span>
17541 <span 17542 class="localization-form__currency" 17543 17544 > 17545 YER 17546 ï·¼</span> 17547 </li> 17548 <li 17549 class="localization-form__list-item" 17550 17551 data-value="ZM" 17552 17553 data-aliases="" 17554 17555 id="Zambia" 17556 aria-label="Zambia" 17557 role="option" 17558 tabindex="-1" 17559 ref="countryListItems[]" 17560 on:click="/selectCountry/ZM" 17561 > 17562 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17563<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17564</svg> 17565</span> 17566 <span class="country">Zambia</span> 17567 <span 17568 class="localization-form__currency" 17569 17570 > 17571 USD 17572 $</span> 17573 </li> 17574 <li 17575 class="localization-form__list-item" 17576 17577 data-value="ZW" 17578 17579 data-aliases="" 17580 17581 id="Zimbabwe" 17582 aria-label="Zimbabwe" 17583 role="option" 17584 tabindex="-1" 17585 ref="countryListItems[]" 17586 on:click="/selectCountry/ZW" 17587 > 17588 <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark"> 17589<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17590</svg> 17591</span> 17592 <span class="country">Zimbabwe</span> 17593 <span 17594 class="localization-form__currency" 17595 17596 > 17597 USD 17598 $</span> 17599 </li></ul> 17600 </div> 17601 <div class="country-selector__overlay"></div> 17602 <input 17603 type="hidden" 17604 name="country_code" 17605 value="US" 17606 ref="countryInput" 17607 > 17608 </div> 17609 17610 17611 17612</form></localization-form-component> 17613 17614 17615 17616 </div> 17617 </dropdown-localization-component> 17618 17619 17620 17621 17622 17623 17624 17625 17626 <search-button class="search-action search-action--hidden-on-drawer"> 17627 <button 17628 on:click="#search-modal/showDialog" 17629 class="button-unstyled header-actions__action" 17630 aria-label="Search" 17631 aria-haspopup="dialog" 17632 > 17633 <span 17634 class="svg-wrapper" 17635 > 17636 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 17637 17638 </span> 17639 </button> 17640 </search-button> 17641 17642 17643 17644 17645 17646 17647 17648 17649 17650
17650<script 17651 type="module" 17652 src="//humboldtcoffee.com/cdn/shop/t/7/assets/cart-icon.js?v=157241182139685326961770159939" 17653 fetchpriority="low" 17654></script>
17654 17655 17656 17657 17658<header-actions> 17659 17660
17660<script 17661 src="//humboldtcoffee.com/cdn/shop/t/7/assets/dialog.js?v=150888536568694194021770159939" 17662 type="module" 17663 ></script>
17663 17664 17665 <anchored-popover-component 17666 data-close-on-resize="true" 17667 class="account-popover mobile:hidden" 17668 > 17669 <button 17670 class="account-button header-actions__action" 17671 aria-label="Account" 17672 aria-haspopup="dialog"popovertarget="account-popover" 17673 popovertargetaction="toggle"ref="trigger" 17674 17675><span 17676 class="account-button__icon" 17677 aria-hidden="true" 17678 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 17679</span></button> 17680 17681 17682 17683 <div 17684 class="account-popover__panel details-content color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 17685 id="account-popover" 17686 popover="auto" 17687 ref="popover" 17688 > 17689 <div class="account-actions"> 17690 <div class="account-actions__main-menu"> 17691 <header class="account-actions__header"> 17692 <h2 17693 id="account-drawer-heading" 17694 class="account-actions__title h5" 17695 > 17696 17697 Account 17698 17699 </h2> 17700 17701 </header> 17702 17703 17704 <div 17705 class="account-actions__sign-ins" 17706 data-skip-subtree-update="true" 17707 > 17708
17708<script 17709 src="//humboldtcoffee.com/cdn/shop/t/7/assets/account-login-actions.js?v=27524771914008767821770159939" 17710 type="module" 17711 fetchpriority="low" 17712 ></script>
17712 17713 <account-login-actions class="account-actions__shop-login"> 17714
17714<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 17714
17714
17715<script type="module"> 17716 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 17717 17718 17719</script>
17719 17720 17721<shop-login-button ux-mode="windoid" return-uri="https://humboldtcoffee.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 17722 17723 </account-login-actions> 17724 17725 <a 17726 href="/customer_authentication/login?return_to=%2Fsearch&locale=en&ui_hint=full®ion_country=US" 17727 class="account-actions__link button" 17728 > 17729 <span class="account-actions__sign-in-text"> 17730 Other sign in options 17731 </span> 17732 <span class="account-actions__fallback-text"> 17733 Sign in 17734 </span> 17735 </a> 17736 </div> 17737 17738 17739 <nav class="account-actions__nav"> 17740 <ul class="account-actions__list"> 17741 <li class="account-actions__list-item"> 17742 <a 17743 href="/account" 17744 class="account-actions__link button-secondary" 17745 > 17746 <span 17747 class="account-actions__icon" 17748 aria-hidden="true" 17749 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 17750 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 17751 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 17752</svg> 17753</span> 17754 Orders 17755 </a> 17756 </li> 17757 <li class="account-actions__list-item"> 17758 <a 17759 href="/account/addresses" 17760 class="account-actions__link button-secondary" 17761 > 17762 <span 17763 class="account-actions__icon" 17764 aria-hidden="true" 17765 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 17766</span> 17767 Profile 17768 </a> 17769 </li> 17770 </ul> 17771 </nav> 17772 </div> 17773</div> 17774 17775 17776 17777 </div> 17778 </anchored-popover-component> 17779 17780 <dialog-component 17781 class="account-drawer" 17782 17783 > 17784 <button 17785 class="account-button header-actions__action" 17786 aria-label="Account" 17787 aria-haspopup="dialog"ref="trigger"
17788 on:click="/showDialog" 17789><span 17790 class="account-button__icon" 17791 aria-hidden="true" 17792 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 17793</span></button> 17794 17795 17796 17797 <dialog 17798 ref="dialog" 17799 class="color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e dialog-modal dialog-drawer account-drawer__dialog" 17800 scroll-lock 17801 aria-labelledby="account-drawer-heading" 17802 > 17803 <button 17804 ref="closeButton" 17805 on:click="/closeDialog" 17806 class="button button-unstyled close-button account-drawer__close-button" 17807 aria-label="Close dialog" 17808 autofocus 17809 > 17810 <span 17811 class="svg-wrapper" 17812 aria-hidden="true" 17813 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 17814 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17815 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 17816</svg> 17817</span> 17818 </button> 17819 <div class="account-actions"> 17820 <div class="account-actions__main-menu"> 17821 <header class="account-actions__header"> 17822 <h2 17823 id="account-drawer-heading" 17824 class="account-actions__title h5" 17825 > 17826 17827 Account 17828 17829 </h2> 17830 17831 </header> 17832 17833 17834 <div 17835 class="account-actions__sign-ins" 17836 data-skip-subtree-update="true" 17837 > 17838
17838<script 17839 src="//humboldtcoffee.com/cdn/shop/t/7/assets/account-login-actions.js?v=27524771914008767821770159939" 17840 type="module" 17841 fetchpriority="low" 17842 ></script>
17842 17843 <account-login-actions class="account-actions__shop-login"> 17844
17844<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 17844
17844
17845<script type="module"> 17846 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 17847 17848 17849</script>
17849 17850 17851<shop-login-button ux-mode="windoid" return-uri="https://humboldtcoffee.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 17852 17853 </account-login-actions> 17854 17855 <a 17856 href="/customer_authentication/login?return_to=%2Fsearch&locale=en&ui_hint=full®ion_country=US" 17857 class="account-actions__link button" 17858 > 17859 <span class="account-actions__sign-in-text"> 17860 Other sign in options 17861 </span> 17862 <span class="account-actions__fallback-text"> 17863 Sign in 17864 </span> 17865 </a> 17866 </div> 17867 17868 17869 <nav class="account-actions__nav"> 17870 <ul class="account-actions__list"> 17871 <li class="account-actions__list-item"> 17872 <a 17873 href="/account" 17874 class="account-actions__link button-secondary" 17875 > 17876 <span 17877 class="account-actions__icon" 17878 aria-hidden="true" 17879 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 17880 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 17881 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 17882</svg> 17883</span> 17884 Orders 17885 </a> 17886 </li> 17887 <li class="account-actions__list-item"> 17888 <a 17889 href="/account/addresses" 17890 class="account-actions__link button-secondary" 17891 > 17892 <span 17893 class="account-actions__icon" 17894 aria-hidden="true" 17895 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 17896</span> 17897 Profile 17898 </a> 17899 </li> 17900 </ul> 17901 </nav> 17902 </div> 17903</div> 17904 17905 17906 17907 </dialog> 17908 </dialog-component> 17909 17910 17911 17912 <a 17913 href="/cart" 17914 class="header-actions__action action__cart" 17915 aria-label="Cart" 17916 aria-describedby="cart-bubble-text" 17917 > 17918 17919 <cart-icon 17920 class=" 17921 header-actions__cart-icon 17922 17923 " 17924 data-testid="cart-icon" 17925 > 17926 <span 17927 class="svg-wrapper" 17928 aria-hidden="true" 17929 > 17930 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 17931 17932 </span> 17933 17934 <div 17935 ref="cartBubble" 17936 class="cart-bubble visually-hidden" 17937 17938 17939 data-maintain-ratio 17940 17941> 17942 <span class="cart-bubble__background"></span> 17943 <span 17944 ref="cartBubbleText" 17945 id="cart-bubble-text" 17946 class="cart-bubble__text" 17947 17948 role="status" 17949 17950 > 17951 <span class="visually-hidden">Total items in cart: 0 17952 </span> 17953 <span 17954 class="cart-bubble__text-count hidden" 17955 ref="cartBubbleCount" 17956 aria-hidden="true" 17957 data-testid="cart-bubble" 17958 > 179590</span> 17960 </span> 17961</div> 17962 17963 </cart-icon> 17964 17965 </a> 17966 17967</header-actions> 17968 17969 17970 17971 17972 17973 17974 </div> 17975 </div> 17976 </div> 17977 17978 17979 17980 17981 17982 17983 17984 17985 17986 17987 17988 <div class="header__row header__navigation-bar-row color-scheme-1"> 17989 17990 17991 17992 17993 17994 <div 17995 class="menu-list menu-list--mobile color-scheme-1" 17996 style="--menu-horizontal-gap: 15px; --mobile-nav-margin: auto;" 17997 data-hydration-key="header-menu-mobile-navigation-bar" 17998 > 17999 <div class="menu-list__scroll-container"> 18000 <ul 18001 class="menu-list__list list-unstyled" 18002 role="list" 18003 > 18004 18005 <li> 18006 <a 18007 href="/collections" 18008 id="MenuItem-coffee" 18009 class="menu-list__item" 18010 18011 >Coffee</a> 18012 </li> 18013 18014 <li> 18015 <a 18016 href="https://humboldt-bay-coffee-co.myshopify.com/tools/recurring/portal/6f2d60dce0e3516aa543565806dc25/overview?token=ec187b6988404edfb81d372fca6e865e" 18017 id="MenuItem-subscriptions" 18018 class="menu-list__item" 18019 18020 >Subscriptions</a> 18021 </li> 18022 18023 <li> 18024 <a 18025 href="/collections/goods" 18026 id="MenuItem-goods" 18027 class="menu-list__item" 18028 18029 >Goods</a> 18030 </li> 18031 18032 <li> 18033 <a 18034 href="/pages/contact-us" 18035 id="MenuItem-contact-us" 18036 class="menu-list__item" 18037 18038 >Contact us</a> 18039 </li> 18040 18041 <li> 18042 <a 18043 href="/blogs/news/how-it-started" 18044 id="MenuItem-about-us" 18045 class="menu-list__item" 18046 18047 >About Us</a> 18048 </li> 18049 18050 <li> 18051 <a 18052 href="/blogs/news" 18053 id="MenuItem-blogs" 18054 class="menu-list__item" 18055 18056 >Blogs</a> 18057 </li> 18058 18059 <li> 18060 <a 18061 href="/pages/findstorenearyou" 18062 id="MenuItem-stores" 18063 class="menu-list__item" 18064 18065 >Stores</a> 18066 </li> 18067 18068 </ul> 18069 </div> 18070 </div> 18071 18072 18073 18074 18075 18076 18077 18078 </div> 18079 18080</header-component> 18081
18082<script 18083 src="//humboldtcoffee.com/cdn/shop/t/7/assets/header.js?v=36718054510661947891770159939" 18084 type="module" 18085></script>
18085 18086 18087 18088 18089 18090
18090<script type="module"> 18091 import { hydrate } from '@theme/section-hydration'; 18092 const url = new URL(window.location.href); 18093 url.searchParams.delete('page'); 18094 hydrate('sections--24479419728065__header_section', url); 18095 </script>
18095 18096 18097 18098 18099</header> 18100<!-- END sections: header-group --> 18101 </div> 18102 18103
18103<script> 18104 // Inline header height and menu style calculations to prevent layout shift 18105 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 18106 (function setHeaderHeighCustomProperties() { 18107 /* 18108 * Header calculation functions for maintaining CSS variables 18109 * Mimic calculateHeaderGroupHeight() in utilities.js 18110 */ 18111 const header = document.querySelector('header-component'); 18112 const headerGroup = document.querySelector('#header-group'); 18113 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 18114 18115 if (!header || !headerGroup) return; 18116 18117 const headerHeight = header.offsetHeight; 18118 18119 // Calculate the total height of the header group 18120 let headerGroupHeight = 0; 18121 const children = headerGroup.children; 18122 for (let i = 0; i < children.length; i++) { 18123 const element = children[i]; 18124 if (element === header || !(element instanceof HTMLElement)) continue; 18125 headerGroupHeight += element.offsetHeight; 18126 } 18127 18128 // Check for transparent header special case 18129 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 18130 headerGroupHeight += headerHeight; 18131 } 18132 18133 // Set CSS variables 18134 document.body.style.setProperty('--header-height', `${headerHeight}px`); 18135 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 18136 18137 /** 18138 * Updates CSS custom properties for transparent header offset calculation 18139 * Mimic updateTransparentHeaderOffset() in utilities.js 18140 */ 18141 18142 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 18143 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 18144 return; 18145 } 18146 18147 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 18148 18149 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 18150 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 18151 })(); 18152 18153 (function setHeaderMenuStyle() { 18154 const headerComponent = document.querySelector('#header-component'); 18155 if (headerComponent) { 18156 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 18157 const overflowList = headerComponent?.querySelector('overflow-list'); 18158 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 18159 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 18160 } 18161 })(); 18162 </script>
18162 18163 18164 <main 18165 id="MainContent" 18166 class="content-for-layout" 18167 role="main" 18168 data-page-transition-enabled="true" 18169 data-product-transition="true" 18170 data-template="search" 18171 > 18172 <div id="shopify-section-template--24479419367617__search" class="shopify-section"> 18173 18174<div class="section-background color-scheme-1"></div> 18175<div class="section section--page-width color-scheme-1"> 18176 <div 18177 class="spacing-style search-page__header" 18178 style=" 18179 --horizontal-alignment: flex-start; 18180 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px; 18181 " 18182 > 18183 18184 18185 18186 18187 18188 18189 18190 18191 18192 18193 18194 18195 18196 18197 <div class=" spacing-style text-block text-block--AUnRlUHlqbHQwOGxDc__heading h2 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 18198 18199 <h3>Search</h3> 18200 18201 </div> 18202 18203 18204 18205 18206 18207 18208 18209 18210 18211
18212<script 18213 src="//humboldtcoffee.com/cdn/shop/t/7/assets/search-page-input.js?v=75415526569643471571770159939" 18214 defer 18215 type="module" 18216></script>
18216 18217 18218 18219 18220<form 18221 action="/search" 18222 method="get" 18223 role="search" 18224 class="search-page-input__parent" 18225> 18226 <search-page-input-component 18227 style="--size-style-width:50%;--size-style-height: ;" 18228 18229 > 18230 <label 18231 for="SearchPageInput--AM2ZjOGV1OC83Y0VEZ__search" 18232 class="visually-hidden" 18233 > 18234 Search 18235 </label> 18236 <span class="svg-wrapper search__icon"> 18237 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 18238 18239 </span> 18240 <input 18241 name="type" 18242 value="product" 18243 type="hidden" 18244 > 18245 <input 18246 class="search-page-input" 18247 id="SearchPageInput--AM2ZjOGV1OC83Y0VEZ__search" 18248 type="search" 18249 name="q" 18250 ref="searchPageInput" 18251 on:keydown="/handleKeyDown" 18252 value="" 18253 placeholder="Search" 18254 > 18255 <a 18256 href="/search?type=product&q=" 18257 class="search__reset-button" 18258 aria-label="Reset search" 18259 > 18260 <span class="svg-wrapper search__reset-button-icon"> 18261 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg> 18262 18263 </span> 18264 <span class="search__reset-button-text"> 18265 Clear 18266 </span> 18267 </a> 18268 </search-page-input-component> 18269 18270 18271</form> 18272 18273 18274 18275 18276 18277 </div> 18278</div> 18279 18280 18281</div><div id="shopify-section-template--24479419367617__main" class="shopify-section"> 18282
18283<script 18284 src="//humboldtcoffee.com/cdn/shop/t/7/assets/results-list.js?v=28346210841421047511770159939" 18285 type="module" 18286 fetchpriority="low" 18287></script>
18287 18288 18289<div class="section-background color-scheme-1"></div> 18290 18291<results-list 18292 class="section product-grid-container spacing-style color-scheme-1" 18293 style="--padding-block-start: 40px; --padding-block-end: 40px;" 18294 section-id="template--24479419367617__main" 18295 infinite-scroll="true" 18296> 18297 <a 18298 class="skip-to-content-link button-secondary" 18299 href="#ResultsList" 18300> 18301 Skip to results list 18302</a> 18303 18304 18305 <div 18306 class="collection-wrapper grid gap-style" 18307 > 18308 18309 18310 18311 18312 18313 18314 18315 18316 18317 18318 18319 18320 18321 18322 18323 18324 18325<style data-shopify> 18326 @media (min-width: 750px) { 18327 18328 .product-grid--template--24479419367617__main:is(.product-grid--grid) { 18329 --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr)); 18330 } 18331 18332 18333 18334 18335 /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */ 18336 18337 18338 /* When zoomed out, fit as many 100px-wide columns as possible */ 18339 .product-grid--template--24479419367617__main[product-grid-view='zoom-out'] { 18340 --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr)); 18341 } 18342 18343 .product-grid--template--24479419367617__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details { 18344 display: block; 18345 } 18346 18347 .product-grid--template--24479419367617__main[product-grid-view='zoom-out'] .product-grid__card { 18348 padding-inline-start: var(--zoom-out-padding-inline-start, 0); 18349 padding-inline-end: var(--zoom-out-padding-inline-end, 0); 18350 padding-block-start: var(--zoom-out-padding-block-start, 0); 18351 padding-block-end: var(--zoom-out-padding-block-end, 0); 18352 } 18353 } 18354</style> 18355<div 18356 id="ResultsList" 18357 class=" 18358 grid main-collection-grid 18359 18360 collection-wrapper--full-width-on-mobile 18361 spacing-style 18362 " 18363 18364 style=" 18365 --grid--margin--mobile: 0 0; 18366 --grid-column--desktop: var(--centered); 18367 --grid-column--mobile: var(--full-width); 18368 --padding-inline-start: 0px; 18369 --padding-inline-end: 0px; 18370 " 18371> 18372 <div 18373 style=" 18374 grid-column: var(--full-width); 18375 --product-grid-gap-mobile: 12px 12px; 18376 --product-grid-gap-desktop: 16px 16px; 18377 container-type: inline-size; 18378 container-name: product-grid; 18379 " 18380 > 18381 18382 18383 <span ref="viewMorePrevious"></span> 18384 18385 18386 18387 <h4 class="main-collection-grid__title">Products</h4> 18388 18389 <ul 18390 class="product-grid product-grid--template--24479419367617__main product-grid--grid " 18391 data-testid="product-grid" 18392 product-grid-view="default" 18393 ref="grid" 18394 role="list" 18395 data-last-page="1" 18396 data-product-card-size="medium" 18397 style="--mobile-columns: 2;" 18398 > 18399 18400 18401
18401<script> 18402 (() => { 18403 const grid = document.querySelector('.product-grid'); 18404 if (!grid) return; 18405 18406 const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default'; 18407 const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default'; 18408 18409 // No need to read the window width if no custom layouts were saved. 18410 if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return; 18411 18412 const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile; 18413 if (storedLayout === 'default') return; 18414 18415 grid.setAttribute('product-grid-view', storedLayout); 18416 18417 const options = document.querySelectorAll( 18418 'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]' 18419 ); 18420 for (const option of options) { 18421 option.checked = option.value === storedLayout; 18422 } 18423 })(); 18424 </script>
18424 18425 18426 18427 18428 18429 <li 18430 id="template--24479419367617__main-6972737716417" 18431 class="product-grid__item product-grid__item--0" 18432 data-page="1" 18433 data-product-id="6972737716417" 18434 ref="cards[]" 18435 > 18436 18437 18438 18439 18440 18441 18442<style data-shopify> 18443 18444</style> 18445 18446 18447<product-card-link 18448 data-product-id="6972737716417" 18449 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=500" 18450 data-product-transition="true" 18451 18452 ><product-card 18453 class="product-card" 18454 data-product-id="6972737716417" 18455 id="product-card-ARFVUbHVMLy90TE1EM__product-card" 18456 data-product-transition="true" 18457 18458 18459> 18460 <a 18461 id="43f8605400e3d29e7b0a7b5436bb4008" 18462 18463 href="/products/hiwtci-21-mug?variant=41585650303169" 18464 18465 class="product-card__link" 18466 ref="productCardLink" 18467 > 18468 <span class="visually-hidden"> 18469 "HIWTCI" 21 Mug 18470 </span> 18471 </a> 18472 <div 18473 class=" 18474 product-card__content 18475 layout-panel-flex 18476 layout-panel-flex--column 18477 product-grid__card 18478 spacing-style 18479 border-style 18480 gap-style 18481 18482 " 18483 style=" 18484 --border-width: 1px; --border-style: none; --border-color: 18485rgb(var(--color-border-rgb) / 1.0); --border-radius: 184860px; 18487 18488 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18489 18490 18491 18492--horizontal-alignment: ; --vertical-alignment: ; 18493--vertical-alignment-mobile: ; 18494 18495 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18496 --product-card-gap: 8px; 18497 --quick-add-display: flex; 18498 --quick-add-mobile-display: none; 18499 --quick-add-mobile-opacity: 0; 18500 18501 18502 18503 18504 " 18505 > 18506 18507 18508 18509 18510 18511 18512 18513 18514 18515<div 18516 ref="cardGallery" 18517 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery spacing-style border-style" 18518 style=" 18519 --border-width: 1px; --border-style: none; --border-color: 18520rgb(var(--color-border-rgb) / 1.0); --border-radius: 185210px; 18522 18523 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18524 --gallery-aspect-ratio: 4 / 5; 18525 " 18526 data-product-id="6972737716417" 18527 18528 on:pointerenter="/previewImage" 18529 on:pointerleave="/resetImage" 18530 18531 18532 data-view-transition-to-main-product 18533 18534 data-image-ratio="portrait" 18535 18536> 18537 <a 18538 class="contents" 18539 ref="cardGalleryLink" 18540 href="/products/hiwtci-21-mug?variant=41585650303169" 18541 aria-label=""HIWTCI" 21 Mug" 18542 > 18543 <slideshow-component 18544 18545 ref="slideshow" 18546 18547 18548 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 18549 18550 initial-slide="0" 18551 18552 18553 infinite 18554 18555 18556 data-generic-media-size="0" 18557> 18558 18559 <slideshow-container ref="slideshowContainer"> 18560 18561 18562 <slideshow-slides 18563 tabindex="-1" 18564 ref="scroller" 18565 18566 > 18567 <slideshow-slide 18568 ref="slides[]" 18569 aria-hidden="false" 18570 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 18571 18572 class="product-media-container media-fit product-media-container--image" 18573 18574 variant-image 18575 18576 18577 slide-id="24626301075649" 18578 18579 18580 18581 variant-image 18582> 18583 18584 18585<div 18586 class="product-media" 18587 style="--ratio: 1.0" 18588 data-media-id="24626301075649" 18589> 18590 18591 <img src="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=3840" alt=""HIWTCI" 21 Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 18592 18593 18594</div> 18595 18596 18597 18598</slideshow-slide> 18599 18600 </slideshow-slides> 18601 </slideshow-container> 18602 18603</slideshow-component> 18604 18605 18606 18607 </a> 18608 18609 18610 <div 18611 class="product-badges product-badges--top-right" 18612 style=" 18613 --badge-border-radius: 2px; 18614 --badge-font-family: var(--font-body--family);
18614 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 18615 " 18616 ></div> 18617 18618 18619 18620<quick-add-component 18621 class="quick-add color-scheme-1 " 18622 ref="quickAdd" 18623 data-product-title=""HIWTCI" 21 Mug" 18624 data-quick-add-button="add" 18625 data-product-options-count="1" 18626> 18627 <product-form-component 18628 data-section-id="template--24479419367617__main" 18629 data-product-id="6972737716417" 18630 on:submit="/handleSubmit" 18631 class="quick-add__product-form-component" 18632 > 18633 <div 18634 class="visually-hidden" 18635 aria-live="assertive" 18636 role="status" 18637 aria-atomic="true" 18638 ref="liveRegion" 18639 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6972737716417-AbnhndkZhbW0yK2Rld__card-gallery" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 18640 type="hidden" 18641 name="id" 18642 ref="variantId" 18643 value="41585650303169" 18644 18645 > 18646 <input 18647 type="hidden" 18648 name="quantity" 18649 value="1" 18650 > 18651 18652 <add-to-cart-component 18653 ref="addToCartButtonContainer" 18654 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=100" 18655 data-add-to-cart-animation="true" 18656> 18657 <button 18658 18659 type="submit" 18660 name="add" 18661 ref="addToCartButton" 18662 on:click="/handleClick" 18663 class="button button quick-add__button quick-add__button--add add-to-cart-button" 18664 18665 18666 > 18667 <span 18668 class="add-to-cart-text" 18669 > 18670 18671 <span 18672 aria-hidden="true" 18673 class="svg-wrapper add-to-cart-icon" 18674 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 18675</span> 18676 18677 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 18678 <span> 18679 <span>Add</span> 18680 </span> 18681 </span> 18682 </span> 18683 18684 <span class="add-to-cart__added"> 18685 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 18686 <g class="check"> 18687 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 18688 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 18689 </g> 18690 <g class="burst"> 18691 <g style="--index: 0;"> 18692 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18693 </g> 18694 <g style="--index: 1;"> 18695 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18696 </g> 18697 <g style="--index: 2;"> 18698 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18699 </g> 18700 <g style="--index: 3;"> 18701 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18702 </g> 18703 <g style="--index: 4;"> 18704 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18705 </g> 18706 <g style="--index: 5;"> 18707 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18708 </g> 18709 <g style="--index: 6;"> 18710 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18711 </g> 18712 <g style="--index: 7;"> 18713 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18714 </g> 18715 </g> 18716</svg> 18717</span> 18718 </span> 18719 </button> 18720</add-to-cart-component> 18721 18722 18723 <button 18724 class="button quick-add__button quick-add__button--choose add-to-cart-button" 18725 18726 type="button" 18727 name="add" 18728 on:click="quick-add-component/handleClick" 18729 >
18730 <span 18731 class="add-to-cart-text" 18732 > 18733 18734 <span 18735 aria-hidden="true" 18736 class="svg-wrapper add-to-cart-icon" 18737 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 18738</span> 18739 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 18740 <span> 18741 18742 <span> 18743 Choose 18744 </span> 18745 </span> 18746 </span> 18747 </span> 18748 </button><input type="hidden" name="product-id" value="6972737716417" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 18749</quick-add-component> 18750 18751 18752 18753 18754 18755 18756</div> 18757 18758 18759 18760 18761 18762<div class="product-grid-view-zoom-out--details"> 18763 18764 <h3 class="h4">"HIWTCI" 21 Mug</h3> 18765 18766</div> 18767 18768 18769 18770 18771 18772 18773 18774 18775<div 18776 class=" 18777 group-block 18778 group-block--height-fit 18779 group-block--width-fill 18780 border-style 18781 spacing-style 18782 size-style 18783 18784 18785 " 18786 style=" 18787 --border-width: 1px; --border-style: none; --border-color: 18788rgb(var(--color-border-rgb) / 1.0); --border-radius: 187890px; 18790 18791 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18792 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18793 18794 " 18795 18796 data-testid="group-block" 18797><div class="group-block__media-wrapper"> 18798 18799 18800 18801 18802 18803 </div> 18804 18805 <div 18806 class=" 18807 group-block-content 18808 18809 layout-panel-flex 18810 layout-panel-flex--column 18811 mobile-column 18812 " 18813 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18814 18815--gap: 4px; 18816 18817--horizontal-alignment: center; --vertical-alignment: center; 18818--vertical-alignment-mobile: center; 18819" 18820 > 18821 18822 18823 18824 18825 <a 18826 class="contents user-select-text" 18827 ref="productTitleLink" 18828 href="/products/hiwtci-21-mug?variant=41585650303169" 18829 > 18830 18831 18832 18833 18834 18835 18836 18837 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 18838 <p>"HIWTCI" 21 Mug</p> 18839 </div> 18840 18841 18842 18843 18844 </a> 18845 18846 18847 18848 18849 18850 18851<product-price 18852 class="text-block text-block--align-center rte text-center paragraph spacing-style" 18853 data-block-id="AaTU4QWlBSTJKVFFpe__price" 18854 data-product-id="6972737716417" 18855 style=" 18856 18857--color: var(--color-foreground); 18858 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18859 --width: 100%; 18860 " 18861 18862> 18863 <div ref="priceContainer"> 18864 18865 18866 18867 18868 18869 <span class="price">$10.00</span> 18870 18871 18872 18873 18874</div> 18875 18876 18877</product-price> 18878 18879 18880 18881 18882 18883 18884 18885</div> 18886</div> 18887 18888 18889 18890 18891 18892 18893 18894 </div> 18895</product-card></product-card-link> 18896 18897 18898 18899 18900 </li> 18901 18902 <li 18903 id="template--24479419367617__main-10862157299905" 18904 class="product-grid__item product-grid__item--1" 18905 data-page="1" 18906 data-product-id="10862157299905" 18907 ref="cards[]" 18908 > 18909 18910 18911 18912 18913 18914 18915<style data-shopify> 18916 18917</style> 18918 18919 18920<product-card-link 18921 data-product-id="10862157299905" 18922 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=500" 18923 data-product-transition="true" 18924 18925 ><product-card 18926 class="product-card" 18927 data-product-id="10862157299905" 18928 id="product-card-ARFVUbHVMLy90TE1EM__product-card-1" 18929 data-product-transition="true" 18930 18931 18932> 18933 <a 18934 id="fc3c4d63576a7c15e0008918aad6b255" 18935 18936 href="/products/aeropress-carafe?variant=49814136225985" 18937 18938 class="product-card__link" 18939 ref="productCardLink" 18940 > 18941 <span class="visually-hidden"> 18942 AeroPress Carafe 18943 </span> 18944 </a> 18945 <div 18946 class=" 18947 product-card__content 18948 layout-panel-flex 18949 layout-panel-flex--column 18950 product-grid__card 18951 spacing-style 18952 border-style 18953 gap-style 18954 18955 " 18956 style=" 18957 --border-width: 1px; --border-style: none; --border-color: 18958rgb(var(--color-border-rgb) / 1.0); --border-radius: 189590px; 18960 18961 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18962 18963 18964 18965--horizontal-alignment: ; --vertical-alignment: ; 18966--vertical-alignment-mobile: ; 18967 18968 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18969 --product-card-gap: 8px; 18970 --quick-add-display: none; 18971 --quick-add-mobile-display: none; 18972 --quick-add-mobile-opacity: 0; 18973 18974 18975 18976 18977 " 18978 > 18979 18980 18981 18982 18983 18984 18985 18986 18987 18988<div 18989 ref="cardGallery" 18990 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-1 spacing-style border-style card-gallery--badge-top-right" 18991 style=" 18992 --border-width: 1px; --border-style: none; --border-color: 18993rgb(var(--color-border-rgb) / 1.0); --border-radius: 189940px; 18995 18996 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18997 --gallery-aspect-ratio: 4 / 5; 18998 " 18999 data-product-id="10862157299905" 19000
19001 on:pointerenter="/previewImage" 19002 on:pointerleave="/resetImage" 19003 19004 19005 data-view-transition-to-main-product 19006 19007 data-image-ratio="portrait" 19008 19009> 19010 <a 19011 class="contents" 19012 ref="cardGalleryLink" 19013 href="/products/aeropress-carafe?variant=49814136225985" 19014 aria-label="AeroPress Carafe" 19015 > 19016 <slideshow-component 19017 19018 ref="slideshow" 19019 19020 19021 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;" 19022 19023 initial-slide="0" 19024 19025 19026 infinite 19027 19028 19029 data-generic-media-size="5" 19030> 19031 19032 <slideshow-container ref="slideshowContainer"> 19033 19034 <slideshow-arrows 19035 position="center" 19036 19037><button 19038 class=" 19039 slideshow-control slideshow-control--previous 19040 19041 19042 slideshow-control--style-arrow 19043 button button-unstyled button-unstyled--transparent 19044 flip-x 19045 " 19046 19047 aria-label="Previous slide" 19048 19049 on:click="/previous" 19050 ref="previous" 19051> 19052 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 19053</span> 19054</button> 19055<button 19056 class=" 19057 slideshow-control slideshow-control--next 19058 19059 19060 slideshow-control--style-arrow 19061 button button-unstyled button-unstyled--transparent 19062 19063 " 19064 19065 aria-label="Next slide" 19066 19067 on:click="/next" 19068 ref="next" 19069> 19070 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 19071</span> 19072</button> 19073</slideshow-arrows> 19074 19075 19076 19077 <slideshow-slides 19078 tabindex="-1" 19079 ref="scroller" 19080 19081 > 19082 <slideshow-slide 19083 ref="slides[]" 19084 aria-hidden="false" 19085 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19086 19087 class="product-media-container media-fit product-media-container--image" 19088 19089 19090 19091 19092 slide-id="40373126660289" 19093 19094 19095 19096 19097> 19098 19099 19100<div 19101 class="product-media" 19102 style="--ratio: 1.0" 19103 data-media-id="40373126660289" 19104> 19105 19106 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=3840" alt="AeroPress Carafe coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19107 19108 19109</div> 19110 19111 19112 19113</slideshow-slide> 19114<slideshow-slide 19115 ref="slides[]" 19116 aria-hidden="true" 19117 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19118 19119 class="product-media-container media-fit product-media-container--image" 19120 19121 19122 19123 19124 slide-id="40373126693057" 19125 19126 19127 19128 19129> 19130 19131 19132<div 19133 class="product-media" 19134 style="--ratio: 1.0" 19135 data-media-id="40373126693057" 19136> 19137 19138 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19139 19140 19141</div> 19142 19143 19144 19145</slideshow-slide> 19146<slideshow-slide 19147 ref="slides[]" 19148 aria-hidden="true" 19149 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19150 19151 class="product-media-container media-fit product-media-container--image" 19152 19153 19154 19155 19156 slide-id="40373126725825" 19157 19158 19159 19160 19161> 19162 19163 19164<div 19165 class="product-media" 19166 style="--ratio: 1.0" 19167 data-media-id="40373126725825" 19168> 19169 19170 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19171 19172 19173</div> 19174 19175 19176 19177</slideshow-slide> 19178<slideshow-slide 19179 ref="slides[]" 19180 aria-hidden="true" 19181 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19182 19183 class="product-media-container media-fit product-media-container--image" 19184 19185 19186 19187 19188 slide-id="40373126758593" 19189 19190 19191 19192 19193> 19194 19195 19196<div 19197 class="product-media" 19198 style="--ratio: 1.0" 19199 data-media-id="40373126758593" 19200> 19201 19202 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19203 19204 19205</div> 19206 19207 19208 19209</slideshow-slide> 19210<slideshow-slide 19211 ref="slides[]" 19212 aria-hidden="true" 19213 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19214 19215 class="product-media-container media-fit product-media-container--image" 19216 19217 19218 19219 19220 slide-id="40373126791361" 19221 19222 19223 19224 19225> 19226 19227 19228<div 19229 class="product-media" 19230 style="--ratio: 1.0" 19231 data-media-id="40373126791361" 19232> 19233 19234 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19235 19236 19237</div> 19238 19239 19240 19241</slideshow-slide> 19242 19243 </slideshow-slides> 19244 </slideshow-container> 19245 19246</slideshow-component> 19247 19248 19249 19250 </a> 19251 19252 19253 <div 19254 class="product-badges product-badges--top-right" 19255 style=" 19256 --badge-border-radius: 2px; 19257 --badge-font-family: var(--font-body--family);
19257 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 19258 " 19259 ><div 19260 class=" 19261 product-badges__badge product-badges__badge--rectangle 19262 color-scheme-3 19263 " 19264 >Sold out 19265</div></div> 19266 19267 19268 19269<quick-add-component 19270 class="quick-add color-scheme-1 " 19271 ref="quickAdd" 19272 data-product-title="AeroPress Carafe" 19273 data-quick-add-button="add" 19274 data-product-options-count="1" 19275> 19276 <product-form-component 19277 data-section-id="template--24479419367617__main" 19278 data-product-id="10862157299905" 19279 on:submit="/handleSubmit" 19280 class="quick-add__product-form-component" 19281 > 19282 <div 19283 class="visually-hidden" 19284 aria-live="assertive" 19285 role="status" 19286 aria-atomic="true" 19287 ref="liveRegion" 19288 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157299905-AbnhndkZhbW0yK2Rld__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 19289 type="hidden" 19290 name="id" 19291 ref="variantId" 19292 value="49814136225985" 19293 19294 disabled 19295 19296 > 19297 <input 19298 type="hidden" 19299 name="quantity" 19300 value="1" 19301 > 19302 19303 <add-to-cart-component 19304 ref="addToCartButtonContainer" 19305 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=100" 19306 data-add-to-cart-animation="true" 19307> 19308 <button 19309 19310 type="submit" 19311 name="add" 19312 ref="addToCartButton" 19313 on:click="/handleClick" 19314 class="button button quick-add__button quick-add__button--add add-to-cart-button" 19315 19316 19317 disabled 19318 19319 > 19320 <span 19321 class="add-to-cart-text" 19322 > 19323 19324 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 19325 <span> 19326 <span>Add</span> 19327 </span> 19328 </span> 19329 </span> 19330 19331 <span class="add-to-cart__added"> 19332 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 19333 <g class="check"> 19334 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 19335 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 19336 </g> 19337 <g class="burst"> 19338 <g style="--index: 0;"> 19339 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19340 </g> 19341 <g style="--index: 1;"> 19342 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19343 </g> 19344 <g style="--index: 2;"> 19345 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19346 </g> 19347 <g style="--index: 3;"> 19348 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19349 </g> 19350 <g style="--index: 4;"> 19351 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19352 </g> 19353 <g style="--index: 5;"> 19354 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19355 </g> 19356 <g style="--index: 6;"> 19357 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19358 </g> 19359 <g style="--index: 7;"> 19360 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19361 </g> 19362 </g> 19363</svg> 19364</span> 19365 </span> 19366 </button> 19367</add-to-cart-component> 19368 19369 19370 <button 19371 class="button quick-add__button quick-add__button--choose add-to-cart-button" 19372 19373 type="button" 19374 name="add" 19375 on:click="quick-add-component/handleClick" 19376 >
19377 <span 19378 class="add-to-cart-text" 19379 > 19380 19381 <span 19382 aria-hidden="true" 19383 class="svg-wrapper add-to-cart-icon" 19384 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 19385</span> 19386 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 19387 <span> 19388 19389 <span> 19390 Choose 19391 </span> 19392 </span> 19393 </span> 19394 </span> 19395 </button><input type="hidden" name="product-id" value="10862157299905" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 19396</quick-add-component> 19397 19398 19399 19400 19401 19402 19403</div> 19404 19405 19406 19407 19408 19409<div class="product-grid-view-zoom-out--details"> 19410 19411 <h3 class="h4">AeroPress Carafe</h3> 19412 19413</div> 19414 19415 19416 19417 19418 19419 19420 19421 19422<div 19423 class=" 19424 group-block 19425 group-block--height-fit 19426 group-block--width-fill 19427 border-style 19428 spacing-style 19429 size-style 19430 19431 19432 " 19433 style=" 19434 --border-width: 1px; --border-style: none; --border-color: 19435rgb(var(--color-border-rgb) / 1.0); --border-radius: 194360px; 19437 19438 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19439 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 19440 19441 " 19442 19443 data-testid="group-block" 19444><div class="group-block__media-wrapper"> 19445 19446 19447 19448 19449 19450 </div> 19451 19452 <div 19453 class=" 19454 group-block-content 19455 19456 layout-panel-flex 19457 layout-panel-flex--column 19458 mobile-column 19459 " 19460 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19461 19462--gap: 4px; 19463 19464--horizontal-alignment: center; --vertical-alignment: center; 19465--vertical-alignment-mobile: center; 19466" 19467 > 19468 19469 19470 19471 19472 <a 19473 class="contents user-select-text" 19474 ref="productTitleLink" 19475 href="/products/aeropress-carafe?variant=49814136225985" 19476 > 19477 19478 19479 19480 19481 19482 19483 19484 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-1 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 19485 <p>AeroPress Carafe</p> 19486 </div> 19487 19488 19489 19490 19491 </a> 19492 19493 19494 19495 19496 19497 19498<product-price 19499 class="text-block text-block--align-center rte text-center paragraph spacing-style" 19500 data-block-id="AaTU4QWlBSTJKVFFpe__price-1" 19501 data-product-id="10862157299905" 19502 style=" 19503 19504--color: var(--color-foreground); 19505 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19506 --width: 100%; 19507 " 19508 19509> 19510 <div ref="priceContainer"> 19511 19512 19513 19514 19515 19516 <span class="price">$24.95</span> 19517 19518 19519 19520 19521</div> 19522 19523 19524</product-price> 19525 19526 19527 19528 19529 19530 19531 19532</div> 19533</div> 19534 19535 19536 19537 19538 19539 19540 19541 </div> 19542</product-card></product-card-link> 19543 19544 19545 19546 19547 </li> 19548 19549 <li 19550 id="template--24479419367617__main-10862156742849" 19551 class="product-grid__item product-grid__item--2" 19552 data-page="1" 19553 data-product-id="10862156742849" 19554 ref="cards[]" 19555 > 19556 19557 19558 19559 19560 19561 19562<style data-shopify> 19563 19564</style> 19565 19566 19567<product-card-link 19568 data-product-id="10862156742849" 19569 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=500" 19570 data-product-transition="true" 19571 19572 ><product-card 19573 class="product-card" 19574 data-product-id="10862156742849" 19575 id="product-card-ARFVUbHVMLy90TE1EM__product-card-2" 19576 data-product-transition="true" 19577 19578 19579> 19580 <a 19581 id="485a8f3016d61e851af8b7ccd1a63926" 19582 19583 href="/products/aeropress-clear-coffee-maker?variant=49814135570625" 19584 19585 class="product-card__link" 19586 ref="productCardLink" 19587 > 19588 <span class="visually-hidden">
19589 AeroPress Clear Coffee Maker 19590 </span> 19591 </a> 19592 <div 19593 class=" 19594 product-card__content 19595 layout-panel-flex 19596 layout-panel-flex--column 19597 product-grid__card 19598 spacing-style 19599 border-style 19600 gap-style 19601 19602 " 19603 style=" 19604 --border-width: 1px; --border-style: none; --border-color: 19605rgb(var(--color-border-rgb) / 1.0); --border-radius: 196060px; 19607 19608 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19609 19610 19611 19612--horizontal-alignment: ; --vertical-alignment: ; 19613--vertical-alignment-mobile: ; 19614 19615 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19616 --product-card-gap: 8px; 19617 --quick-add-display: flex; 19618 --quick-add-mobile-display: none; 19619 --quick-add-mobile-opacity: 0; 19620 19621 19622 19623 19624 " 19625 > 19626 19627 19628 19629 19630 19631 19632 19633 19634 19635<div 19636 ref="cardGallery" 19637 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-2 spacing-style border-style" 19638 style=" 19639 --border-width: 1px; --border-style: none; --border-color: 19640rgb(var(--color-border-rgb) / 1.0); --border-radius: 196410px; 19642 19643 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19644 --gallery-aspect-ratio: 4 / 5; 19645 " 19646 data-product-id="10862156742849" 19647 19648 on:pointerenter="/previewImage" 19649 on:pointerleave="/resetImage" 19650 19651 19652 data-view-transition-to-main-product 19653 19654 data-image-ratio="portrait" 19655 19656> 19657 <a 19658 class="contents" 19659 ref="cardGalleryLink" 19660 href="/products/aeropress-clear-coffee-maker?variant=49814135570625" 19661 aria-label="AeroPress Clear Coffee Maker" 19662 > 19663 <slideshow-component 19664 19665 ref="slideshow" 19666 19667 19668 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;" 19669 19670 initial-slide="0" 19671 19672 19673 infinite 19674 19675 19676 data-generic-media-size="13" 19677> 19678 19679 <slideshow-container ref="slideshowContainer"> 19680 19681 <slideshow-arrows 19682 position="center" 19683 19684><button 19685 class=" 19686 slideshow-control slideshow-control--previous 19687 19688 19689 slideshow-control--style-arrow 19690 button button-unstyled button-unstyled--transparent 19691 flip-x 19692 " 19693 19694 aria-label="Previous slide" 19695 19696 on:click="/previous" 19697 ref="previous" 19698> 19699 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 19700</span> 19701</button> 19702<button 19703 class=" 19704 slideshow-control slideshow-control--next 19705 19706 19707 slideshow-control--style-arrow 19708 button button-unstyled button-unstyled--transparent 19709 19710 " 19711 19712 aria-label="Next slide" 19713 19714 on:click="/next" 19715 ref="next" 19716> 19717 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 19718</span> 19719</button> 19720</slideshow-arrows> 19721 19722 19723 19724 <slideshow-slides 19725 tabindex="-1" 19726 ref="scroller" 19727 19728 > 19729 <slideshow-slide 19730 ref="slides[]" 19731 aria-hidden="false" 19732 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19733 19734 class="product-media-container media-fit product-media-container--image" 19735 19736 19737 19738 19739 slide-id="41719243505857" 19740 19741 19742 19743 19744> 19745 19746 19747<div 19748 class="product-media" 19749 style="--ratio: 1.0" 19750 data-media-id="41719243505857" 19751> 19752 19753 <img src="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=3840" alt="AeroPress Clear Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19754 19755 19756</div> 19757 19758 19759 19760</slideshow-slide> 19761<slideshow-slide 19762 ref="slides[]" 19763 aria-hidden="true" 19764 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19765 19766 class="product-media-container media-fit product-media-container--image" 19767 19768 19769 19770 19771 slide-id="40373121220801" 19772 19773 19774 19775 19776> 19777 19778 19779<div 19780 class="product-media" 19781 style="--ratio: 1.0" 19782 data-media-id="40373121220801" 19783> 19784 19785 <img src="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&
19785width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19786 19787 19788</div> 19789 19790 19791 19792</slideshow-slide> 19793<slideshow-slide 19794 ref="slides[]" 19795 aria-hidden="true" 19796 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19797 19798 class="product-media-container media-fit product-media-container--image" 19799 19800 19801 19802 19803 slide-id="40373121253569" 19804 19805 19806 19807 19808> 19809 19810 19811<div 19812 class="product-media" 19813 style="--ratio: 1.0" 19814 data-media-id="40373121253569" 19815> 19816 19817 <img src="//humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19818 19819 19820</div> 19821 19822 19823 19824</slideshow-slide> 19825<slideshow-slide 19826 ref="slides[]" 19827 aria-hidden="true" 19828 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19829 19830 class="product-media-container media-fit product-media-container--image" 19831 19832 19833 19834 19835 slide-id="40373121286337" 19836 19837 19838 19839 19840> 19841 19842 19843<div 19844 class="product-media" 19845 style="--ratio: 1.0" 19846 data-media-id="40373121286337" 19847> 19848 19849 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19850 19851 19852</div> 19853 19854 19855 19856</slideshow-slide> 19857<slideshow-slide 19858 ref="slides[]" 19859 aria-hidden="true" 19860 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19861 19862 class="product-media-container media-fit product-media-container--image" 19863 19864 19865 19866 19867 slide-id="41719243538625" 19868 19869 19870 19871 19872> 19873 19874 19875<div 19876 class="product-media" 19877 style="--ratio: 1.0" 19878 data-media-id="41719243538625" 19879> 19880 19881 <img src="//humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&
19881width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 19882 19883 19884</div> 19885 19886 19887 19888</slideshow-slide> 19889 19890 </slideshow-slides> 19891 </slideshow-container> 19892 19893</slideshow-component> 19894 19895 19896 19897 </a> 19898 19899 19900 <div 19901 class="product-badges product-badges--top-right" 19902 style=" 19903 --badge-border-radius: 2px; 19904 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 19905 " 19906 ></div> 19907 19908 19909 19910<quick-add-component 19911 class="quick-add color-scheme-1 " 19912 ref="quickAdd" 19913 data-product-title="AeroPress Clear Coffee Maker" 19914 data-quick-add-button="add" 19915 data-product-options-count="1" 19916> 19917 <product-form-component 19918 data-section-id="template--24479419367617__main" 19919 data-product-id="10862156742849" 19920 on:submit="/handleSubmit" 19921 class="quick-add__product-form-component" 19922 > 19923 <div 19924 class="visually-hidden" 19925 aria-live="assertive" 19926 role="status" 19927 aria-atomic="true" 19928 ref="liveRegion" 19929 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156742849-AbnhndkZhbW0yK2Rld__card-gallery-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 19930 type="hidden" 19931 name="id" 19932 ref="variantId" 19933 value="49814135570625" 19934 19935 > 19936 <input 19937 type="hidden" 19938 name="quantity" 19939 value="1" 19940 > 19941 19942 <add-to-cart-component 19943 ref="addToCartButtonContainer" 19944 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=100" 19945 data-add-to-cart-animation="true" 19946> 19947 <button 19948 19949 type="submit" 19950 name="add" 19951 ref="addToCartButton" 19952 on:click="/handleClick" 19953 class="button button quick-add__button quick-add__button--add add-to-cart-button" 19954 19955 19956 > 19957 <span 19958 class="add-to-cart-text" 19959 > 19960 19961 <span 19962 aria-hidden="true" 19963 class="svg-wrapper add-to-cart-icon" 19964 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 19965</span> 19966 19967 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 19968 <span> 19969 <span>Add</span> 19970 </span> 19971 </span> 19972 </span> 19973 19974 <span class="add-to-cart__added"> 19975 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 19976 <g class="check"> 19977 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 19978 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 19979 </g> 19980 <g class="burst"> 19981 <g style="--index: 0;"> 19982 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19983 </g> 19984 <g style="--index: 1;"> 19985 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19986 </g> 19987 <g style="--index: 2;"> 19988 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19989 </g> 19990 <g style="--index: 3;"> 19991 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19992 </g> 19993 <g style="--index: 4;"> 19994 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19995 </g> 19996 <g style="--index: 5;"> 19997 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 19998 </g> 19999 <g style="--index: 6;"> 20000 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20001 </g> 20002 <g style="--index: 7;"> 20003 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20004 </g> 20005 </g> 20006</svg> 20007</span> 20008 </span> 20009 </button> 20010</add-to-cart-component> 20011 20012 20013 <button 20014 class="button quick-add__button quick-add__button--choose add-to-cart-button" 20015 20016 type="button" 20017 name="add" 20018 on:click="quick-add-component/handleClick" 20019 >
20020 <span 20021 class="add-to-cart-text" 20022 > 20023 20024 <span 20025 aria-hidden="true" 20026 class="svg-wrapper add-to-cart-icon" 20027 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 20028</span> 20029 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 20030 <span> 20031 20032 <span> 20033 Choose 20034 </span> 20035 </span> 20036 </span> 20037 </span> 20038 </button><input type="hidden" name="product-id" value="10862156742849" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 20039</quick-add-component> 20040 20041 20042 20043 20044 20045 20046</div> 20047 20048 20049 20050 20051 20052<div class="product-grid-view-zoom-out--details"> 20053 20054 <h3 class="h4">AeroPress Clear Coffee Maker</h3> 20055 20056</div> 20057 20058 20059 20060 20061 20062 20063 20064 20065<div 20066 class=" 20067 group-block 20068 group-block--height-fit 20069 group-block--width-fill 20070 border-style 20071 spacing-style 20072 size-style 20073 20074 20075 " 20076 style=" 20077 --border-width: 1px; --border-style: none; --border-color: 20078rgb(var(--color-border-rgb) / 1.0); --border-radius: 200790px; 20080 20081 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20082 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 20083 20084 " 20085 20086 data-testid="group-block" 20087><div class="group-block__media-wrapper"> 20088 20089 20090 20091 20092 20093 </div> 20094 20095 <div 20096 class=" 20097 group-block-content 20098 20099 layout-panel-flex 20100 layout-panel-flex--column 20101 mobile-column 20102 " 20103 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 20104 20105--gap: 4px; 20106 20107--horizontal-alignment: center; --vertical-alignment: center; 20108--vertical-alignment-mobile: center; 20109" 20110 > 20111 20112 20113 20114 20115 <a 20116 class="contents user-select-text" 20117 ref="productTitleLink" 20118 href="/products/aeropress-clear-coffee-maker?variant=49814135570625" 20119 > 20120 20121 20122 20123 20124 20125 20126 20127 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-2 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 20128 <p>AeroPress Clear Coffee Maker</p> 20129 </div> 20130 20131 20132 20133 20134 </a> 20135 20136 20137 20138 20139 20140 20141<product-price 20142 class="text-block text-block--align-center rte text-center paragraph spacing-style" 20143 data-block-id="AaTU4QWlBSTJKVFFpe__price-2" 20144 data-product-id="10862156742849" 20145 style=" 20146 20147--color: var(--color-foreground); 20148 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20149 --width: 100%; 20150 " 20151 20152> 20153 <div ref="priceContainer"> 20154 20155 20156 20157 20158 20159 <span class="price">$49.95</span> 20160 20161 20162 20163 20164</div> 20165 20166 20167</product-price> 20168 20169 20170 20171 20172 20173 20174 20175</div> 20176</div> 20177 20178 20179 20180 20181 20182 20183 20184 </div> 20185</product-card></product-card-link> 20186 20187 20188 20189 20190 </li> 20191 20192 <li 20193 id="template--24479419367617__main-10862156644545" 20194 class="product-grid__item product-grid__item--3" 20195 data-page="1" 20196 data-product-id="10862156644545" 20197 ref="cards[]" 20198 > 20199 20200 20201 20202 20203 20204 20205<style data-shopify> 20206 20207</style> 20208 20209 20210<product-card-link 20211 data-product-id="10862156644545" 20212 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=500" 20213 data-product-transition="true" 20214 20215 ><product-card 20216 class="product-card" 20217 data-product-id="10862156644545" 20218 id="product-card-ARFVUbHVMLy90TE1EM__product-card-3" 20219 data-product-transition="true" 20220 20221 20222> 20223 <a 20224 id="7ca28ec8ae65fca9a0f3ad13309bb7fc" 20225 20226 href="/products/aeropress-clear-coffee-maker-black?variant=49814135537857" 20227 20228 class="product-card__link" 20229 ref="productCardLink" 20230 > 20231 <span class="visually-hidden">
20232 AeroPress Clear Coffee Maker - Black 20233 </span> 20234 </a> 20235 <div 20236 class=" 20237 product-card__content 20238 layout-panel-flex 20239 layout-panel-flex--column 20240 product-grid__card 20241 spacing-style 20242 border-style 20243 gap-style 20244 20245 " 20246 style=" 20247 --border-width: 1px; --border-style: none; --border-color: 20248rgb(var(--color-border-rgb) / 1.0); --border-radius: 202490px; 20250 20251 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 20252 20253 20254 20255--horizontal-alignment: ; --vertical-alignment: ; 20256--vertical-alignment-mobile: ; 20257 20258 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20259 --product-card-gap: 8px; 20260 --quick-add-display: flex; 20261 --quick-add-mobile-display: none; 20262 --quick-add-mobile-opacity: 0; 20263 20264 20265 20266 20267 " 20268 > 20269 20270 20271 20272 20273 20274 20275 20276 20277 20278<div 20279 ref="cardGallery" 20280 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-3 spacing-style border-style" 20281 style=" 20282 --border-width: 1px; --border-style: none; --border-color: 20283rgb(var(--color-border-rgb) / 1.0); --border-radius: 202840px; 20285 20286 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20287 --gallery-aspect-ratio: 4 / 5; 20288 " 20289 data-product-id="10862156644545" 20290 20291 on:pointerenter="/previewImage" 20292 on:pointerleave="/resetImage" 20293 20294 20295 data-view-transition-to-main-product 20296 20297 data-image-ratio="portrait" 20298 20299> 20300 <a 20301 class="contents" 20302 ref="cardGalleryLink" 20303 href="/products/aeropress-clear-coffee-maker-black?variant=49814135537857" 20304 aria-label="AeroPress Clear Coffee Maker - Black" 20305 > 20306 <slideshow-component 20307 20308 ref="slideshow" 20309 20310 20311 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;" 20312 20313 initial-slide="0" 20314 20315 20316 infinite 20317 20318 20319 data-generic-media-size="12" 20320> 20321 20322 <slideshow-container ref="slideshowContainer"> 20323 20324 <slideshow-arrows 20325 position="center" 20326 20327><button 20328 class=" 20329 slideshow-control slideshow-control--previous 20330 20331 20332 slideshow-control--style-arrow 20333 button button-unstyled button-unstyled--transparent 20334 flip-x 20335 " 20336 20337 aria-label="Previous slide" 20338 20339 on:click="/previous" 20340 ref="previous" 20341> 20342 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 20343</span> 20344</button> 20345<button 20346 class=" 20347 slideshow-control slideshow-control--next 20348 20349 20350 slideshow-control--style-arrow 20351 button button-unstyled button-unstyled--transparent 20352 20353 " 20354 20355 aria-label="Next slide" 20356 20357 on:click="/next" 20358 ref="next" 20359> 20360 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 20361</span> 20362</button> 20363</slideshow-arrows> 20364 20365 20366 20367 <slideshow-slides 20368 tabindex="-1" 20369 ref="scroller" 20370 20371 > 20372 <slideshow-slide 20373 ref="slides[]" 20374 aria-hidden="false" 20375 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 20376 20377 class="product-media-container media-fit product-media-container--image" 20378 20379 20380 20381 20382 slide-id="40373120794817" 20383 20384 20385 20386 20387> 20388 20389 20390<div 20391 class="product-media" 20392 style="--ratio: 1.0" 20393 data-media-id="40373120794817" 20394> 20395 20396 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=3840" alt="AeroPress Clear Coffee Maker - Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 20397 20398 20399</div> 20400 20401 20402 20403</slideshow-slide> 20404<slideshow-slide 20405 ref="slides[]" 20406 aria-hidden="true" 20407 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 20408 20409 class="product-media-container media-fit product-media-container--image" 20410 20411 20412 20413 20414 slide-id="40373120827585" 20415 20416 20417 20418 20419> 20420 20421 20422<div 20423 class="product-media" 20424 style="--ratio: 1.0" 20425 data-media-id="40373120827585" 20426> 20427 20428 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&
20428width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 20429 20430 20431</div> 20432 20433 20434 20435</slideshow-slide> 20436<slideshow-slide 20437 ref="slides[]" 20438 aria-hidden="true" 20439 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 20440 20441 class="product-media-container media-fit product-media-container--image" 20442 20443 20444 20445 20446 slide-id="40373120860353" 20447 20448 20449 20450 20451> 20452 20453 20454<div 20455 class="product-media" 20456 style="--ratio: 1.0" 20457 data-media-id="40373120860353" 20458> 20459 20460 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 20461 20462 20463</div> 20464 20465 20466 20467</slideshow-slide> 20468<slideshow-slide 20469 ref="slides[]" 20470 aria-hidden="true" 20471 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 20472 20473 class="product-media-container media-fit product-media-container--image" 20474 20475 20476 20477 20478 slide-id="40373120893121" 20479 20480 20481 20482 20483> 20484 20485 20486<div 20487 class="product-media" 20488 style="--ratio: 1.0" 20489 data-media-id="40373120893121" 20490> 20491 20492 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 20493 20494 20495</div> 20496 20497 20498 20499</slideshow-slide> 20500<slideshow-slide 20501 ref="slides[]" 20502 aria-hidden="true" 20503 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 20504 20505 class="product-media-container media-fit product-media-container--image" 20506 20507 20508 20509 20510 slide-id="40373120925889" 20511 20512 20513 20514 20515> 20516 20517 20518<div 20519 class="product-media" 20520 style="--ratio: 1.0" 20521 data-media-id="40373120925889" 20522> 20523 20524 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&
20524width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 20525 20526 20527</div> 20528 20529 20530 20531</slideshow-slide> 20532 20533 </slideshow-slides> 20534 </slideshow-container> 20535 20536</slideshow-component> 20537 20538 20539 20540 </a> 20541 20542 20543 <div 20544 class="product-badges product-badges--top-right" 20545 style=" 20546 --badge-border-radius: 2px; 20547 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 20548 " 20549 ></div> 20550 20551 20552 20553<quick-add-component 20554 class="quick-add color-scheme-1 " 20555 ref="quickAdd" 20556 data-product-title="AeroPress Clear Coffee Maker - Black" 20557 data-quick-add-button="add" 20558 data-product-options-count="1" 20559> 20560 <product-form-component 20561 data-section-id="template--24479419367617__main" 20562 data-product-id="10862156644545" 20563 on:submit="/handleSubmit" 20564 class="quick-add__product-form-component" 20565 > 20566 <div 20567 class="visually-hidden" 20568 aria-live="assertive" 20569 role="status" 20570 aria-atomic="true" 20571 ref="liveRegion" 20572 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156644545-AbnhndkZhbW0yK2Rld__card-gallery-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 20573 type="hidden" 20574 name="id" 20575 ref="variantId" 20576 value="49814135537857" 20577 20578 > 20579 <input 20580 type="hidden" 20581 name="quantity" 20582 value="1" 20583 > 20584 20585 <add-to-cart-component 20586 ref="addToCartButtonContainer" 20587 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=100" 20588 data-add-to-cart-animation="true" 20589> 20590 <button 20591 20592 type="submit" 20593 name="add" 20594 ref="addToCartButton" 20595 on:click="/handleClick" 20596 class="button button quick-add__button quick-add__button--add add-to-cart-button" 20597 20598 20599 > 20600 <span 20601 class="add-to-cart-text" 20602 > 20603 20604 <span 20605 aria-hidden="true" 20606 class="svg-wrapper add-to-cart-icon" 20607 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 20608</span> 20609
20610 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 20611 <span> 20612 <span>Add</span> 20613 </span> 20614 </span> 20615 </span> 20616 20617 <span class="add-to-cart__added"> 20618 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 20619 <g class="check"> 20620 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 20621 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 20622 </g> 20623 <g class="burst"> 20624 <g style="--index: 0;"> 20625 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20626 </g> 20627 <g style="--index: 1;"> 20628 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20629 </g> 20630 <g style="--index: 2;"> 20631 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20632 </g> 20633 <g style="--index: 3;"> 20634 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20635 </g> 20636 <g style="--index: 4;"> 20637 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20638 </g> 20639 <g style="--index: 5;"> 20640 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20641 </g> 20642 <g style="--index: 6;"> 20643 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20644 </g> 20645 <g style="--index: 7;"> 20646 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 20647 </g> 20648 </g> 20649</svg> 20650</span> 20651 </span> 20652 </button> 20653</add-to-cart-component> 20654 20655 20656 <button 20657 class="button quick-add__button quick-add__button--choose add-to-cart-button" 20658 20659 type="button" 20660 name="add" 20661 on:click="quick-add-component/handleClick" 20662 > 20663 <span 20664 class="add-to-cart-text" 20665 > 20666 20667 <span 20668 aria-hidden="true" 20669 class="svg-wrapper add-to-cart-icon" 20670 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 20671</span> 20672 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 20673 <span> 20674 20675 <span> 20676 Choose 20677 </span> 20678 </span> 20679 </span> 20680 </span> 20681 </button><input type="hidden" name="product-id" value="10862156644545" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 20682</quick-add-component> 20683 20684 20685 20686 20687 20688 20689</div> 20690 20691 20692 20693 20694 20695<div class="product-grid-view-zoom-out--details"> 20696 20697 <h3 class="h4">AeroPress Clear Coffee Maker - Black</h3> 20698 20699</div> 20700 20701 20702 20703 20704 20705 20706 20707 20708<div 20709 class=" 20710 group-block 20711 group-block--height-fit 20712 group-block--width-fill 20713 border-style 20714 spacing-style 20715 size-style 20716 20717 20718 " 20719 style=" 20720 --border-width: 1px; --border-style: none; --border-color: 20721rgb(var(--color-border-rgb) / 1.0); --border-radius: 207220px; 20723 20724 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20725 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 20726 20727 " 20728 20729 data-testid="group-block" 20730><div class="group-block__media-wrapper"> 20731 20732 20733 20734 20735 20736 </div> 20737 20738 <div 20739 class=" 20740 group-block-content 20741 20742 layout-panel-flex 20743 layout-panel-flex--column 20744 mobile-column 20745 " 20746 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 20747 20748--gap: 4px; 20749 20750--horizontal-alignment: center; --vertical-alignment: center; 20751--vertical-alignment-mobile: center; 20752" 20753 > 20754 20755 20756 20757 20758 <a 20759 class="contents user-select-text" 20760 ref="productTitleLink" 20761 href="/products/aeropress-clear-coffee-maker-black?variant=49814135537857" 20762 > 20763 20764 20765 20766 20767 20768 20769 20770 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-3 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 20771 <p>
20771AeroPress Clear Coffee Maker - Black</p> 20772 </div> 20773 20774 20775 20776 20777 </a> 20778 20779 20780 20781 20782 20783 20784<product-price 20785 class="text-block text-block--align-center rte text-center paragraph spacing-style" 20786 data-block-id="AaTU4QWlBSTJKVFFpe__price-3" 20787 data-product-id="10862156644545" 20788 style=" 20789 20790--color: var(--color-foreground); 20791 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20792 --width: 100%; 20793 " 20794 20795> 20796 <div ref="priceContainer"> 20797 20798 20799 20800 20801 20802 <span class="price">$49.95</span> 20803 20804 20805 20806 20807</div> 20808 20809 20810</product-price> 20811 20812 20813 20814 20815 20816 20817 20818</div> 20819</div> 20820 20821 20822 20823 20824 20825 20826 20827 </div> 20828</product-card></product-card-link> 20829 20830 20831 20832 20833 </li> 20834 20835 <li 20836 id="template--24479419367617__main-10862156972225" 20837 class="product-grid__item product-grid__item--4" 20838 data-page="1" 20839 data-product-id="10862156972225" 20840 ref="cards[]" 20841 > 20842 20843 20844 20845 20846 20847 20848<style data-shopify> 20849 20850</style> 20851 20852 20853<product-card-link 20854 data-product-id="10862156972225" 20855 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=500" 20856 data-product-transition="true" 20857 20858 ><product-card 20859 class="product-card" 20860 data-product-id="10862156972225" 20861 id="product-card-ARFVUbHVMLy90TE1EM__product-card-4" 20862 data-product-transition="true" 20863 20864 20865> 20866 <a 20867 id="afcf327c1c4673970cec91f33849daa4" 20868 20869 href="/products/aeropress-clear-coffee-maker-blue?variant=49814135832769" 20870 20871 class="product-card__link" 20872 ref="productCardLink" 20873 > 20874 <span class="visually-hidden"> 20875 AeroPress Clear Coffee Maker - Blue 20876 </span> 20877 </a> 20878 <div 20879 class=" 20880 product-card__content 20881 layout-panel-flex 20882 layout-panel-flex--column 20883 product-grid__card 20884 spacing-style 20885 border-style 20886 gap-style 20887 20888 " 20889 style=" 20890 --border-width: 1px; --border-style: none; --border-color: 20891rgb(var(--color-border-rgb) / 1.0); --border-radius: 208920px; 20893 20894 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 20895 20896 20897 20898--horizontal-alignment: ; --vertical-alignment: ; 20899--vertical-alignment-mobile: ; 20900 20901 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20902 --product-card-gap: 8px; 20903 --quick-add-display: flex; 20904 --quick-add-mobile-display: none; 20905 --quick-add-mobile-opacity: 0; 20906 20907 20908 20909 20910 " 20911 > 20912 20913 20914 20915 20916 20917 20918 20919 20920 20921<div 20922 ref="cardGallery" 20923 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-4 spacing-style border-style" 20924 style=" 20925 --border-width: 1px; --border-style: none; --border-color: 20926rgb(var(--color-border-rgb) / 1.0); --border-radius: 209270px; 20928 20929 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 20930 --gallery-aspect-ratio: 4 / 5; 20931 " 20932 data-product-id="10862156972225" 20933 20934 on:pointerenter="/previewImage" 20935 on:pointerleave="/resetImage" 20936 20937 20938 data-view-transition-to-main-product 20939 20940 data-image-ratio="portrait" 20941 20942> 20943 <a 20944 class="contents" 20945 ref="cardGalleryLink" 20946 href="/products/aeropress-clear-coffee-maker-blue?variant=49814135832769" 20947 aria-label="AeroPress Clear Coffee Maker - Blue" 20948 > 20949 <slideshow-component 20950 20951 ref="slideshow" 20952 20953 20954 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;" 20955 20956 initial-slide="0" 20957 20958 20959 infinite 20960 20961 20962 data-generic-media-size="11" 20963> 20964 20965 <slideshow-container ref="slideshowContainer"> 20966 20967 <slideshow-arrows 20968 position="center" 20969 20970><button 20971 class=" 20972 slideshow-control slideshow-control--previous 20973 20974 20975 slideshow-control--style-arrow 20976 button button-unstyled button-unstyled--transparent 20977 flip-x 20978 " 20979 20980 aria-label="Previous slide" 20981 20982 on:click="/previous" 20983 ref="previous" 20984> 20985 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 20986</span> 20987</button> 20988<button 20989 class=" 20990 slideshow-control slideshow-control--next 20991 20992 20993 slideshow-control--style-arrow 20994 button button-unstyled button-unstyled--transparent 20995 20996 " 20997 20998 aria-label="Next slide" 20999
21000 on:click="/next" 21001 ref="next" 21002> 21003 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 21004</span> 21005</button> 21006</slideshow-arrows> 21007 21008 21009 21010 <slideshow-slides 21011 tabindex="-1" 21012 ref="scroller" 21013 21014 > 21015 <slideshow-slide 21016 ref="slides[]" 21017 aria-hidden="false" 21018 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21019 21020 class="product-media-container media-fit product-media-container--image" 21021 21022 21023 21024 21025 slide-id="40373123875009" 21026 21027 21028 21029 21030> 21031 21032 21033<div 21034 class="product-media" 21035 style="--ratio: 1.0" 21036 data-media-id="40373123875009" 21037> 21038 21039 <img src="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Blue coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21040 21041 21042</div> 21043 21044 21045 21046</slideshow-slide> 21047<slideshow-slide 21048 ref="slides[]" 21049 aria-hidden="true" 21050 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21051 21052 class="product-media-container media-fit product-media-container--image" 21053 21054 21055 21056 21057 slide-id="40373123907777" 21058 21059 21060 21061 21062> 21063 21064 21065<div 21066 class="product-media" 21067 style="--ratio: 1.0" 21068 data-media-id="40373123907777" 21069> 21070 21071 <img src="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21072 21073 21074</div> 21075 21076 21077 21078</slideshow-slide> 21079<slideshow-slide 21080 ref="slides[]" 21081 aria-hidden="true" 21082 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21083 21084 class="product-media-container media-fit product-media-container--image" 21085 21086 21087 21088 21089 slide-id="40373123940545" 21090 21091 21092 21093 21094> 21095 21096 21097<div 21098 class="product-media" 21099 style="--ratio: 1.0" 21100 data-media-id="40373123940545" 21101> 21102 21103 <img src="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.
21103jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21104 21105 21106</div> 21107 21108 21109 21110</slideshow-slide> 21111<slideshow-slide 21112 ref="slides[]" 21113 aria-hidden="true" 21114 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21115 21116 class="product-media-container media-fit product-media-container--image" 21117 21118 21119 21120 21121 slide-id="40373123973313" 21122 21123 21124 21125 21126> 21127 21128 21129<div 21130 class="product-media" 21131 style="--ratio: 1.0" 21132 data-media-id="40373123973313" 21133> 21134 21135 <img src="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21136 21137 21138</div> 21139 21140 21141 21142</slideshow-slide> 21143<slideshow-slide 21144 ref="slides[]" 21145 aria-hidden="true" 21146 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21147 21148 class="product-media-container media-fit product-media-container--image" 21149 21150 21151 21152 21153 slide-id="40373124006081" 21154 21155 21156 21157 21158> 21159 21160 21161<div 21162 class="product-media" 21163 style="--ratio: 1.0" 21164 data-media-id="40373124006081" 21165> 21166 21167 <img src="//humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21168 21169 21170</div> 21171 21172 21173 21174</slideshow-slide> 21175 21176 </slideshow-slides> 21177 </slideshow-container> 21178 21179</slideshow-component> 21180 21181 21182 21183 </a> 21184 21185 21186 <div 21187 class="product-badges product-badges--top-right" 21188 style=" 21189 --badge-border-radius: 2px; 21190 --badge-font-family: var(--font-body--family);
21190 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 21191 " 21192 ></div> 21193 21194 21195 21196<quick-add-component 21197 class="quick-add color-scheme-1 " 21198 ref="quickAdd" 21199 data-product-title="AeroPress Clear Coffee Maker - Blue" 21200 data-quick-add-button="add" 21201 data-product-options-count="1" 21202> 21203 <product-form-component 21204 data-section-id="template--24479419367617__main" 21205 data-product-id="10862156972225" 21206 on:submit="/handleSubmit" 21207 class="quick-add__product-form-component" 21208 > 21209 <div 21210 class="visually-hidden" 21211 aria-live="assertive" 21212 role="status" 21213 aria-atomic="true" 21214 ref="liveRegion" 21215 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156972225-AbnhndkZhbW0yK2Rld__card-gallery-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 21216 type="hidden" 21217 name="id" 21218 ref="variantId" 21219 value="49814135832769" 21220 21221 > 21222 <input 21223 type="hidden" 21224 name="quantity" 21225 value="1" 21226 > 21227 21228 <add-to-cart-component 21229 ref="addToCartButtonContainer" 21230 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&width=100" 21231 data-add-to-cart-animation="true" 21232> 21233 <button 21234 21235 type="submit" 21236 name="add" 21237 ref="addToCartButton" 21238 on:click="/handleClick" 21239 class="button button quick-add__button quick-add__button--add add-to-cart-button" 21240 21241 21242 > 21243 <span 21244 class="add-to-cart-text" 21245 > 21246 21247 <span 21248 aria-hidden="true" 21249 class="svg-wrapper add-to-cart-icon" 21250 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 21251</span> 21252 21253 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 21254 <span> 21255 <span>Add</span> 21256 </span> 21257 </span> 21258 </span> 21259 21260 <span class="add-to-cart__added"> 21261 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 21262 <g class="check"> 21263 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 21264 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 21265 </g> 21266 <g class="burst"> 21267 <g style="--index: 0;"> 21268 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21269 </g> 21270 <g style="--index: 1;"> 21271 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21272 </g> 21273 <g style="--index: 2;"> 21274 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21275 </g> 21276 <g style="--index: 3;"> 21277 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21278 </g> 21279 <g style="--index: 4;"> 21280 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21281 </g> 21282 <g style="--index: 5;"> 21283 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21284 </g> 21285 <g style="--index: 6;"> 21286 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21287 </g> 21288 <g style="--index: 7;"> 21289 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21290 </g> 21291 </g> 21292</svg> 21293</span> 21294 </span> 21295 </button> 21296</add-to-cart-component> 21297 21298 21299 <button 21300 class="button quick-add__button quick-add__button--choose add-to-cart-button" 21301 21302 type="button" 21303 name="add" 21304 on:click="quick-add-component/handleClick" 21305 >
21306 <span 21307 class="add-to-cart-text" 21308 > 21309 21310 <span 21311 aria-hidden="true" 21312 class="svg-wrapper add-to-cart-icon" 21313 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 21314</span> 21315 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 21316 <span> 21317 21318 <span> 21319 Choose 21320 </span> 21321 </span> 21322 </span> 21323 </span> 21324 </button><input type="hidden" name="product-id" value="10862156972225" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 21325</quick-add-component> 21326 21327 21328 21329 21330 21331 21332</div> 21333 21334 21335 21336 21337 21338<div class="product-grid-view-zoom-out--details"> 21339 21340 <h3 class="h4">AeroPress Clear Coffee Maker - Blue</h3> 21341 21342</div> 21343 21344 21345 21346 21347 21348 21349 21350 21351<div 21352 class=" 21353 group-block 21354 group-block--height-fit 21355 group-block--width-fill 21356 border-style 21357 spacing-style 21358 size-style 21359 21360 21361 " 21362 style=" 21363 --border-width: 1px; --border-style: none; --border-color: 21364rgb(var(--color-border-rgb) / 1.0); --border-radius: 213650px; 21366 21367 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 21368 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 21369 21370 " 21371 21372 data-testid="group-block" 21373><div class="group-block__media-wrapper"> 21374 21375 21376 21377 21378 21379 </div> 21380 21381 <div 21382 class=" 21383 group-block-content 21384 21385 layout-panel-flex 21386 layout-panel-flex--column 21387 mobile-column 21388 " 21389 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 21390 21391--gap: 4px; 21392 21393--horizontal-alignment: center; --vertical-alignment: center; 21394--vertical-alignment-mobile: center; 21395" 21396 > 21397 21398 21399 21400 21401 <a 21402 class="contents user-select-text" 21403 ref="productTitleLink" 21404 href="/products/aeropress-clear-coffee-maker-blue?variant=49814135832769" 21405 > 21406 21407 21408 21409 21410 21411 21412 21413 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-4 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 21414 <p>AeroPress Clear Coffee Maker - Blue</p> 21415 </div> 21416 21417 21418 21419 21420 </a> 21421 21422 21423 21424 21425 21426 21427<product-price 21428 class="text-block text-block--align-center rte text-center paragraph spacing-style" 21429 data-block-id="AaTU4QWlBSTJKVFFpe__price-4" 21430 data-product-id="10862156972225" 21431 style=" 21432 21433--color: var(--color-foreground); 21434 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 21435 --width: 100%; 21436 " 21437 21438> 21439 <div ref="priceContainer"> 21440 21441 21442 21443 21444 21445 <span class="price">$49.95</span> 21446 21447 21448 21449 21450</div> 21451 21452 21453</product-price> 21454 21455 21456 21457 21458 21459 21460 21461</div> 21462</div> 21463 21464 21465 21466 21467 21468 21469 21470 </div> 21471</product-card></product-card-link> 21472 21473 21474 21475 21476 </li> 21477 21478 <li 21479 id="template--24479419367617__main-10862156710081" 21480 class="product-grid__item product-grid__item--5" 21481 data-page="1" 21482 data-product-id="10862156710081" 21483 ref="cards[]" 21484 > 21485 21486 21487 21488 21489 21490 21491<style data-shopify> 21492 21493</style> 21494 21495 21496<product-card-link 21497 data-product-id="10862156710081" 21498 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=500" 21499 data-product-transition="true" 21500 21501 ><product-card 21502 class="product-card" 21503 data-product-id="10862156710081" 21504 id="product-card-ARFVUbHVMLy90TE1EM__product-card-5" 21505 data-product-transition="true" 21506 21507 21508> 21509 <a 21510 id="c1b6e11fdc3b337be9bdff6e9d216c8d" 21511 21512 href="/products/aeropress-clear-coffee-maker-green?variant=49814135767233" 21513 21514 class="product-card__link" 21515 ref="productCardLink" 21516 > 21517 <span class="visually-hidden">
21518 AeroPress Clear Coffee Maker - Green 21519 </span> 21520 </a> 21521 <div 21522 class=" 21523 product-card__content 21524 layout-panel-flex 21525 layout-panel-flex--column 21526 product-grid__card 21527 spacing-style 21528 border-style 21529 gap-style 21530 21531 " 21532 style=" 21533 --border-width: 1px; --border-style: none; --border-color: 21534rgb(var(--color-border-rgb) / 1.0); --border-radius: 215350px; 21536 21537 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 21538 21539 21540 21541--horizontal-alignment: ; --vertical-alignment: ; 21542--vertical-alignment-mobile: ; 21543 21544 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 21545 --product-card-gap: 8px; 21546 --quick-add-display: flex; 21547 --quick-add-mobile-display: none; 21548 --quick-add-mobile-opacity: 0; 21549 21550 21551 21552 21553 " 21554 > 21555 21556 21557 21558 21559 21560 21561 21562 21563 21564<div 21565 ref="cardGallery" 21566 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-5 spacing-style border-style" 21567 style=" 21568 --border-width: 1px; --border-style: none; --border-color: 21569rgb(var(--color-border-rgb) / 1.0); --border-radius: 215700px; 21571 21572 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 21573 --gallery-aspect-ratio: 4 / 5; 21574 " 21575 data-product-id="10862156710081" 21576 21577 on:pointerenter="/previewImage" 21578 on:pointerleave="/resetImage" 21579 21580 21581 data-view-transition-to-main-product 21582 21583 data-image-ratio="portrait" 21584 21585> 21586 <a 21587 class="contents" 21588 ref="cardGalleryLink" 21589 href="/products/aeropress-clear-coffee-maker-green?variant=49814135767233" 21590 aria-label="AeroPress Clear Coffee Maker - Green" 21591 > 21592 <slideshow-component 21593 21594 ref="slideshow" 21595 21596 21597 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;" 21598 21599 initial-slide="0" 21600 21601 21602 infinite 21603 21604 21605 data-generic-media-size="12" 21606> 21607 21608 <slideshow-container ref="slideshowContainer"> 21609 21610 <slideshow-arrows 21611 position="center" 21612 21613><button 21614 class=" 21615 slideshow-control slideshow-control--previous 21616 21617 21618 slideshow-control--style-arrow 21619 button button-unstyled button-unstyled--transparent 21620 flip-x 21621 " 21622 21623 aria-label="Previous slide" 21624 21625 on:click="/previous" 21626 ref="previous" 21627> 21628 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 21629</span> 21630</button> 21631<button 21632 class=" 21633 slideshow-control slideshow-control--next 21634 21635 21636 slideshow-control--style-arrow 21637 button button-unstyled button-unstyled--transparent 21638 21639 " 21640 21641 aria-label="Next slide" 21642 21643 on:click="/next" 21644 ref="next" 21645> 21646 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 21647</span> 21648</button> 21649</slideshow-arrows> 21650 21651 21652 21653 <slideshow-slides 21654 tabindex="-1" 21655 ref="scroller" 21656 21657 > 21658 <slideshow-slide 21659 ref="slides[]" 21660 aria-hidden="false" 21661 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21662 21663 class="product-media-container media-fit product-media-container--image" 21664 21665 21666 21667 21668 slide-id="40373122269377" 21669 21670 21671 21672 21673> 21674 21675 21676<div 21677 class="product-media" 21678 style="--ratio: 1.0" 21679 data-media-id="40373122269377" 21680> 21681 21682 <img src="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Green coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21683 21684 21685</div> 21686 21687 21688 21689</slideshow-slide> 21690<slideshow-slide 21691 ref="slides[]" 21692 aria-hidden="true" 21693 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21694 21695 class="product-media-container media-fit product-media-container--image" 21696 21697 21698 21699 21700 slide-id="40373122302145" 21701 21702 21703 21704 21705> 21706 21707 21708<div 21709 class="product-media" 21710 style="--ratio: 1.0" 21711 data-media-id="40373122302145" 21712> 21713 21714 <img src="//humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&
21714width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21715 21716 21717</div> 21718 21719 21720 21721</slideshow-slide> 21722<slideshow-slide 21723 ref="slides[]" 21724 aria-hidden="true" 21725 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21726 21727 class="product-media-container media-fit product-media-container--image" 21728 21729 21730 21731 21732 slide-id="40373122334913" 21733 21734 21735 21736 21737> 21738 21739 21740<div 21741 class="product-media" 21742 style="--ratio: 1.0" 21743 data-media-id="40373122334913" 21744> 21745 21746 <img src="//humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21747 21748 21749</div> 21750 21751 21752 21753</slideshow-slide> 21754<slideshow-slide 21755 ref="slides[]" 21756 aria-hidden="true" 21757 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21758 21759 class="product-media-container media-fit product-media-container--image" 21760 21761 21762 21763 21764 slide-id="40373122367681" 21765 21766 21767 21768 21769> 21770 21771 21772<div 21773 class="product-media" 21774 style="--ratio: 1.0" 21775 data-media-id="40373122367681" 21776> 21777 21778 <img src="//humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21779 21780 21781</div> 21782 21783 21784 21785</slideshow-slide> 21786<slideshow-slide 21787 ref="slides[]" 21788 aria-hidden="true" 21789 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 21790 21791 class="product-media-container media-fit product-media-container--image" 21792 21793 21794 21795 21796 slide-id="40373122400449" 21797 21798 21799 21800 21801> 21802 21803 21804<div 21805 class="product-media" 21806 style="--ratio: 1.0" 21807 data-media-id="40373122400449" 21808> 21809 21810 <img src="//humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&
21810width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 21811 21812 21813</div> 21814 21815 21816 21817</slideshow-slide> 21818 21819 </slideshow-slides> 21820 </slideshow-container> 21821 21822</slideshow-component> 21823 21824 21825 21826 </a> 21827 21828 21829 <div 21830 class="product-badges product-badges--top-right" 21831 style=" 21832 --badge-border-radius: 2px; 21833 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 21834 " 21835 ></div> 21836 21837 21838 21839<quick-add-component 21840 class="quick-add color-scheme-1 " 21841 ref="quickAdd" 21842 data-product-title="AeroPress Clear Coffee Maker - Green" 21843 data-quick-add-button="add" 21844 data-product-options-count="1" 21845> 21846 <product-form-component 21847 data-section-id="template--24479419367617__main" 21848 data-product-id="10862156710081" 21849 on:submit="/handleSubmit" 21850 class="quick-add__product-form-component" 21851 > 21852 <div 21853 class="visually-hidden" 21854 aria-live="assertive" 21855 role="status" 21856 aria-atomic="true" 21857 ref="liveRegion" 21858 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156710081-AbnhndkZhbW0yK2Rld__card-gallery-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 21859 type="hidden" 21860 name="id" 21861 ref="variantId" 21862 value="49814135767233" 21863 21864 > 21865 <input 21866 type="hidden" 21867 name="quantity" 21868 value="1" 21869 > 21870 21871 <add-to-cart-component 21872 ref="addToCartButtonContainer" 21873 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&width=100" 21874 data-add-to-cart-animation="true" 21875> 21876 <button 21877 21878 type="submit" 21879 name="add" 21880 ref="addToCartButton" 21881 on:click="/handleClick" 21882 class="button button quick-add__button quick-add__button--add add-to-cart-button" 21883 21884 21885 > 21886 <span 21887 class="add-to-cart-text" 21888 > 21889 21890 <span 21891 aria-hidden="true" 21892 class="svg-wrapper add-to-cart-icon" 21893 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 21894</span> 21895 21896 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 21897 <span> 21898 <span>Add</span> 21899 </span> 21900 </span> 21901 </span> 21902 21903 <span class="add-to-cart__added">
21904 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 21905 <g class="check"> 21906 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 21907 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 21908 </g> 21909 <g class="burst"> 21910 <g style="--index: 0;"> 21911 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21912 </g> 21913 <g style="--index: 1;"> 21914 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21915 </g> 21916 <g style="--index: 2;"> 21917 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21918 </g> 21919 <g style="--index: 3;"> 21920 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21921 </g> 21922 <g style="--index: 4;"> 21923 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21924 </g> 21925 <g style="--index: 5;"> 21926 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21927 </g> 21928 <g style="--index: 6;"> 21929 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21930 </g> 21931 <g style="--index: 7;"> 21932 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 21933 </g> 21934 </g> 21935</svg> 21936</span> 21937 </span> 21938 </button> 21939</add-to-cart-component> 21940 21941 21942 <button 21943 class="button quick-add__button quick-add__button--choose add-to-cart-button" 21944 21945 type="button" 21946 name="add" 21947 on:click="quick-add-component/handleClick" 21948 > 21949 <span 21950 class="add-to-cart-text" 21951 > 21952 21953 <span 21954 aria-hidden="true" 21955 class="svg-wrapper add-to-cart-icon" 21956 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 21957</span> 21958 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 21959 <span> 21960 21961 <span> 21962 Choose 21963 </span> 21964 </span> 21965 </span> 21966 </span> 21967 </button><input type="hidden" name="product-id" value="10862156710081" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 21968</quick-add-component> 21969 21970 21971 21972 21973 21974 21975</div> 21976 21977 21978 21979 21980 21981<div class="product-grid-view-zoom-out--details"> 21982 21983 <h3 class="h4">AeroPress Clear Coffee Maker - Green</h3> 21984 21985</div> 21986 21987 21988 21989 21990 21991 21992 21993 21994<div 21995 class=" 21996 group-block 21997 group-block--height-fit 21998 group-block--width-fill 21999 border-style 22000 spacing-style 22001 size-style 22002 22003 22004 " 22005 style=" 22006 --border-width: 1px; --border-style: none; --border-color: 22007rgb(var(--color-border-rgb) / 1.0); --border-radius: 220080px; 22009 22010 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22011 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 22012 22013 " 22014 22015 data-testid="group-block" 22016><div class="group-block__media-wrapper"> 22017 22018 22019 22020 22021 22022 </div> 22023 22024 <div 22025 class=" 22026 group-block-content 22027 22028 layout-panel-flex 22029 layout-panel-flex--column 22030 mobile-column 22031 " 22032 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 22033 22034--gap: 4px; 22035 22036--horizontal-alignment: center; --vertical-alignment: center; 22037--vertical-alignment-mobile: center; 22038" 22039 > 22040 22041 22042 22043 22044 <a 22045 class="contents user-select-text" 22046 ref="productTitleLink" 22047 href="/products/aeropress-clear-coffee-maker-green?variant=49814135767233" 22048 > 22049 22050 22051 22052 22053 22054 22055 22056 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-5 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 22057 <p>
22057AeroPress Clear Coffee Maker - Green</p> 22058 </div> 22059 22060 22061 22062 22063 </a> 22064 22065 22066 22067 22068 22069 22070<product-price 22071 class="text-block text-block--align-center rte text-center paragraph spacing-style" 22072 data-block-id="AaTU4QWlBSTJKVFFpe__price-5" 22073 data-product-id="10862156710081" 22074 style=" 22075 22076--color: var(--color-foreground); 22077 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22078 --width: 100%; 22079 " 22080 22081> 22082 <div ref="priceContainer"> 22083 22084 22085 22086 22087 22088 <span class="price">$49.95</span> 22089 22090 22091 22092 22093</div> 22094 22095 22096</product-price> 22097 22098 22099 22100 22101 22102 22103 22104</div> 22105</div> 22106 22107 22108 22109 22110 22111 22112 22113 </div> 22114</product-card></product-card-link> 22115 22116 22117 22118 22119 </li> 22120 22121 <li 22122 id="template--24479419367617__main-10862157168833" 22123 class="product-grid__item product-grid__item--6" 22124 data-page="1" 22125 data-product-id="10862157168833" 22126 ref="cards[]" 22127 > 22128 22129 22130 22131 22132 22133 22134<style data-shopify> 22135 22136</style> 22137 22138 22139<product-card-link 22140 data-product-id="10862157168833" 22141 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=500" 22142 data-product-transition="true" 22143 22144 ><product-card 22145 class="product-card" 22146 data-product-id="10862157168833" 22147 id="product-card-ARFVUbHVMLy90TE1EM__product-card-6" 22148 data-product-transition="true" 22149 22150 22151> 22152 <a 22153 id="874126ea9a94d4bfbc298004052a399e" 22154 22155 href="/products/aeropress-clear-coffee-maker-pink?variant=49814136127681" 22156 22157 class="product-card__link" 22158 ref="productCardLink" 22159 > 22160 <span class="visually-hidden"> 22161 AeroPress Clear Coffee Maker - Pink 22162 </span> 22163 </a> 22164 <div 22165 class=" 22166 product-card__content 22167 layout-panel-flex 22168 layout-panel-flex--column 22169 product-grid__card 22170 spacing-style 22171 border-style 22172 gap-style 22173 22174 " 22175 style=" 22176 --border-width: 1px; --border-style: none; --border-color: 22177rgb(var(--color-border-rgb) / 1.0); --border-radius: 221780px; 22179 22180 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 22181 22182 22183 22184--horizontal-alignment: ; --vertical-alignment: ; 22185--vertical-alignment-mobile: ; 22186 22187 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22188 --product-card-gap: 8px; 22189 --quick-add-display: flex; 22190 --quick-add-mobile-display: none; 22191 --quick-add-mobile-opacity: 0; 22192 22193 22194 22195 22196 " 22197 > 22198 22199 22200 22201 22202 22203 22204 22205 22206 22207<div 22208 ref="cardGallery" 22209 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-6 spacing-style border-style" 22210 style=" 22211 --border-width: 1px; --border-style: none; --border-color: 22212rgb(var(--color-border-rgb) / 1.0); --border-radius: 222130px; 22214 22215 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22216 --gallery-aspect-ratio: 4 / 5; 22217 " 22218 data-product-id="10862157168833" 22219 22220 on:pointerenter="/previewImage" 22221 on:pointerleave="/resetImage" 22222 22223 22224 data-view-transition-to-main-product 22225 22226 data-image-ratio="portrait" 22227 22228> 22229 <a 22230 class="contents" 22231 ref="cardGalleryLink" 22232 href="/products/aeropress-clear-coffee-maker-pink?variant=49814136127681" 22233 aria-label="AeroPress Clear Coffee Maker - Pink" 22234 > 22235 <slideshow-component 22236 22237 ref="slideshow" 22238 22239 22240 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;" 22241 22242 initial-slide="0" 22243 22244 22245 infinite 22246 22247 22248 data-generic-media-size="13" 22249> 22250 22251 <slideshow-container ref="slideshowContainer"> 22252 22253 <slideshow-arrows 22254 position="center" 22255 22256><button 22257 class=" 22258 slideshow-control slideshow-control--previous 22259 22260 22261 slideshow-control--style-arrow 22262 button button-unstyled button-unstyled--transparent 22263 flip-x 22264 " 22265 22266 aria-label="Previous slide" 22267 22268 on:click="/previous" 22269 ref="previous" 22270> 22271 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 22272</span> 22273</button> 22274<button 22275 class=" 22276 slideshow-control slideshow-control--next 22277 22278 22279 slideshow-control--style-arrow 22280 button button-unstyled button-unstyled--transparent 22281 22282 " 22283 22284 aria-label="Next slide" 22285
22286 on:click="/next" 22287 ref="next" 22288> 22289 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 22290</span> 22291</button> 22292</slideshow-arrows> 22293 22294 22295 22296 <slideshow-slides 22297 tabindex="-1" 22298 ref="scroller" 22299 22300 > 22301 <slideshow-slide 22302 ref="slides[]" 22303 aria-hidden="false" 22304 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22305 22306 class="product-media-container media-fit product-media-container--image" 22307 22308 22309 22310 22311 slide-id="40373125578945" 22312 22313 22314 22315 22316> 22317 22318 22319<div 22320 class="product-media" 22321 style="--ratio: 1.0" 22322 data-media-id="40373125578945" 22323> 22324 22325 <img src="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Pink coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22326 22327 22328</div> 22329 22330 22331 22332</slideshow-slide> 22333<slideshow-slide 22334 ref="slides[]" 22335 aria-hidden="true" 22336 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22337 22338 class="product-media-container media-fit product-media-container--image" 22339 22340 22341 22342 22343 slide-id="40373125611713" 22344 22345 22346 22347 22348> 22349 22350 22351<div 22352 class="product-media" 22353 style="--ratio: 1.0" 22354 data-media-id="40373125611713" 22355> 22356 22357 <img src="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22358 22359 22360</div> 22361 22362 22363 22364</slideshow-slide> 22365<slideshow-slide 22366 ref="slides[]" 22367 aria-hidden="true" 22368 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22369 22370 class="product-media-container media-fit product-media-container--image" 22371 22372 22373 22374 22375 slide-id="40373125644481" 22376 22377 22378 22379 22380> 22381 22382 22383<div 22384 class="product-media" 22385 style="--ratio: 1.0" 22386 data-media-id="40373125644481" 22387> 22388 22389 <img src="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&
22389width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22390 22391 22392</div> 22393 22394 22395 22396</slideshow-slide> 22397<slideshow-slide 22398 ref="slides[]" 22399 aria-hidden="true" 22400 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22401 22402 class="product-media-container media-fit product-media-container--image" 22403 22404 22405 22406 22407 slide-id="40373125677249" 22408 22409 22410 22411 22412> 22413 22414 22415<div 22416 class="product-media" 22417 style="--ratio: 1.0" 22418 data-media-id="40373125677249" 22419> 22420 22421 <img src="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22422 22423 22424</div> 22425 22426 22427 22428</slideshow-slide> 22429<slideshow-slide 22430 ref="slides[]" 22431 aria-hidden="true" 22432 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22433 22434 class="product-media-container media-fit product-media-container--image" 22435 22436 22437 22438 22439 slide-id="40373125710017" 22440 22441 22442 22443 22444> 22445 22446 22447<div 22448 class="product-media" 22449 style="--ratio: 1.0" 22450 data-media-id="40373125710017" 22451> 22452 22453 <img src="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22454 22455 22456</div> 22457 22458 22459 22460</slideshow-slide> 22461 22462 </slideshow-slides> 22463 </slideshow-container> 22464 22465</slideshow-component> 22466 22467 22468 22469 </a> 22470 22471 22472 <div 22473 class="product-badges product-badges--top-right" 22474 style=" 22475 --badge-border-radius: 2px; 22476 --badge-font-family: var(--font-body--family);
22476 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 22477 " 22478 ></div> 22479 22480 22481 22482<quick-add-component 22483 class="quick-add color-scheme-1 " 22484 ref="quickAdd" 22485 data-product-title="AeroPress Clear Coffee Maker - Pink" 22486 data-quick-add-button="add" 22487 data-product-options-count="1" 22488> 22489 <product-form-component 22490 data-section-id="template--24479419367617__main" 22491 data-product-id="10862157168833" 22492 on:submit="/handleSubmit" 22493 class="quick-add__product-form-component" 22494 > 22495 <div 22496 class="visually-hidden" 22497 aria-live="assertive" 22498 role="status" 22499 aria-atomic="true" 22500 ref="liveRegion" 22501 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157168833-AbnhndkZhbW0yK2Rld__card-gallery-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 22502 type="hidden" 22503 name="id" 22504 ref="variantId" 22505 value="49814136127681" 22506 22507 > 22508 <input 22509 type="hidden" 22510 name="quantity" 22511 value="1" 22512 > 22513 22514 <add-to-cart-component 22515 ref="addToCartButtonContainer" 22516 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&width=100" 22517 data-add-to-cart-animation="true" 22518> 22519 <button 22520 22521 type="submit" 22522 name="add" 22523 ref="addToCartButton" 22524 on:click="/handleClick" 22525 class="button button quick-add__button quick-add__button--add add-to-cart-button" 22526 22527 22528 > 22529 <span 22530 class="add-to-cart-text" 22531 > 22532 22533 <span 22534 aria-hidden="true" 22535 class="svg-wrapper add-to-cart-icon" 22536 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 22537</span> 22538 22539 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 22540 <span> 22541 <span>Add</span> 22542 </span> 22543 </span> 22544 </span> 22545 22546 <span class="add-to-cart__added"> 22547 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 22548 <g class="check"> 22549 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 22550 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 22551 </g> 22552 <g class="burst"> 22553 <g style="--index: 0;"> 22554 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22555 </g> 22556 <g style="--index: 1;"> 22557 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22558 </g> 22559 <g style="--index: 2;"> 22560 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22561 </g> 22562 <g style="--index: 3;"> 22563 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22564 </g> 22565 <g style="--index: 4;"> 22566 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22567 </g> 22568 <g style="--index: 5;"> 22569 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22570 </g> 22571 <g style="--index: 6;"> 22572 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22573 </g> 22574 <g style="--index: 7;"> 22575 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 22576 </g> 22577 </g> 22578</svg> 22579</span> 22580 </span> 22581 </button> 22582</add-to-cart-component> 22583 22584 22585 <button 22586 class="button quick-add__button quick-add__button--choose add-to-cart-button" 22587 22588 type="button" 22589 name="add" 22590 on:click="quick-add-component/handleClick" 22591 >
22592 <span 22593 class="add-to-cart-text" 22594 > 22595 22596 <span 22597 aria-hidden="true" 22598 class="svg-wrapper add-to-cart-icon" 22599 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 22600</span> 22601 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 22602 <span> 22603 22604 <span> 22605 Choose 22606 </span> 22607 </span> 22608 </span> 22609 </span> 22610 </button><input type="hidden" name="product-id" value="10862157168833" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 22611</quick-add-component> 22612 22613 22614 22615 22616 22617 22618</div> 22619 22620 22621 22622 22623 22624<div class="product-grid-view-zoom-out--details"> 22625 22626 <h3 class="h4">AeroPress Clear Coffee Maker - Pink</h3> 22627 22628</div> 22629 22630 22631 22632 22633 22634 22635 22636 22637<div 22638 class=" 22639 group-block 22640 group-block--height-fit 22641 group-block--width-fill 22642 border-style 22643 spacing-style 22644 size-style 22645 22646 22647 " 22648 style=" 22649 --border-width: 1px; --border-style: none; --border-color: 22650rgb(var(--color-border-rgb) / 1.0); --border-radius: 226510px; 22652 22653 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22654 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 22655 22656 " 22657 22658 data-testid="group-block" 22659><div class="group-block__media-wrapper"> 22660 22661 22662 22663 22664 22665 </div> 22666 22667 <div 22668 class=" 22669 group-block-content 22670 22671 layout-panel-flex 22672 layout-panel-flex--column 22673 mobile-column 22674 " 22675 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 22676 22677--gap: 4px; 22678 22679--horizontal-alignment: center; --vertical-alignment: center; 22680--vertical-alignment-mobile: center; 22681" 22682 > 22683 22684 22685 22686 22687 <a 22688 class="contents user-select-text" 22689 ref="productTitleLink" 22690 href="/products/aeropress-clear-coffee-maker-pink?variant=49814136127681" 22691 > 22692 22693 22694 22695 22696 22697 22698 22699 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-6 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 22700 <p>AeroPress Clear Coffee Maker - Pink</p> 22701 </div> 22702 22703 22704 22705 22706 </a> 22707 22708 22709 22710 22711 22712 22713<product-price 22714 class="text-block text-block--align-center rte text-center paragraph spacing-style" 22715 data-block-id="AaTU4QWlBSTJKVFFpe__price-6" 22716 data-product-id="10862157168833" 22717 style=" 22718 22719--color: var(--color-foreground); 22720 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22721 --width: 100%; 22722 " 22723 22724> 22725 <div ref="priceContainer"> 22726 22727 22728 22729 22730 22731 <span class="price">$49.95</span> 22732 22733 22734 22735 22736</div> 22737 22738 22739</product-price> 22740 22741 22742 22743 22744 22745 22746 22747</div> 22748</div> 22749 22750 22751 22752 22753 22754 22755 22756 </div> 22757</product-card></product-card-link> 22758 22759 22760 22761 22762 </li> 22763 22764 <li 22765 id="template--24479419367617__main-10862157234369" 22766 class="product-grid__item product-grid__item--7" 22767 data-page="1" 22768 data-product-id="10862157234369" 22769 ref="cards[]" 22770 > 22771 22772 22773 22774 22775 22776 22777<style data-shopify> 22778 22779</style> 22780 22781 22782<product-card-link 22783 data-product-id="10862157234369" 22784 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=500" 22785 data-product-transition="true" 22786 22787 ><product-card 22788 class="product-card" 22789 data-product-id="10862157234369" 22790 id="product-card-ARFVUbHVMLy90TE1EM__product-card-7" 22791 data-product-transition="true" 22792 22793 22794> 22795 <a 22796 id="9a575841703bcbd19e8100529c009841" 22797 22798 href="/products/aeropress-clear-coffee-maker-purple?variant=49814136193217" 22799 22800 class="product-card__link" 22801 ref="productCardLink" 22802 > 22803 <span class="visually-hidden">
22804 AeroPress Clear Coffee Maker - Purple 22805 </span> 22806 </a> 22807 <div 22808 class=" 22809 product-card__content 22810 layout-panel-flex 22811 layout-panel-flex--column 22812 product-grid__card 22813 spacing-style 22814 border-style 22815 gap-style 22816 22817 " 22818 style=" 22819 --border-width: 1px; --border-style: none; --border-color: 22820rgb(var(--color-border-rgb) / 1.0); --border-radius: 228210px; 22822 22823 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 22824 22825 22826 22827--horizontal-alignment: ; --vertical-alignment: ; 22828--vertical-alignment-mobile: ; 22829 22830 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22831 --product-card-gap: 8px; 22832 --quick-add-display: flex; 22833 --quick-add-mobile-display: none; 22834 --quick-add-mobile-opacity: 0; 22835 22836 22837 22838 22839 " 22840 > 22841 22842 22843 22844 22845 22846 22847 22848 22849 22850<div 22851 ref="cardGallery" 22852 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-7 spacing-style border-style" 22853 style=" 22854 --border-width: 1px; --border-style: none; --border-color: 22855rgb(var(--color-border-rgb) / 1.0); --border-radius: 228560px; 22857 22858 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 22859 --gallery-aspect-ratio: 4 / 5; 22860 " 22861 data-product-id="10862157234369" 22862 22863 on:pointerenter="/previewImage" 22864 on:pointerleave="/resetImage" 22865 22866 22867 data-view-transition-to-main-product 22868 22869 data-image-ratio="portrait" 22870 22871> 22872 <a 22873 class="contents" 22874 ref="cardGalleryLink" 22875 href="/products/aeropress-clear-coffee-maker-purple?variant=49814136193217" 22876 aria-label="AeroPress Clear Coffee Maker - Purple" 22877 > 22878 <slideshow-component 22879 22880 ref="slideshow" 22881 22882 22883 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13;--slide-min-height: auto;--slide-min-height-desktop: auto;" 22884 22885 initial-slide="0" 22886 22887 22888 infinite 22889 22890 22891 data-generic-media-size="14" 22892> 22893 22894 <slideshow-container ref="slideshowContainer"> 22895 22896 <slideshow-arrows 22897 position="center" 22898 22899><button 22900 class=" 22901 slideshow-control slideshow-control--previous 22902 22903 22904 slideshow-control--style-arrow 22905 button button-unstyled button-unstyled--transparent 22906 flip-x 22907 " 22908 22909 aria-label="Previous slide" 22910 22911 on:click="/previous" 22912 ref="previous" 22913> 22914 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 22915</span> 22916</button> 22917<button 22918 class=" 22919 slideshow-control slideshow-control--next 22920 22921 22922 slideshow-control--style-arrow 22923 button button-unstyled button-unstyled--transparent 22924 22925 " 22926 22927 aria-label="Next slide" 22928 22929 on:click="/next" 22930 ref="next" 22931> 22932 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 22933</span> 22934</button> 22935</slideshow-arrows> 22936 22937 22938 22939 <slideshow-slides 22940 tabindex="-1" 22941 ref="scroller" 22942 22943 > 22944 <slideshow-slide 22945 ref="slides[]" 22946 aria-hidden="false" 22947 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22948 22949 class="product-media-container media-fit product-media-container--image" 22950 22951 22952 22953 22954 slide-id="40373126201537" 22955 22956 22957 22958 22959> 22960 22961 22962<div 22963 class="product-media" 22964 style="--ratio: 1.0" 22965 data-media-id="40373126201537" 22966> 22967 22968 <img src="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Purple coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 22969 22970 22971</div> 22972 22973 22974 22975</slideshow-slide> 22976<slideshow-slide 22977 ref="slides[]" 22978 aria-hidden="true" 22979 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 22980 22981 class="product-media-container media-fit product-media-container--image" 22982 22983 22984 22985 22986 slide-id="40373126234305" 22987 22988 22989 22990 22991> 22992 22993 22994<div 22995 class="product-media" 22996 style="--ratio: 1.0" 22997 data-media-id="40373126234305" 22998> 22999 23000 <img src="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&
23000width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23001 23002 23003</div> 23004 23005 23006 23007</slideshow-slide> 23008<slideshow-slide 23009 ref="slides[]" 23010 aria-hidden="true" 23011 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23012 23013 class="product-media-container media-fit product-media-container--image" 23014 23015 23016 23017 23018 slide-id="40373126267073" 23019 23020 23021 23022 23023> 23024 23025 23026<div 23027 class="product-media" 23028 style="--ratio: 1.0" 23029 data-media-id="40373126267073" 23030> 23031 23032 <img src="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23033 23034 23035</div> 23036 23037 23038 23039</slideshow-slide> 23040<slideshow-slide 23041 ref="slides[]" 23042 aria-hidden="true" 23043 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23044 23045 class="product-media-container media-fit product-media-container--image" 23046 23047 23048 23049 23050 slide-id="40373126299841" 23051 23052 23053 23054 23055> 23056 23057 23058<div 23059 class="product-media" 23060 style="--ratio: 1.0" 23061 data-media-id="40373126299841" 23062> 23063 23064 <img src="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23065 23066 23067</div> 23068 23069 23070 23071</slideshow-slide> 23072<slideshow-slide 23073 ref="slides[]" 23074 aria-hidden="true" 23075 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23076 23077 class="product-media-container media-fit product-media-container--image" 23078 23079 23080 23081 23082 slide-id="40373126332609" 23083 23084 23085 23086 23087> 23088 23089 23090<div 23091 class="product-media" 23092 style="--ratio: 1.0" 23093 data-media-id="40373126332609" 23094> 23095 23096 <img src="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&
23096width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23097 23098 23099</div> 23100 23101 23102 23103</slideshow-slide> 23104 23105 </slideshow-slides> 23106 </slideshow-container> 23107 23108</slideshow-component> 23109 23110 23111 23112 </a> 23113 23114 23115 <div 23116 class="product-badges product-badges--top-right" 23117 style=" 23118 --badge-border-radius: 2px; 23119 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 23120 " 23121 ></div> 23122 23123 23124 23125<quick-add-component 23126 class="quick-add color-scheme-1 " 23127 ref="quickAdd" 23128 data-product-title="AeroPress Clear Coffee Maker - Purple" 23129 data-quick-add-button="add" 23130 data-product-options-count="1" 23131> 23132 <product-form-component 23133 data-section-id="template--24479419367617__main" 23134 data-product-id="10862157234369" 23135 on:submit="/handleSubmit" 23136 class="quick-add__product-form-component" 23137 > 23138 <div 23139 class="visually-hidden" 23140 aria-live="assertive" 23141 role="status" 23142 aria-atomic="true" 23143 ref="liveRegion" 23144 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157234369-AbnhndkZhbW0yK2Rld__card-gallery-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 23145 type="hidden" 23146 name="id" 23147 ref="variantId" 23148 value="49814136193217" 23149 23150 > 23151 <input 23152 type="hidden" 23153 name="quantity" 23154 value="1" 23155 > 23156 23157 <add-to-cart-component 23158 ref="addToCartButtonContainer" 23159 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&width=100" 23160 data-add-to-cart-animation="true" 23161> 23162 <button 23163 23164 type="submit" 23165 name="add" 23166 ref="addToCartButton" 23167 on:click="/handleClick" 23168 class="button button quick-add__button quick-add__button--add add-to-cart-button" 23169 23170 23171 > 23172 <span 23173 class="add-to-cart-text" 23174 > 23175 23176 <span 23177 aria-hidden="true" 23178 class="svg-wrapper add-to-cart-icon" 23179 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 23180</span> 23181 23182 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 23183 <span> 23184 <span>Add</span> 23185 </span> 23186 </span> 23187 </span> 23188 23189 <span class="add-to-cart__added">
23190 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 23191 <g class="check"> 23192 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 23193 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 23194 </g> 23195 <g class="burst"> 23196 <g style="--index: 0;"> 23197 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23198 </g> 23199 <g style="--index: 1;"> 23200 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23201 </g> 23202 <g style="--index: 2;"> 23203 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23204 </g> 23205 <g style="--index: 3;"> 23206 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23207 </g> 23208 <g style="--index: 4;"> 23209 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23210 </g> 23211 <g style="--index: 5;"> 23212 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23213 </g> 23214 <g style="--index: 6;"> 23215 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23216 </g> 23217 <g style="--index: 7;"> 23218 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23219 </g> 23220 </g> 23221</svg> 23222</span> 23223 </span> 23224 </button> 23225</add-to-cart-component> 23226 23227 23228 <button 23229 class="button quick-add__button quick-add__button--choose add-to-cart-button" 23230 23231 type="button" 23232 name="add" 23233 on:click="quick-add-component/handleClick" 23234 > 23235 <span 23236 class="add-to-cart-text" 23237 > 23238 23239 <span 23240 aria-hidden="true" 23241 class="svg-wrapper add-to-cart-icon" 23242 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 23243</span> 23244 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 23245 <span> 23246 23247 <span> 23248 Choose 23249 </span> 23250 </span> 23251 </span> 23252 </span> 23253 </button><input type="hidden" name="product-id" value="10862157234369" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 23254</quick-add-component> 23255 23256 23257 23258 23259 23260 23261</div> 23262 23263 23264 23265 23266 23267<div class="product-grid-view-zoom-out--details"> 23268 23269 <h3 class="h4">AeroPress Clear Coffee Maker - Purple</h3> 23270 23271</div> 23272 23273 23274 23275 23276 23277 23278 23279 23280<div 23281 class=" 23282 group-block 23283 group-block--height-fit 23284 group-block--width-fill 23285 border-style 23286 spacing-style 23287 size-style 23288 23289 23290 " 23291 style=" 23292 --border-width: 1px; --border-style: none; --border-color: 23293rgb(var(--color-border-rgb) / 1.0); --border-radius: 232940px; 23295 23296 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 23297 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 23298 23299 " 23300 23301 data-testid="group-block" 23302><div class="group-block__media-wrapper"> 23303 23304 23305 23306 23307 23308 </div> 23309 23310 <div 23311 class=" 23312 group-block-content 23313 23314 layout-panel-flex 23315 layout-panel-flex--column 23316 mobile-column 23317 " 23318 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 23319 23320--gap: 4px; 23321 23322--horizontal-alignment: center; --vertical-alignment: center; 23323--vertical-alignment-mobile: center; 23324" 23325 > 23326 23327 23328 23329 23330 <a 23331 class="contents user-select-text" 23332 ref="productTitleLink" 23333 href="/products/aeropress-clear-coffee-maker-purple?variant=49814136193217" 23334 > 23335 23336 23337 23338 23339 23340 23341 23342 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-7 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 23343 <p>
23343AeroPress Clear Coffee Maker - Purple</p> 23344 </div> 23345 23346 23347 23348 23349 </a> 23350 23351 23352 23353 23354 23355 23356<product-price 23357 class="text-block text-block--align-center rte text-center paragraph spacing-style" 23358 data-block-id="AaTU4QWlBSTJKVFFpe__price-7" 23359 data-product-id="10862157234369" 23360 style=" 23361 23362--color: var(--color-foreground); 23363 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 23364 --width: 100%; 23365 " 23366 23367> 23368 <div ref="priceContainer"> 23369 23370 23371 23372 23373 23374 <span class="price">$49.95</span> 23375 23376 23377 23378 23379</div> 23380 23381 23382</product-price> 23383 23384 23385 23386 23387 23388 23389 23390</div> 23391</div> 23392 23393 23394 23395 23396 23397 23398 23399 </div> 23400</product-card></product-card-link> 23401 23402 23403 23404 23405 </li> 23406 23407 <li 23408 id="template--24479419367617__main-10862156906689" 23409 class="product-grid__item product-grid__item--8" 23410 data-page="1" 23411 data-product-id="10862156906689" 23412 ref="cards[]" 23413 > 23414 23415 23416 23417 23418 23419 23420<style data-shopify> 23421 23422</style> 23423 23424 23425<product-card-link 23426 data-product-id="10862156906689" 23427 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=500" 23428 data-product-transition="true" 23429 23430 ><product-card 23431 class="product-card" 23432 data-product-id="10862156906689" 23433 id="product-card-ARFVUbHVMLy90TE1EM__product-card-8" 23434 data-product-transition="true" 23435 23436 23437> 23438 <a 23439 id="77fd420e697725c08edd8800bf89427e" 23440 23441 href="/products/aeropress-clear-coffee-maker-red?variant=49814135800001" 23442 23443 class="product-card__link" 23444 ref="productCardLink" 23445 > 23446 <span class="visually-hidden"> 23447 AeroPress Clear Coffee Maker - Red 23448 </span> 23449 </a> 23450 <div 23451 class=" 23452 product-card__content 23453 layout-panel-flex 23454 layout-panel-flex--column 23455 product-grid__card 23456 spacing-style 23457 border-style 23458 gap-style 23459 23460 " 23461 style=" 23462 --border-width: 1px; --border-style: none; --border-color: 23463rgb(var(--color-border-rgb) / 1.0); --border-radius: 234640px; 23465 23466 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 23467 23468 23469 23470--horizontal-alignment: ; --vertical-alignment: ; 23471--vertical-alignment-mobile: ; 23472 23473 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 23474 --product-card-gap: 8px; 23475 --quick-add-display: flex; 23476 --quick-add-mobile-display: none; 23477 --quick-add-mobile-opacity: 0; 23478 23479 23480 23481 23482 " 23483 > 23484 23485 23486 23487 23488 23489 23490 23491 23492 23493<div 23494 ref="cardGallery" 23495 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-8 spacing-style border-style" 23496 style=" 23497 --border-width: 1px; --border-style: none; --border-color: 23498rgb(var(--color-border-rgb) / 1.0); --border-radius: 234990px; 23500 23501 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 23502 --gallery-aspect-ratio: 4 / 5; 23503 " 23504 data-product-id="10862156906689" 23505 23506 on:pointerenter="/previewImage" 23507 on:pointerleave="/resetImage" 23508 23509 23510 data-view-transition-to-main-product 23511 23512 data-image-ratio="portrait" 23513 23514> 23515 <a 23516 class="contents" 23517 ref="cardGalleryLink" 23518 href="/products/aeropress-clear-coffee-maker-red?variant=49814135800001" 23519 aria-label="AeroPress Clear Coffee Maker - Red" 23520 > 23521 <slideshow-component 23522 23523 ref="slideshow" 23524 23525 23526 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;" 23527 23528 initial-slide="0" 23529 23530 23531 infinite 23532 23533 23534 data-generic-media-size="13" 23535> 23536 23537 <slideshow-container ref="slideshowContainer"> 23538 23539 <slideshow-arrows 23540 position="center" 23541 23542><button 23543 class=" 23544 slideshow-control slideshow-control--previous 23545 23546 23547 slideshow-control--style-arrow 23548 button button-unstyled button-unstyled--transparent 23549 flip-x 23550 " 23551 23552 aria-label="Previous slide" 23553 23554 on:click="/previous" 23555 ref="previous" 23556> 23557 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 23558</span> 23559</button> 23560<button 23561 class=" 23562 slideshow-control slideshow-control--next 23563 23564 23565 slideshow-control--style-arrow 23566 button button-unstyled button-unstyled--transparent 23567 23568 " 23569 23570 aria-label="Next slide" 23571
23572 on:click="/next" 23573 ref="next" 23574> 23575 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 23576</span> 23577</button> 23578</slideshow-arrows> 23579 23580 23581 23582 <slideshow-slides 23583 tabindex="-1" 23584 ref="scroller" 23585 23586 > 23587 <slideshow-slide 23588 ref="slides[]" 23589 aria-hidden="false" 23590 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23591 23592 class="product-media-container media-fit product-media-container--image" 23593 23594 23595 23596 23597 slide-id="40373122957505" 23598 23599 23600 23601 23602> 23603 23604 23605<div 23606 class="product-media" 23607 style="--ratio: 1.0" 23608 data-media-id="40373122957505" 23609> 23610 23611 <img src="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Red coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23612 23613 23614</div> 23615 23616 23617 23618</slideshow-slide> 23619<slideshow-slide 23620 ref="slides[]" 23621 aria-hidden="true" 23622 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23623 23624 class="product-media-container media-fit product-media-container--image" 23625 23626 23627 23628 23629 slide-id="40373122990273" 23630 23631 23632 23633 23634> 23635 23636 23637<div 23638 class="product-media" 23639 style="--ratio: 1.0" 23640 data-media-id="40373122990273" 23641> 23642 23643 <img src="//humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23644 23645 23646</div> 23647 23648 23649 23650</slideshow-slide> 23651<slideshow-slide 23652 ref="slides[]" 23653 aria-hidden="true" 23654 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23655 23656 class="product-media-container media-fit product-media-container--image" 23657 23658 23659 23660 23661 slide-id="40373123023041" 23662
23663 23664 23665 23666> 23667 23668 23669<div 23670 class="product-media" 23671 style="--ratio: 1.0" 23672 data-media-id="40373123023041" 23673> 23674 23675 <img src="//humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23676 23677 23678</div> 23679 23680 23681 23682</slideshow-slide> 23683<slideshow-slide 23684 ref="slides[]" 23685 aria-hidden="true" 23686 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23687 23688 class="product-media-container media-fit product-media-container--image" 23689 23690 23691 23692 23693 slide-id="40373123055809" 23694 23695 23696 23697 23698> 23699 23700 23701<div 23702 class="product-media" 23703 style="--ratio: 1.0" 23704 data-media-id="40373123055809" 23705> 23706 23707 <img src="//humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23708 23709 23710</div> 23711 23712 23713 23714</slideshow-slide> 23715<slideshow-slide 23716 ref="slides[]" 23717 aria-hidden="true" 23718 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 23719 23720 class="product-media-container media-fit product-media-container--image" 23721 23722 23723 23724 23725 slide-id="40373123088577" 23726 23727 23728 23729 23730> 23731 23732 23733<div 23734 class="product-media" 23735 style="--ratio: 1.0" 23736 data-media-id="40373123088577" 23737> 23738 23739 <img src="//humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 23740 23741 23742</div> 23743 23744 23745 23746</slideshow-slide> 23747 23748 </slideshow-slides> 23749 </slideshow-container> 23750 23751</slideshow-component> 23752 23753 23754 23755 </a> 23756 23757 23758 <div 23759 class="product-badges product-badges--top-right" 23760 style=" 23761 --badge-border-radius: 2px; 23762 --badge-font-family: var(--font-body--family);
23762 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 23763 " 23764 ></div> 23765 23766 23767 23768<quick-add-component 23769 class="quick-add color-scheme-1 " 23770 ref="quickAdd" 23771 data-product-title="AeroPress Clear Coffee Maker - Red" 23772 data-quick-add-button="add" 23773 data-product-options-count="1" 23774> 23775 <product-form-component 23776 data-section-id="template--24479419367617__main" 23777 data-product-id="10862156906689" 23778 on:submit="/handleSubmit" 23779 class="quick-add__product-form-component" 23780 > 23781 <div 23782 class="visually-hidden" 23783 aria-live="assertive" 23784 role="status" 23785 aria-atomic="true" 23786 ref="liveRegion" 23787 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156906689-AbnhndkZhbW0yK2Rld__card-gallery-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 23788 type="hidden" 23789 name="id" 23790 ref="variantId" 23791 value="49814135800001" 23792 23793 > 23794 <input 23795 type="hidden" 23796 name="quantity" 23797 value="1" 23798 > 23799 23800 <add-to-cart-component 23801 ref="addToCartButtonContainer" 23802 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&width=100" 23803 data-add-to-cart-animation="true" 23804> 23805 <button 23806 23807 type="submit" 23808 name="add" 23809 ref="addToCartButton" 23810 on:click="/handleClick" 23811 class="button button quick-add__button quick-add__button--add add-to-cart-button" 23812 23813 23814 > 23815 <span 23816 class="add-to-cart-text" 23817 > 23818 23819 <span 23820 aria-hidden="true" 23821 class="svg-wrapper add-to-cart-icon" 23822 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 23823</span> 23824 23825 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 23826 <span> 23827 <span>Add</span> 23828 </span> 23829 </span> 23830 </span> 23831 23832 <span class="add-to-cart__added"> 23833 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 23834 <g class="check"> 23835 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 23836 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 23837 </g> 23838 <g class="burst"> 23839 <g style="--index: 0;"> 23840 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23841 </g> 23842 <g style="--index: 1;"> 23843 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23844 </g> 23845 <g style="--index: 2;"> 23846 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23847 </g> 23848 <g style="--index: 3;"> 23849 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23850 </g> 23851 <g style="--index: 4;"> 23852 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23853 </g> 23854 <g style="--index: 5;"> 23855 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23856 </g> 23857 <g style="--index: 6;"> 23858 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23859 </g> 23860 <g style="--index: 7;"> 23861 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 23862 </g> 23863 </g> 23864</svg> 23865</span> 23866 </span> 23867 </button> 23868</add-to-cart-component> 23869 23870 23871 <button 23872 class="button quick-add__button quick-add__button--choose add-to-cart-button" 23873 23874 type="button" 23875 name="add" 23876 on:click="quick-add-component/handleClick" 23877 >
23878 <span 23879 class="add-to-cart-text" 23880 > 23881 23882 <span 23883 aria-hidden="true" 23884 class="svg-wrapper add-to-cart-icon" 23885 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 23886</span> 23887 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 23888 <span> 23889 23890 <span> 23891 Choose 23892 </span> 23893 </span> 23894 </span> 23895 </span> 23896 </button><input type="hidden" name="product-id" value="10862156906689" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 23897</quick-add-component> 23898 23899 23900 23901 23902 23903 23904</div> 23905 23906 23907 23908 23909 23910<div class="product-grid-view-zoom-out--details"> 23911 23912 <h3 class="h4">AeroPress Clear Coffee Maker - Red</h3> 23913 23914</div> 23915 23916 23917 23918 23919 23920 23921 23922 23923<div 23924 class=" 23925 group-block 23926 group-block--height-fit 23927 group-block--width-fill 23928 border-style 23929 spacing-style 23930 size-style 23931 23932 23933 " 23934 style=" 23935 --border-width: 1px; --border-style: none; --border-color: 23936rgb(var(--color-border-rgb) / 1.0); --border-radius: 239370px; 23938 23939 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 23940 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 23941 23942 " 23943 23944 data-testid="group-block" 23945><div class="group-block__media-wrapper"> 23946 23947 23948 23949 23950 23951 </div> 23952 23953 <div 23954 class=" 23955 group-block-content 23956 23957 layout-panel-flex 23958 layout-panel-flex--column 23959 mobile-column 23960 " 23961 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 23962 23963--gap: 4px; 23964 23965--horizontal-alignment: center; --vertical-alignment: center; 23966--vertical-alignment-mobile: center; 23967" 23968 > 23969 23970 23971 23972 23973 <a 23974 class="contents user-select-text" 23975 ref="productTitleLink" 23976 href="/products/aeropress-clear-coffee-maker-red?variant=49814135800001" 23977 > 23978 23979 23980 23981 23982 23983 23984 23985 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-8 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 23986 <p>AeroPress Clear Coffee Maker - Red</p> 23987 </div> 23988 23989 23990 23991 23992 </a> 23993 23994 23995 23996 23997 23998 23999<product-price 24000 class="text-block text-block--align-center rte text-center paragraph spacing-style" 24001 data-block-id="AaTU4QWlBSTJKVFFpe__price-8" 24002 data-product-id="10862156906689" 24003 style=" 24004 24005--color: var(--color-foreground); 24006 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24007 --width: 100%; 24008 " 24009 24010> 24011 <div ref="priceContainer"> 24012 24013 24014 24015 24016 24017 <span class="price">$49.95</span> 24018 24019 24020 24021 24022</div> 24023 24024 24025</product-price> 24026 24027 24028 24029 24030 24031 24032 24033</div> 24034</div> 24035 24036 24037 24038 24039 24040 24041 24042 </div> 24043</product-card></product-card-link> 24044 24045 24046 24047 24048 </li> 24049 24050 <li 24051 id="template--24479419367617__main-10862156579009" 24052 class="product-grid__item product-grid__item--9" 24053 data-page="1" 24054 data-product-id="10862156579009" 24055 ref="cards[]" 24056 > 24057 24058 24059 24060 24061 24062 24063<style data-shopify> 24064 24065</style> 24066 24067 24068<product-card-link 24069 data-product-id="10862156579009" 24070 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=500" 24071 data-product-transition="true" 24072 24073 ><product-card 24074 class="product-card" 24075 data-product-id="10862156579009" 24076 id="product-card-ARFVUbHVMLy90TE1EM__product-card-9" 24077 data-product-transition="true" 24078 24079 24080> 24081 <a 24082 id="be99af3b880fa0beac17a8aeceeadd49" 24083 24084 href="/products/aeropress-clear-xl-coffee-maker?variant=49814135505089" 24085 24086 class="product-card__link" 24087 ref="productCardLink" 24088 > 24089 <span class="visually-hidden"> 24090 AeroPress Clear XL Coffee Maker 24091 </span> 24092 </a> 24093 <div 24094 class=" 24095 product-card__content 24096 layout-panel-flex 24097 layout-panel-flex--column 24098 product-grid__card 24099 spacing-style 24100 border-style 24101 gap-style 24102 24103 " 24104 style=" 24105 --border-width: 1px; --border-style: none; --border-color: 24106rgb(var(--color-border-rgb) / 1.0); --border-radius: 241070px; 24108 24109 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 24110 24111 24112 24113--horizontal-alignment: ; --vertical-alignment: ; 24114--vertical-alignment-mobile: ; 24115 24116 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24117 --product-card-gap: 8px; 24118 --quick-add-display: flex; 24119 --quick-add-mobile-display: none; 24120 --quick-add-mobile-opacity: 0; 24121 24122 24123 24124 24125 " 24126 > 24127 24128 24129 24130 24131 24132 24133 24134 24135 24136<div 24137 ref="cardGallery" 24138 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-9 spacing-style border-style" 24139 style=" 24140 --border-width: 1px; --border-style: none; --border-color: 24141rgb(var(--color-border-rgb) / 1.0); --border-radius: 241420px; 24143 24144 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24145 --gallery-aspect-ratio: 4 / 5; 24146 " 24147 data-product-id="10862156579009" 24148
24149 on:pointerenter="/previewImage" 24150 on:pointerleave="/resetImage" 24151 24152 24153 data-view-transition-to-main-product 24154 24155 data-image-ratio="portrait" 24156 24157> 24158 <a 24159 class="contents" 24160 ref="cardGalleryLink" 24161 href="/products/aeropress-clear-xl-coffee-maker?variant=49814135505089" 24162 aria-label="AeroPress Clear XL Coffee Maker" 24163 > 24164 <slideshow-component 24165 24166 ref="slideshow" 24167 24168 24169 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;" 24170 24171 initial-slide="0" 24172 24173 24174 infinite 24175 24176 24177 data-generic-media-size="11" 24178> 24179 24180 <slideshow-container ref="slideshowContainer"> 24181 24182 <slideshow-arrows 24183 position="center" 24184 24185><button 24186 class=" 24187 slideshow-control slideshow-control--previous 24188 24189 24190 slideshow-control--style-arrow 24191 button button-unstyled button-unstyled--transparent 24192 flip-x 24193 " 24194 24195 aria-label="Previous slide" 24196 24197 on:click="/previous" 24198 ref="previous" 24199> 24200 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 24201</span> 24202</button> 24203<button 24204 class=" 24205 slideshow-control slideshow-control--next 24206 24207 24208 slideshow-control--style-arrow 24209 button button-unstyled button-unstyled--transparent 24210 24211 " 24212 24213 aria-label="Next slide" 24214 24215 on:click="/next" 24216 ref="next" 24217> 24218 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 24219</span> 24220</button> 24221</slideshow-arrows> 24222 24223 24224 24225 <slideshow-slides 24226 tabindex="-1" 24227 ref="scroller" 24228 24229 > 24230 <slideshow-slide 24231 ref="slides[]" 24232 aria-hidden="false" 24233 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24234 24235 class="product-media-container media-fit product-media-container--image" 24236 24237 24238 24239 24240 slide-id="40373120434369" 24241 24242 24243 24244 24245> 24246 24247 24248<div 24249 class="product-media" 24250 style="--ratio: 1.0" 24251 data-media-id="40373120434369" 24252> 24253 24254 <img src="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=3840" alt="AeroPress Clear XL Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24255 24256 24257</div> 24258 24259 24260 24261</slideshow-slide> 24262<slideshow-slide 24263 ref="slides[]" 24264 aria-hidden="true" 24265 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24266 24267 class="product-media-container media-fit product-media-container--image" 24268 24269 24270 24271 24272 slide-id="40373120467137" 24273 24274 24275 24276 24277> 24278 24279 24280<div 24281 class="product-media" 24282 style="--ratio: 1.0" 24283 data-media-id="40373120467137" 24284> 24285 24286 <img src="//humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24287 24288 24289</div> 24290 24291 24292 24293</slideshow-slide> 24294<slideshow-slide 24295 ref="slides[]" 24296 aria-hidden="true" 24297 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24298 24299 class="product-media-container media-fit product-media-container--image" 24300 24301 24302 24303 24304 slide-id="40373120499905" 24305 24306 24307 24308 24309> 24310 24311 24312<div 24313 class="product-media" 24314 style="--ratio: 1.0" 24315 data-media-id="40373120499905" 24316> 24317 24318 <img src="//humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24319 24320 24321</div> 24322 24323 24324 24325</slideshow-slide> 24326<slideshow-slide 24327 ref="slides[]" 24328 aria-hidden="true" 24329 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24330 24331 class="product-media-container media-fit product-media-container--image" 24332 24333 24334 24335 24336 slide-id="40373120532673" 24337 24338 24339 24340 24341> 24342 24343 24344<div 24345 class="product-media" 24346 style="--ratio: 1.0" 24347 data-media-id="40373120532673" 24348> 24349 24350 <img src="//humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24351 24352 24353</div> 24354 24355 24356 24357</slideshow-slide> 24358<slideshow-slide 24359 ref="slides[]" 24360 aria-hidden="true" 24361 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24362 24363 class="product-media-container media-fit product-media-container--image" 24364 24365 24366 24367 24368 slide-id="40373120565441" 24369 24370 24371 24372 24373> 24374 24375 24376<div 24377 class="product-media" 24378 style="--ratio: 1.0" 24379 data-media-id="40373120565441" 24380> 24381 24382 <img src="//humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24383 24384 24385</div> 24386 24387 24388 24389</slideshow-slide> 24390 24391 </slideshow-slides> 24392 </slideshow-container> 24393 24394</slideshow-component> 24395 24396 24397 24398 </a> 24399 24400 24401 <div 24402 class="product-badges product-badges--top-right" 24403 style=" 24404 --badge-border-radius: 2px; 24405 --badge-font-family: var(--font-body--family);
24405 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 24406 " 24407 ></div> 24408 24409 24410 24411<quick-add-component 24412 class="quick-add color-scheme-1 " 24413 ref="quickAdd" 24414 data-product-title="AeroPress Clear XL Coffee Maker" 24415 data-quick-add-button="add" 24416 data-product-options-count="1" 24417> 24418 <product-form-component 24419 data-section-id="template--24479419367617__main" 24420 data-product-id="10862156579009" 24421 on:submit="/handleSubmit" 24422 class="quick-add__product-form-component" 24423 > 24424 <div 24425 class="visually-hidden" 24426 aria-live="assertive" 24427 role="status" 24428 aria-atomic="true" 24429 ref="liveRegion" 24430 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156579009-AbnhndkZhbW0yK2Rld__card-gallery-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 24431 type="hidden" 24432 name="id" 24433 ref="variantId" 24434 value="49814135505089" 24435 24436 > 24437 <input 24438 type="hidden" 24439 name="quantity" 24440 value="1" 24441 > 24442 24443 <add-to-cart-component 24444 ref="addToCartButtonContainer" 24445 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&width=100" 24446 data-add-to-cart-animation="true" 24447> 24448 <button 24449 24450 type="submit" 24451 name="add" 24452 ref="addToCartButton" 24453 on:click="/handleClick" 24454 class="button button quick-add__button quick-add__button--add add-to-cart-button" 24455 24456 24457 > 24458 <span 24459 class="add-to-cart-text" 24460 > 24461 24462 <span 24463 aria-hidden="true" 24464 class="svg-wrapper add-to-cart-icon" 24465 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 24466</span> 24467 24468 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 24469 <span> 24470 <span>Add</span> 24471 </span> 24472 </span> 24473 </span> 24474 24475 <span class="add-to-cart__added"> 24476 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 24477 <g class="check"> 24478 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 24479 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 24480 </g> 24481 <g class="burst"> 24482 <g style="--index: 0;"> 24483 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24484 </g> 24485 <g style="--index: 1;"> 24486 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24487 </g> 24488 <g style="--index: 2;"> 24489 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24490 </g> 24491 <g style="--index: 3;"> 24492 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24493 </g> 24494 <g style="--index: 4;"> 24495 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24496 </g> 24497 <g style="--index: 5;"> 24498 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24499 </g> 24500 <g style="--index: 6;"> 24501 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24502 </g> 24503 <g style="--index: 7;"> 24504 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 24505 </g> 24506 </g> 24507</svg> 24508</span> 24509 </span> 24510 </button> 24511</add-to-cart-component> 24512 24513 24514 <button 24515 class="button quick-add__button quick-add__button--choose add-to-cart-button" 24516 24517 type="button" 24518 name="add" 24519 on:click="quick-add-component/handleClick" 24520 >
24521 <span 24522 class="add-to-cart-text" 24523 > 24524 24525 <span 24526 aria-hidden="true" 24527 class="svg-wrapper add-to-cart-icon" 24528 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 24529</span> 24530 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 24531 <span> 24532 24533 <span> 24534 Choose 24535 </span> 24536 </span> 24537 </span> 24538 </span> 24539 </button><input type="hidden" name="product-id" value="10862156579009" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 24540</quick-add-component> 24541 24542 24543 24544 24545 24546 24547</div> 24548 24549 24550 24551 24552 24553<div class="product-grid-view-zoom-out--details"> 24554 24555 <h3 class="h4">AeroPress Clear XL Coffee Maker</h3> 24556 24557</div> 24558 24559 24560 24561 24562 24563 24564 24565 24566<div 24567 class=" 24568 group-block 24569 group-block--height-fit 24570 group-block--width-fill 24571 border-style 24572 spacing-style 24573 size-style 24574 24575 24576 " 24577 style=" 24578 --border-width: 1px; --border-style: none; --border-color: 24579rgb(var(--color-border-rgb) / 1.0); --border-radius: 245800px; 24581 24582 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24583 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 24584 24585 " 24586 24587 data-testid="group-block" 24588><div class="group-block__media-wrapper"> 24589 24590 24591 24592 24593 24594 </div> 24595 24596 <div 24597 class=" 24598 group-block-content 24599 24600 layout-panel-flex 24601 layout-panel-flex--column 24602 mobile-column 24603 " 24604 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 24605 24606--gap: 4px; 24607 24608--horizontal-alignment: center; --vertical-alignment: center; 24609--vertical-alignment-mobile: center; 24610" 24611 > 24612 24613 24614 24615 24616 <a 24617 class="contents user-select-text" 24618 ref="productTitleLink" 24619 href="/products/aeropress-clear-xl-coffee-maker?variant=49814135505089" 24620 > 24621 24622 24623 24624 24625 24626 24627 24628 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-9 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 24629 <p>AeroPress Clear XL Coffee Maker</p> 24630 </div> 24631 24632 24633 24634 24635 </a> 24636 24637 24638 24639 24640 24641 24642<product-price 24643 class="text-block text-block--align-center rte text-center paragraph spacing-style" 24644 data-block-id="AaTU4QWlBSTJKVFFpe__price-9" 24645 data-product-id="10862156579009" 24646 style=" 24647 24648--color: var(--color-foreground); 24649 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24650 --width: 100%; 24651 " 24652 24653> 24654 <div ref="priceContainer"> 24655 24656 24657 24658 24659 24660 <span class="price">$89.95</span> 24661 24662 24663 24664 24665</div> 24666 24667 24668</product-price> 24669 24670 24671 24672 24673 24674 24675 24676</div> 24677</div> 24678 24679 24680 24681 24682 24683 24684 24685 </div> 24686</product-card></product-card-link> 24687 24688 24689 24690 24691 </li> 24692 24693 <li 24694 id="template--24479419367617__main-10623613010113" 24695 class="product-grid__item product-grid__item--10" 24696 data-page="1" 24697 data-product-id="10623613010113" 24698 ref="cards[]" 24699 > 24700 24701 24702 24703 24704 24705 24706<style data-shopify> 24707 24708</style> 24709 24710 24711<product-card-link 24712 data-product-id="10623613010113" 24713 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=500" 24714 data-product-transition="true" 24715 24716 ><product-card 24717 class="product-card" 24718 data-product-id="10623613010113" 24719 id="product-card-ARFVUbHVMLy90TE1EM__product-card-10" 24720 data-product-transition="true" 24721 24722 24723> 24724 <a 24725 id="3671663ec1cb83e8e6cdcb3cd5008365" 24726 24727 href="/products/aeropress-coffee-maker?variant=49824949600449" 24728 24729 class="product-card__link" 24730 ref="productCardLink" 24731 > 24732 <span class="visually-hidden"> 24733 Aeropress Coffee Maker 24734 </span> 24735 </a> 24736 <div 24737 class=" 24738 product-card__content 24739 layout-panel-flex 24740 layout-panel-flex--column 24741 product-grid__card 24742 spacing-style 24743 border-style 24744 gap-style 24745 24746 " 24747 style=" 24748 --border-width: 1px; --border-style: none; --border-color: 24749rgb(var(--color-border-rgb) / 1.0); --border-radius: 247500px; 24751 24752 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 24753 24754 24755 24756--horizontal-alignment: ; --vertical-alignment: ; 24757--vertical-alignment-mobile: ; 24758 24759 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24760 --product-card-gap: 8px; 24761 --quick-add-display: flex; 24762 --quick-add-mobile-display: none; 24763 --quick-add-mobile-opacity: 0; 24764 24765 24766 24767 24768 " 24769 > 24770 24771 24772 24773 24774 24775 24776 24777 24778 24779<div 24780 ref="cardGallery" 24781 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-10 spacing-style border-style" 24782 style=" 24783 --border-width: 1px; --border-style: none; --border-color: 24784rgb(var(--color-border-rgb) / 1.0); --border-radius: 247850px; 24786 24787 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 24788 --gallery-aspect-ratio: 4 / 5; 24789 " 24790 data-product-id="10623613010113" 24791
24792 on:pointerenter="/previewImage" 24793 on:pointerleave="/resetImage" 24794 24795 24796 data-view-transition-to-main-product 24797 24798 data-image-ratio="portrait" 24799 24800> 24801 <a 24802 class="contents" 24803 ref="cardGalleryLink" 24804 href="/products/aeropress-coffee-maker?variant=49824949600449" 24805 aria-label="Aeropress Coffee Maker" 24806 > 24807 <slideshow-component 24808 24809 ref="slideshow" 24810 24811 24812 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;" 24813 24814 initial-slide="0" 24815 24816 24817 infinite 24818 24819 24820 data-generic-media-size="10" 24821> 24822 24823 <slideshow-container ref="slideshowContainer"> 24824 24825 <slideshow-arrows 24826 position="center" 24827 24828><button 24829 class=" 24830 slideshow-control slideshow-control--previous 24831 24832 24833 slideshow-control--style-arrow 24834 button button-unstyled button-unstyled--transparent 24835 flip-x 24836 " 24837 24838 aria-label="Previous slide" 24839 24840 on:click="/previous" 24841 ref="previous" 24842> 24843 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 24844</span> 24845</button> 24846<button 24847 class=" 24848 slideshow-control slideshow-control--next 24849 24850 24851 slideshow-control--style-arrow 24852 button button-unstyled button-unstyled--transparent 24853 24854 " 24855 24856 aria-label="Next slide" 24857 24858 on:click="/next" 24859 ref="next" 24860> 24861 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 24862</span> 24863</button> 24864</slideshow-arrows> 24865 24866 24867 24868 <slideshow-slides 24869 tabindex="-1" 24870 ref="scroller" 24871 24872 > 24873 <slideshow-slide 24874 ref="slides[]" 24875 aria-hidden="false" 24876 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24877 24878 class="product-media-container media-fit product-media-container--image" 24879 24880 variant-image 24881 24882 24883 slide-id="40415836307649" 24884 24885 24886 24887 variant-image 24888> 24889 24890 24891<div 24892 class="product-media" 24893 style="--ratio: 1.0" 24894 data-media-id="40415836307649" 24895> 24896 24897 <img src="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=3840" alt="Aeropress Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24898 24899 24900</div> 24901 24902 24903 24904</slideshow-slide> 24905<slideshow-slide 24906 ref="slides[]" 24907 aria-hidden="true" 24908 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24909 24910 class="product-media-container media-fit product-media-container--image" 24911 24912 variant-image 24913 24914 24915 slide-id="40415838732481" 24916 24917 24918 hidden 24919 24920 24921 variant-image 24922> 24923 24924 24925<div 24926 class="product-media" 24927 style="--ratio: 1.0" 24928 data-media-id="40415838732481" 24929> 24930 24931 <img src="//humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24932 24933 24934</div> 24935 24936 24937 24938</slideshow-slide> 24939<slideshow-slide 24940 ref="slides[]" 24941 aria-hidden="true" 24942 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24943 24944 class="product-media-container media-fit product-media-container--image" 24945 24946 24947 24948 24949 slide-id="40415836340417" 24950 24951 24952 24953 24954> 24955 24956 24957<div 24958 class="product-media" 24959 style="--ratio: 1.5" 24960 data-media-id="40415836340417" 24961> 24962 24963 <img src="//humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=240 240w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=352 352w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=832 832w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24964 24965 24966</div> 24967 24968 24969 24970</slideshow-slide> 24971<slideshow-slide 24972 ref="slides[]" 24973 aria-hidden="true" 24974 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 24975 24976 class="product-media-container media-fit product-media-container--image" 24977 24978 24979 24980 24981 slide-id="40415836373185" 24982 24983 24984 24985 24986> 24987 24988 24989<div 24990 class="product-media" 24991 style="--ratio: 1.0" 24992 data-media-id="40415836373185" 24993> 24994 24995 <img src="//humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 24996 24997 24998</div> 24999 25000 25001 25002</slideshow-slide> 25003<slideshow-slide 25004 ref="slides[]" 25005 aria-hidden="true" 25006 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25007 25008 class="product-media-container media-fit product-media-container--image" 25009 25010 25011 25012 25013 slide-id="40415836274881" 25014 25015 25016 25017 25018> 25019 25020 25021<div 25022 class="product-media" 25023 style="--ratio: 1.0" 25024 data-media-id="40415836274881" 25025> 25026 25027 <img src="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25028 25029 25030</div> 25031 25032 25033 25034</slideshow-slide> 25035<slideshow-slide 25036 ref="slides[]" 25037 aria-hidden="true" 25038 style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25039 25040 class="product-media-container media-fit product-media-container--image" 25041 25042 25043 25044 25045 slide-id="40415838798017" 25046 25047 25048 25049 25050> 25051 25052 25053<div 25054 class="product-media" 25055 style="--ratio: 0.6666666666666666" 25056 data-media-id="40415838798017" 25057> 25058 25059 <img src="//humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=240 240w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=352 352w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=832 832w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25060 25061 25062</div> 25063 25064 25065 25066</slideshow-slide> 25067<slideshow-slide 25068 ref="slides[]" 25069 aria-hidden="true" 25070 style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25071 25072 class="product-media-container media-fit product-media-container--image" 25073 25074 variant-image 25075 25076 25077 slide-id="40415853215937" 25078 25079 25080 hidden 25081 25082 25083 variant-image 25084> 25085 25086 25087<div 25088 class="product-media" 25089 style="--ratio: 1.0" 25090 data-media-id="40415853215937" 25091> 25092 25093 <img src="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=176470
250935634&width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25094 25095 25096</div> 25097 25098 25099 25100</slideshow-slide> 25101 25102 </slideshow-slides> 25103 </slideshow-container> 25104 25105</slideshow-component> 25106 25107 25108 25109 </a> 25110 25111 25112 <div 25113 class="product-badges product-badges--top-right" 25114 style=" 25115 --badge-border-radius: 2px; 25116 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 25117 " 25118 ></div> 25119 25120 25121 25122<quick-add-component 25123 class="quick-add color-scheme-1 " 25124 ref="quickAdd" 25125 data-product-title="Aeropress Coffee Maker" 25126 data-quick-add-button="choose" 25127 data-product-options-count="1" 25128> 25129 <product-form-component 25130 data-section-id="template--24479419367617__main" 25131 data-product-id="10623613010113" 25132 on:submit="/handleSubmit" 25133 class="quick-add__product-form-component" 25134 > 25135 <div 25136 class="visually-hidden" 25137 aria-live="assertive" 25138 role="status" 25139 aria-atomic="true" 25140 ref="liveRegion" 25141 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10623613010113-AbnhndkZhbW0yK2Rld__card-gallery-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 25142 type="hidden" 25143 name="id" 25144 ref="variantId" 25145 value="49824949600449" 25146 25147 > 25148 <input 25149 type="hidden" 25150 name="quantity" 25151 value="1" 25152 > 25153 25154 <add-to-cart-component 25155 ref="addToCartButtonContainer" 25156 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&width=100" 25157 data-add-to-cart-animation="true" 25158> 25159 <button 25160 25161 type="submit" 25162 name="add" 25163 ref="addToCartButton" 25164 on:click="/handleClick" 25165 class="button button quick-add__button quick-add__button--add add-to-cart-button" 25166 25167 25168 > 25169 <span 25170 class="add-to-cart-text" 25171 > 25172 25173 <span 25174 aria-hidden="true" 25175 class="svg-wrapper add-to-cart-icon" 25176 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 25177</span> 25178
25179 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 25180 <span> 25181 <span>Add</span> 25182 </span> 25183 </span> 25184 </span> 25185 25186 <span class="add-to-cart__added"> 25187 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 25188 <g class="check"> 25189 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 25190 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 25191 </g> 25192 <g class="burst"> 25193 <g style="--index: 0;"> 25194 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25195 </g> 25196 <g style="--index: 1;"> 25197 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25198 </g> 25199 <g style="--index: 2;"> 25200 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25201 </g> 25202 <g style="--index: 3;"> 25203 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25204 </g> 25205 <g style="--index: 4;"> 25206 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25207 </g> 25208 <g style="--index: 5;"> 25209 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25210 </g> 25211 <g style="--index: 6;"> 25212 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25213 </g> 25214 <g style="--index: 7;"> 25215 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25216 </g> 25217 </g> 25218</svg> 25219</span> 25220 </span> 25221 </button> 25222</add-to-cart-component> 25223 25224 25225 <button 25226 class="button quick-add__button quick-add__button--choose add-to-cart-button" 25227 25228 type="button" 25229 name="add" 25230 on:click="quick-add-component/handleClick" 25231 > 25232 <span 25233 class="add-to-cart-text" 25234 > 25235 25236 <span 25237 aria-hidden="true" 25238 class="svg-wrapper add-to-cart-icon" 25239 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 25240</span> 25241 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 25242 <span> 25243 25244 <span> 25245 Choose 25246 </span> 25247 </span> 25248 </span> 25249 </span> 25250 </button><input type="hidden" name="product-id" value="10623613010113" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 25251</quick-add-component> 25252 25253 25254 25255 25256 25257 25258</div> 25259 25260 25261 25262 25263 25264<div class="product-grid-view-zoom-out--details"> 25265 25266 <h3 class="h4">Aeropress Coffee Maker</h3> 25267 25268</div> 25269 25270 25271 25272 25273 25274 25275 25276 25277<div 25278 class=" 25279 group-block 25280 group-block--height-fit 25281 group-block--width-fill 25282 border-style 25283 spacing-style 25284 size-style 25285 25286 25287 " 25288 style=" 25289 --border-width: 1px; --border-style: none; --border-color: 25290rgb(var(--color-border-rgb) / 1.0); --border-radius: 252910px; 25292 25293 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 25294 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 25295 25296 " 25297 25298 data-testid="group-block" 25299><div class="group-block__media-wrapper"> 25300 25301 25302 25303 25304 25305 </div> 25306 25307 <div 25308 class=" 25309 group-block-content 25310 25311 layout-panel-flex 25312 layout-panel-flex--column 25313 mobile-column 25314 " 25315 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 25316 25317--gap: 4px; 25318 25319--horizontal-alignment: center; --vertical-alignment: center; 25320--vertical-alignment-mobile: center; 25321" 25322 > 25323 25324 25325 25326 25327 <a 25328 class="contents user-select-text" 25329 ref="productTitleLink" 25330 href="/products/aeropress-coffee-maker?variant=49824949600449" 25331 > 25332 25333 25334 25335 25336 25337 25338 25339 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-10 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 25340 <p>Aeropress Coffee Maker</p> 25341 </div> 25342 25343 25344 25345 25346 </a> 25347 25348 25349 25350 25351 25352 25353<product-price 25354 class="text-block text-block--align-center rte text-center paragraph spacing-style" 25355 data-block-id="AaTU4QWlBSTJKVFFpe__price-10" 25356 data-product-id="10623613010113" 25357 style=" 25358 25359--color: var(--color-foreground); 25360 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 25361 --width: 100%; 25362 " 25363 25364> 25365 <div ref="priceContainer"> 25366 25367 25368 25369 25370
25371 <span class="price">$49.95</span> 25372 25373 25374 25375 25376</div> 25377 25378 25379</product-price> 25380 25381 25382 25383 25384 25385 25386 25387</div> 25388</div> 25389 25390 25391 25392 25393 25394 25395 25396 </div> 25397</product-card></product-card-link> 25398 25399 25400 25401 25402 </li> 25403 25404 <li 25405 id="template--24479419367617__main-10864624632001" 25406 class="product-grid__item product-grid__item--11" 25407 data-page="1" 25408 data-product-id="10864624632001" 25409 ref="cards[]" 25410 > 25411 25412 25413 25414 25415 25416 25417<style data-shopify> 25418 25419</style> 25420 25421 25422<product-card-link 25423 data-product-id="10864624632001" 25424 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=500" 25425 data-product-transition="true" 25426 25427 ><product-card 25428 class="product-card" 25429 data-product-id="10864624632001" 25430 id="product-card-ARFVUbHVMLy90TE1EM__product-card-11" 25431 data-product-transition="true" 25432 25433 25434> 25435 <a 25436 id="2448057b4b3389eabcad1a574b95a2d1" 25437 25438 href="/products/aeropress-coffee-maker-copy?variant=49824973521089" 25439 25440 class="product-card__link" 25441 ref="productCardLink" 25442 > 25443 <span class="visually-hidden"> 25444 AeroPress Coffee Maker - Go Plus 25445 </span> 25446 </a> 25447 <div 25448 class=" 25449 product-card__content 25450 layout-panel-flex 25451 layout-panel-flex--column 25452 product-grid__card 25453 spacing-style 25454 border-style 25455 gap-style 25456 25457 " 25458 style=" 25459 --border-width: 1px; --border-style: none; --border-color: 25460rgb(var(--color-border-rgb) / 1.0); --border-radius: 254610px; 25462 25463 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 25464 25465 25466 25467--horizontal-alignment: ; --vertical-alignment: ; 25468--vertical-alignment-mobile: ; 25469 25470 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 25471 --product-card-gap: 8px; 25472 --quick-add-display: flex; 25473 --quick-add-mobile-display: none; 25474 --quick-add-mobile-opacity: 0; 25475 25476 25477 25478 25479 " 25480 > 25481 25482 25483 25484 25485 25486 25487 25488 25489 25490<div 25491 ref="cardGallery" 25492 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-11 spacing-style border-style" 25493 style=" 25494 --border-width: 1px; --border-style: none; --border-color: 25495rgb(var(--color-border-rgb) / 1.0); --border-radius: 254960px; 25497 25498 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 25499 --gallery-aspect-ratio: 4 / 5; 25500 " 25501 data-product-id="10864624632001" 25502 25503 on:pointerenter="/previewImage" 25504 on:pointerleave="/resetImage" 25505 25506 25507 data-view-transition-to-main-product 25508 25509 data-image-ratio="portrait" 25510 25511> 25512 <a 25513 class="contents" 25514 ref="cardGalleryLink" 25515 href="/products/aeropress-coffee-maker-copy?variant=49824973521089" 25516 aria-label="AeroPress Coffee Maker - Go Plus" 25517 > 25518 <slideshow-component 25519 25520 ref="slideshow" 25521 25522 25523 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;" 25524 25525 initial-slide="0" 25526 25527 25528 infinite 25529 25530 25531 data-generic-media-size="14" 25532> 25533 25534 <slideshow-container ref="slideshowContainer"> 25535 25536 <slideshow-arrows 25537 position="center" 25538 25539><button 25540 class=" 25541 slideshow-control slideshow-control--previous 25542 25543 25544 slideshow-control--style-arrow 25545 button button-unstyled button-unstyled--transparent 25546 flip-x 25547 " 25548 25549 aria-label="Previous slide" 25550 25551 on:click="/previous" 25552 ref="previous" 25553> 25554 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 25555</span> 25556</button> 25557<button 25558 class=" 25559 slideshow-control slideshow-control--next 25560 25561 25562 slideshow-control--style-arrow 25563 button button-unstyled button-unstyled--transparent 25564 25565 " 25566 25567 aria-label="Next slide" 25568 25569 on:click="/next" 25570 ref="next" 25571> 25572 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 25573</span> 25574</button> 25575</slideshow-arrows> 25576 25577 25578 25579 <slideshow-slides 25580 tabindex="-1" 25581 ref="scroller" 25582 25583 > 25584 <slideshow-slide 25585 ref="slides[]" 25586 aria-hidden="false" 25587 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25588 25589 class="product-media-container media-fit product-media-container--image" 25590 25591 25592 25593 25594 slide-id="40415843713217" 25595 25596 25597 25598 25599> 25600 25601 25602<div 25603 class="product-media" 25604 style="--ratio: 1.0" 25605 data-media-id="40415843713217" 25606> 25607 25608 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=3840" alt="AeroPress Coffee Maker - Go Plus coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25609 25610 25611</div> 25612 25613 25614 25615</slideshow-slide> 25616<slideshow-slide 25617 ref="slides[]" 25618 aria-hidden="true" 25619 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25620 25621 class="product-media-container media-fit product-media-container--image" 25622 25623 25624 25625 25626 slide-id="40415843582145" 25627 25628 25629 25630 25631> 25632 25633 25634<div 25635 class="product-media" 25636 style="--ratio: 1.0" 25637 data-media-id="40415843582145" 25638> 25639 25640 <img src="//humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25641 25642 25643</div> 25644 25645 25646 25647</slideshow-slide> 25648<slideshow-slide 25649 ref="slides[]" 25650 aria-hidden="true" 25651 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25652 25653 class="product-media-container media-fit product-media-container--image" 25654 25655 25656 25657 25658 slide-id="40415843680449" 25659 25660 25661 25662 25663> 25664 25665 25666<div 25667 class="product-media" 25668 style="--ratio: 1.0" 25669 data-media-id="40415843680449" 25670> 25671 25672 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25673 25674 25675</div> 25676 25677 25678 25679</slideshow-slide> 25680<slideshow-slide 25681 ref="slides[]" 25682 aria-hidden="true" 25683 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25684 25685 class="product-media-container media-fit product-media-container--image" 25686 25687 25688 25689 25690 slide-id="40415843745985" 25691 25692 25693 25694 25695> 25696 25697 25698<div 25699 class="product-media" 25700 style="--ratio: 1.0" 25701 data-media-id="40415843745985" 25702> 25703 25704 <img src="//humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25705 25706 25707</div> 25708 25709 25710 25711</slideshow-slide> 25712<slideshow-slide 25713 ref="slides[]" 25714 aria-hidden="true" 25715 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25716 25717 class="product-media-container media-fit product-media-container--image" 25718 25719 variant-image 25720 25721 25722 slide-id="40415843778753" 25723 25724 25725 hidden 25726 25727 25728 variant-image 25729> 25730 25731 25732<div 25733 class="product-media" 25734 style="--ratio: 1.0" 25735 data-media-id="40415843778753" 25736> 25737 25738 <img src="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25739 25740 25741</div> 25742 25743 25744 25745</slideshow-slide> 25746<slideshow-slide 25747 ref="slides[]" 25748 aria-hidden="true" 25749 style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25750 25751 class="product-media-container media-fit product-media-container--image" 25752 25753 25754 25755 25756 slide-id="40415843811521" 25757 25758 25759 25760 25761> 25762 25763 25764<div 25765 class="product-media" 25766 style="--ratio: 1.0" 25767 data-media-id="40415843811521" 25768> 25769 25770 <img src="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25771 25772 25773</div> 25774 25775 25776 25777</slideshow-slide> 25778<slideshow-slide 25779 ref="slides[]" 25780 aria-hidden="true" 25781 style="--slideshow-timeline: --slide-15; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 25782 25783 class="product-media-container media-fit product-media-container--image" 25784 25785 variant-image 25786 25787 25788 slide-id="40415846269121" 25789 25790 25791 hidden 25792 25793 25794 variant-image 25795> 25796 25797 25798<div 25799 class="product-media" 25800 style="--ratio: 0.9041666666666667" 25801 data-media-id="40415846269121" 25802> 25803 25804 <img src="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=176470
258045138&width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=3840 3840w" width="3840" height="4247" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 25805 25806 25807</div> 25808 25809 25810 25811</slideshow-slide> 25812 25813 </slideshow-slides> 25814 </slideshow-container> 25815 25816</slideshow-component> 25817 25818 25819 25820 </a> 25821 25822 25823 <div 25824 class="product-badges product-badges--top-right" 25825 style=" 25826 --badge-border-radius: 2px; 25827 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 25828 " 25829 ></div> 25830 25831 25832 25833<quick-add-component 25834 class="quick-add color-scheme-1 " 25835 ref="quickAdd" 25836 data-product-title="AeroPress Coffee Maker - Go Plus" 25837 data-quick-add-button="choose" 25838 data-product-options-count="1" 25839> 25840 <product-form-component 25841 data-section-id="template--24479419367617__main" 25842 data-product-id="10864624632001" 25843 on:submit="/handleSubmit" 25844 class="quick-add__product-form-component" 25845 > 25846 <div 25847 class="visually-hidden" 25848 aria-live="assertive" 25849 role="status" 25850 aria-atomic="true" 25851 ref="liveRegion" 25852 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10864624632001-AbnhndkZhbW0yK2Rld__card-gallery-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 25853 type="hidden" 25854 name="id" 25855 ref="variantId" 25856 value="49824973521089" 25857 25858 > 25859 <input 25860 type="hidden" 25861 name="quantity" 25862 value="1" 25863 > 25864 25865 <add-to-cart-component 25866 ref="addToCartButtonContainer" 25867 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&width=100" 25868 data-add-to-cart-animation="true" 25869> 25870 <button 25871 25872 type="submit" 25873 name="add" 25874 ref="addToCartButton" 25875 on:click="/handleClick" 25876 class="button button quick-add__button quick-add__button--add add-to-cart-button" 25877 25878 25879 > 25880 <span 25881 class="add-to-cart-text" 25882 > 25883 25884 <span 25885 aria-hidden="true" 25886 class="svg-wrapper add-to-cart-icon" 25887 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 25888</span> 25889
25890 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 25891 <span> 25892 <span>Add</span> 25893 </span> 25894 </span> 25895 </span> 25896 25897 <span class="add-to-cart__added"> 25898 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 25899 <g class="check"> 25900 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 25901 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 25902 </g> 25903 <g class="burst"> 25904 <g style="--index: 0;"> 25905 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25906 </g> 25907 <g style="--index: 1;"> 25908 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25909 </g> 25910 <g style="--index: 2;"> 25911 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25912 </g> 25913 <g style="--index: 3;"> 25914 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25915 </g> 25916 <g style="--index: 4;"> 25917 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25918 </g> 25919 <g style="--index: 5;"> 25920 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25921 </g> 25922 <g style="--index: 6;"> 25923 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25924 </g> 25925 <g style="--index: 7;"> 25926 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 25927 </g> 25928 </g> 25929</svg> 25930</span> 25931 </span> 25932 </button> 25933</add-to-cart-component> 25934 25935 25936 <button 25937 class="button quick-add__button quick-add__button--choose add-to-cart-button" 25938 25939 type="button" 25940 name="add" 25941 on:click="quick-add-component/handleClick" 25942 > 25943 <span 25944 class="add-to-cart-text" 25945 > 25946 25947 <span 25948 aria-hidden="true" 25949 class="svg-wrapper add-to-cart-icon" 25950 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 25951</span> 25952 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 25953 <span> 25954 25955 <span> 25956 Choose 25957 </span> 25958 </span> 25959 </span> 25960 </span> 25961 </button><input type="hidden" name="product-id" value="10864624632001" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 25962</quick-add-component> 25963 25964 25965 25966 25967 25968 25969</div> 25970 25971 25972 25973 25974 25975<div class="product-grid-view-zoom-out--details"> 25976 25977 <h3 class="h4">AeroPress Coffee Maker - Go Plus</h3> 25978 25979</div> 25980 25981 25982 25983 25984 25985 25986 25987 25988<div 25989 class=" 25990 group-block 25991 group-block--height-fit 25992 group-block--width-fill 25993 border-style 25994 spacing-style 25995 size-style 25996 25997 25998 " 25999 style=" 26000 --border-width: 1px; --border-style: none; --border-color: 26001rgb(var(--color-border-rgb) / 1.0); --border-radius: 260020px; 26003 26004 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26005 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 26006 26007 " 26008 26009 data-testid="group-block" 26010><div class="group-block__media-wrapper"> 26011 26012 26013 26014 26015 26016 </div> 26017 26018 <div 26019 class=" 26020 group-block-content 26021 26022 layout-panel-flex 26023 layout-panel-flex--column 26024 mobile-column 26025 " 26026 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 26027 26028--gap: 4px; 26029 26030--horizontal-alignment: center; --vertical-alignment: center; 26031--vertical-alignment-mobile: center; 26032" 26033 > 26034 26035 26036 26037 26038 <a 26039 class="contents user-select-text" 26040 ref="productTitleLink" 26041 href="/products/aeropress-coffee-maker-copy?variant=49824973521089" 26042 > 26043 26044 26045 26046 26047 26048 26049 26050 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-11 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 26051 <p>AeroPress Coffee Maker - Go Plus</p> 26052 </div> 26053 26054 26055 26056 26057 </a> 26058 26059 26060 26061 26062 26063 26064<product-price 26065 class="text-block text-block--align-center rte text-center paragraph spacing-style" 26066 data-block-id="AaTU4QWlBSTJKVFFpe__price-11" 26067 data-product-id="10864624632001" 26068 style=" 26069 26070--color: var(--color-foreground); 26071 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26072 --width: 100%; 26073 " 26074 26075> 26076 <div ref="priceContainer"> 26077 26078 26079 26080 26081
26082 <span class="price">$89.95</span> 26083 26084 26085 26086 26087</div> 26088 26089 26090</product-price> 26091 26092 26093 26094 26095 26096 26097 26098</div> 26099</div> 26100 26101 26102 26103 26104 26105 26106 26107 </div> 26108</product-card></product-card-link> 26109 26110 26111 26112 26113 </li> 26114 26115 <li 26116 id="template--24479419367617__main-10862156480705" 26117 class="product-grid__item product-grid__item--12" 26118 data-page="1" 26119 data-product-id="10862156480705" 26120 ref="cards[]" 26121 > 26122 26123 26124 26125 26126 26127 26128<style data-shopify> 26129 26130</style> 26131 26132 26133<product-card-link 26134 data-product-id="10862156480705" 26135 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=500" 26136 data-product-transition="true" 26137 26138 ><product-card 26139 class="product-card" 26140 data-product-id="10862156480705" 26141 id="product-card-ARFVUbHVMLy90TE1EM__product-card-12" 26142 data-product-transition="true" 26143 26144 26145> 26146 <a 26147 id="bf3957f44f18e0aadb72c4cb91e3040d" 26148 26149 href="/products/aeropress-coffee-maker-the-original-3-in-1-coffee-brewer-for-home-travel-adventure?variant=49814135439553" 26150 26151 class="product-card__link" 26152 ref="productCardLink" 26153 > 26154 <span class="visually-hidden"> 26155 AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure 26156 </span> 26157 </a> 26158 <div 26159 class=" 26160 product-card__content 26161 layout-panel-flex 26162 layout-panel-flex--column 26163 product-grid__card 26164 spacing-style 26165 border-style 26166 gap-style 26167 26168 " 26169 style=" 26170 --border-width: 1px; --border-style: none; --border-color: 26171rgb(var(--color-border-rgb) / 1.0); --border-radius: 261720px; 26173 26174 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 26175 26176 26177 26178--horizontal-alignment: ; --vertical-alignment: ; 26179--vertical-alignment-mobile: ; 26180 26181 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26182 --product-card-gap: 8px; 26183 --quick-add-display: flex; 26184 --quick-add-mobile-display: none; 26185 --quick-add-mobile-opacity: 0; 26186 26187 26188 26189 26190 " 26191 > 26192 26193 26194 26195 26196 26197 26198 26199 26200 26201<div 26202 ref="cardGallery" 26203 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-12 spacing-style border-style" 26204 style=" 26205 --border-width: 1px; --border-style: none; --border-color: 26206rgb(var(--color-border-rgb) / 1.0); --border-radius: 262070px; 26208 26209 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26210 --gallery-aspect-ratio: 4 / 5; 26211 " 26212 data-product-id="10862156480705" 26213 26214 on:pointerenter="/previewImage" 26215 on:pointerleave="/resetImage" 26216 26217 26218 data-view-transition-to-main-product 26219 26220 data-image-ratio="portrait" 26221 26222> 26223 <a 26224 class="contents" 26225 ref="cardGalleryLink" 26226 href="/products/aeropress-coffee-maker-the-original-3-in-1-coffee-brewer-for-home-travel-adventure?variant=49814135439553" 26227 aria-label="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" 26228 > 26229 <slideshow-component 26230 26231 ref="slideshow" 26232 26233 26234 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;" 26235 26236 initial-slide="0" 26237 26238 26239 infinite 26240 26241 26242 data-generic-media-size="8" 26243> 26244 26245 <slideshow-container ref="slideshowContainer"> 26246 26247 <slideshow-arrows 26248 position="center" 26249 26250><button 26251 class=" 26252 slideshow-control slideshow-control--previous 26253 26254 26255 slideshow-control--style-arrow 26256 button button-unstyled button-unstyled--transparent 26257 flip-x 26258 " 26259 26260 aria-label="Previous slide" 26261 26262 on:click="/previous" 26263 ref="previous" 26264> 26265 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 26266</span> 26267</button> 26268<button 26269 class=" 26270 slideshow-control slideshow-control--next 26271 26272 26273 slideshow-control--style-arrow 26274 button button-unstyled button-unstyled--transparent 26275 26276 " 26277 26278 aria-label="Next slide" 26279
26280 on:click="/next" 26281 ref="next" 26282> 26283 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 26284</span> 26285</button> 26286</slideshow-arrows> 26287 26288 26289 26290 <slideshow-slides 26291 tabindex="-1" 26292 ref="scroller" 26293 26294 > 26295 <slideshow-slide 26296 ref="slides[]" 26297 aria-hidden="false" 26298 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26299 26300 class="product-media-container media-fit product-media-container--image" 26301 26302 26303 26304 26305 slide-id="40373119942849" 26306 26307 26308 26309 26310> 26311 26312 26313<div 26314 class="product-media" 26315 style="--ratio: 1.0" 26316 data-media-id="40373119942849" 26317> 26318 26319 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26320 26321 26322</div> 26323 26324 26325 26326</slideshow-slide> 26327<slideshow-slide 26328 ref="slides[]" 26329 aria-hidden="true" 26330 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26331 26332 class="product-media-container media-fit product-media-container--image" 26333 26334 26335 26336 26337 slide-id="40373119975617" 26338 26339 26340 26341 26342> 26343 26344 26345<div 26346 class="product-media" 26347 style="--ratio: 1.0" 26348 data-media-id="40373119975617" 26349> 26350 26351 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26352 26353 26354</div> 26355 26356 26357 26358</slideshow-slide> 26359<slideshow-slide 26360 ref="slides[]" 26361 aria-hidden="true" 26362 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26363 26364 class="product-media-container media-fit product-media-container--image" 26365 26366 26367 26368 26369 slide-id="40373120008385" 26370 26371 26372 26373 26374> 26375 26376 26377<div 26378 class="product-media" 26379 style="--ratio: 1.0" 26380 data-media-id="40373120008385" 26381> 26382 26383 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26384 26385 26386</div> 26387 26388 26389 26390</slideshow-slide> 26391<slideshow-slide 26392 ref="slides[]" 26393 aria-hidden="true" 26394 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26395 26396 class="product-media-container media-fit product-media-container--image" 26397 26398 26399 26400 26401 slide-id="40373120041153" 26402 26403 26404 26405 26406> 26407 26408 26409<div 26410 class="product-media" 26411 style="--ratio: 1.0" 26412 data-media-id="40373120041153" 26413> 26414 26415 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26416 26417 26418</div> 26419 26420 26421 26422</slideshow-slide> 26423<slideshow-slide 26424 ref="slides[]" 26425 aria-hidden="true" 26426 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26427 26428 class="product-media-container media-fit product-media-container--image" 26429 26430 26431 26432 26433 slide-id="40373120073921" 26434 26435 26436 26437 26438> 26439 26440 26441<div 26442 class="product-media" 26443 style="--ratio: 1.0" 26444 data-media-id="40373120073921" 26445> 26446 26447 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26448 26449 26450</div> 26451 26452 26453 26454</slideshow-slide> 26455 26456 </slideshow-slides> 26457 </slideshow-container> 26458 26459</slideshow-component> 26460 26461 26462 26463 </a> 26464 26465 26466 <div 26467 class="product-badges product-badges--top-right" 26468 style=" 26469 --badge-border-radius: 2px; 26470 --badge-font-family: var(--font-body--family);
26470 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 26471 " 26472 ></div> 26473 26474 26475 26476<quick-add-component 26477 class="quick-add color-scheme-1 " 26478 ref="quickAdd" 26479 data-product-title="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure" 26480 data-quick-add-button="add" 26481 data-product-options-count="1" 26482> 26483 <product-form-component 26484 data-section-id="template--24479419367617__main" 26485 data-product-id="10862156480705" 26486 on:submit="/handleSubmit" 26487 class="quick-add__product-form-component" 26488 > 26489 <div 26490 class="visually-hidden" 26491 aria-live="assertive" 26492 role="status" 26493 aria-atomic="true" 26494 ref="liveRegion" 26495 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156480705-AbnhndkZhbW0yK2Rld__card-gallery-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 26496 type="hidden" 26497 name="id" 26498 ref="variantId" 26499 value="49814135439553" 26500 26501 > 26502 <input 26503 type="hidden" 26504 name="quantity" 26505 value="1" 26506 > 26507 26508 <add-to-cart-component 26509 ref="addToCartButtonContainer" 26510 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&width=100" 26511 data-add-to-cart-animation="true" 26512> 26513 <button 26514 26515 type="submit" 26516 name="add" 26517 ref="addToCartButton" 26518 on:click="/handleClick" 26519 class="button button quick-add__button quick-add__button--add add-to-cart-button" 26520 26521 26522 > 26523 <span 26524 class="add-to-cart-text" 26525 > 26526 26527 <span 26528 aria-hidden="true" 26529 class="svg-wrapper add-to-cart-icon" 26530 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 26531</span> 26532 26533 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 26534 <span> 26535 <span>Add</span> 26536 </span> 26537 </span> 26538 </span> 26539 26540 <span class="add-to-cart__added"> 26541 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26542 <g class="check"> 26543 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 26544 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 26545 </g> 26546 <g class="burst"> 26547 <g style="--index: 0;"> 26548 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26549 </g> 26550 <g style="--index: 1;"> 26551 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26552 </g> 26553 <g style="--index: 2;"> 26554 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26555 </g> 26556 <g style="--index: 3;"> 26557 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26558 </g> 26559 <g style="--index: 4;"> 26560 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26561 </g> 26562 <g style="--index: 5;"> 26563 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26564 </g> 26565 <g style="--index: 6;"> 26566 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26567 </g> 26568 <g style="--index: 7;"> 26569 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 26570 </g> 26571 </g> 26572</svg> 26573</span> 26574 </span> 26575 </button> 26576</add-to-cart-component> 26577 26578 26579 <button 26580 class="button quick-add__button quick-add__button--choose add-to-cart-button" 26581 26582 type="button" 26583 name="add" 26584 on:click="quick-add-component/handleClick" 26585 >
26586 <span 26587 class="add-to-cart-text" 26588 > 26589 26590 <span 26591 aria-hidden="true" 26592 class="svg-wrapper add-to-cart-icon" 26593 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 26594</span> 26595 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 26596 <span> 26597 26598 <span> 26599 Choose 26600 </span> 26601 </span> 26602 </span> 26603 </span> 26604 </button><input type="hidden" name="product-id" value="10862156480705" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 26605</quick-add-component> 26606 26607 26608 26609 26610 26611 26612</div> 26613 26614 26615 26616 26617 26618<div class="product-grid-view-zoom-out--details"> 26619 26620 <h3 class="h4">AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure</h3> 26621 26622</div> 26623 26624 26625 26626 26627 26628 26629 26630 26631<div 26632 class=" 26633 group-block 26634 group-block--height-fit 26635 group-block--width-fill 26636 border-style 26637 spacing-style 26638 size-style 26639 26640 26641 " 26642 style=" 26643 --border-width: 1px; --border-style: none; --border-color: 26644rgb(var(--color-border-rgb) / 1.0); --border-radius: 266450px; 26646 26647 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26648 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 26649 26650 " 26651 26652 data-testid="group-block" 26653><div class="group-block__media-wrapper"> 26654 26655 26656 26657 26658 26659 </div> 26660 26661 <div 26662 class=" 26663 group-block-content 26664 26665 layout-panel-flex 26666 layout-panel-flex--column 26667 mobile-column 26668 " 26669 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 26670 26671--gap: 4px; 26672 26673--horizontal-alignment: center; --vertical-alignment: center; 26674--vertical-alignment-mobile: center; 26675" 26676 > 26677 26678 26679 26680 26681 <a 26682 class="contents user-select-text" 26683 ref="productTitleLink" 26684 href="/products/aeropress-coffee-maker-the-original-3-in-1-coffee-brewer-for-home-travel-adventure?variant=49814135439553" 26685 > 26686 26687 26688 26689 26690 26691 26692 26693 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-12 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 26694 <p>AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel & Adventure</p> 26695 </div> 26696 26697 26698 26699 26700 </a> 26701 26702 26703 26704 26705 26706 26707<product-price 26708 class="text-block text-block--align-center rte text-center paragraph spacing-style" 26709 data-block-id="AaTU4QWlBSTJKVFFpe__price-12" 26710 data-product-id="10862156480705" 26711 style=" 26712 26713--color: var(--color-foreground); 26714 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26715 --width: 100%; 26716 " 26717 26718> 26719 <div ref="priceContainer"> 26720 26721 26722 26723 26724 26725 <span class="price">$39.95</span> 26726 26727 26728 26729 26730</div> 26731 26732 26733</product-price> 26734 26735 26736 26737 26738 26739 26740 26741</div> 26742</div> 26743 26744 26745 26746 26747 26748 26749 26750 </div> 26751</product-card></product-card-link> 26752 26753 26754 26755 26756 </li> 26757 26758 <li 26759 id="template--24479419367617__main-10862157267137" 26760 class="product-grid__item product-grid__item--13" 26761 data-page="1" 26762 data-product-id="10862157267137" 26763 ref="cards[]" 26764 > 26765 26766 26767 26768 26769 26770 26771<style data-shopify> 26772 26773</style> 26774 26775 26776<product-card-link 26777 data-product-id="10862157267137" 26778 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=500" 26779 data-product-transition="true" 26780 26781 ><product-card 26782 class="product-card" 26783 data-product-id="10862157267137" 26784 id="product-card-ARFVUbHVMLy90TE1EM__product-card-13" 26785 data-product-transition="true" 26786 26787 26788> 26789 <a 26790 id="54394cf842a3e1662f09ac1b31de2065" 26791 26792 href="/products/aeropress-flow-control-filter-cap-standard?variant=49814136291521" 26793 26794 class="product-card__link" 26795 ref="productCardLink" 26796 > 26797 <span class="visually-hidden"> 26798 AeroPress Flow Control Filter Cap - Standard 26799 </span> 26800 </a> 26801 <div 26802 class=" 26803 product-card__content 26804 layout-panel-flex 26805 layout-panel-flex--column 26806 product-grid__card 26807 spacing-style 26808 border-style 26809 gap-style 26810 26811 " 26812 style=" 26813 --border-width: 1px; --border-style: none; --border-color: 26814rgb(var(--color-border-rgb) / 1.0); --border-radius: 268150px; 26816 26817 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 26818 26819 26820 26821--horizontal-alignment: ; --vertical-alignment: ; 26822--vertical-alignment-mobile: ; 26823 26824 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26825 --product-card-gap: 8px; 26826 --quick-add-display: flex; 26827 --quick-add-mobile-display: none; 26828 --quick-add-mobile-opacity: 0; 26829 26830 26831 26832 26833 " 26834 > 26835 26836 26837 26838 26839 26840 26841 26842 26843 26844<div 26845 ref="cardGallery" 26846 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-13 spacing-style border-style" 26847 style=" 26848 --border-width: 1px; --border-style: none; --border-color: 26849rgb(var(--color-border-rgb) / 1.0); --border-radius: 268500px; 26851 26852 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 26853 --gallery-aspect-ratio: 4 / 5; 26854 " 26855 data-product-id="10862157267137" 26856
26857 on:pointerenter="/previewImage" 26858 on:pointerleave="/resetImage" 26859 26860 26861 data-view-transition-to-main-product 26862 26863 data-image-ratio="portrait" 26864 26865> 26866 <a 26867 class="contents" 26868 ref="cardGalleryLink" 26869 href="/products/aeropress-flow-control-filter-cap-standard?variant=49814136291521" 26870 aria-label="AeroPress Flow Control Filter Cap - Standard" 26871 > 26872 <slideshow-component 26873 26874 ref="slideshow" 26875 26876 26877 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;" 26878 26879 initial-slide="0" 26880 26881 26882 infinite 26883 26884 26885 data-generic-media-size="8" 26886> 26887 26888 <slideshow-container ref="slideshowContainer"> 26889 26890 <slideshow-arrows 26891 position="center" 26892 26893><button 26894 class=" 26895 slideshow-control slideshow-control--previous 26896 26897 26898 slideshow-control--style-arrow 26899 button button-unstyled button-unstyled--transparent 26900 flip-x 26901 " 26902 26903 aria-label="Previous slide" 26904 26905 on:click="/previous" 26906 ref="previous" 26907> 26908 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 26909</span> 26910</button> 26911<button 26912 class=" 26913 slideshow-control slideshow-control--next 26914 26915 26916 slideshow-control--style-arrow 26917 button button-unstyled button-unstyled--transparent 26918 26919 " 26920 26921 aria-label="Next slide" 26922 26923 on:click="/next" 26924 ref="next" 26925> 26926 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 26927</span> 26928</button> 26929</slideshow-arrows> 26930 26931 26932 26933 <slideshow-slides 26934 tabindex="-1" 26935 ref="scroller" 26936 26937 > 26938 <slideshow-slide 26939 ref="slides[]" 26940 aria-hidden="false" 26941 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26942 26943 class="product-media-container media-fit product-media-container--image" 26944 26945 26946 26947 26948 slide-id="41719585964225" 26949 26950 26951 26952 26953> 26954 26955 26956<div 26957 class="product-media" 26958 style="--ratio: 1.0" 26959 data-media-id="41719585964225" 26960> 26961 26962 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=3840" alt="AeroPress Flow Control Filter Cap - Standard coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26963 26964 26965</div> 26966 26967 26968 26969</slideshow-slide> 26970<slideshow-slide 26971 ref="slides[]" 26972 aria-hidden="true" 26973 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 26974 26975 class="product-media-container media-fit product-media-container--image" 26976 26977 26978 26979 26980 slide-id="40373126856897" 26981 26982 26983 26984 26985> 26986 26987 26988<div 26989 class="product-media" 26990 style="--ratio: 1.0" 26991 data-media-id="40373126856897" 26992> 26993 26994 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 26995 26996 26997</div> 26998 26999 27000 27001</slideshow-slide> 27002<slideshow-slide 27003 ref="slides[]" 27004 aria-hidden="true" 27005 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27006 27007 class="product-media-container media-fit product-media-container--image" 27008 27009 27010 27011 27012 slide-id="40373126889665" 27013
27014 27015 27016 27017> 27018 27019 27020<div 27021 class="product-media" 27022 style="--ratio: 1.0" 27023 data-media-id="40373126889665" 27024> 27025 27026 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27027 27028 27029</div> 27030 27031 27032 27033</slideshow-slide> 27034<slideshow-slide 27035 ref="slides[]" 27036 aria-hidden="true" 27037 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27038 27039 class="product-media-container media-fit product-media-container--image" 27040 27041 27042 27043 27044 slide-id="41719585996993" 27045 27046 27047 27048 27049> 27050 27051 27052<div 27053 class="product-media" 27054 style="--ratio: 1.0" 27055 data-media-id="41719585996993" 27056> 27057 27058 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27059 27060 27061</div> 27062 27063 27064 27065</slideshow-slide> 27066<slideshow-slide 27067 ref="slides[]" 27068 aria-hidden="true" 27069 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27070 27071 class="product-media-container media-fit product-media-container--image" 27072 27073 27074 27075 27076 slide-id="41719586029761" 27077 27078 27079 27080 27081> 27082 27083 27084<div 27085 class="product-media" 27086 style="--ratio: 1.0" 27087 data-media-id="41719586029761" 27088> 27089 27090 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27091 27092 27093</div> 27094 27095 27096 27097</slideshow-slide> 27098 27099 </slideshow-slides> 27100 </slideshow-container> 27101 27102</slideshow-component> 27103 27104 27105 27106 </a> 27107 27108 27109 <div 27110 class="product-badges product-badges--top-right" 27111 style=" 27112 --badge-border-radius: 2px; 27113 --badge-font-family: var(--font-body--family);
27113 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 27114 " 27115 ></div> 27116 27117 27118 27119<quick-add-component 27120 class="quick-add color-scheme-1 " 27121 ref="quickAdd" 27122 data-product-title="AeroPress Flow Control Filter Cap - Standard" 27123 data-quick-add-button="add" 27124 data-product-options-count="1" 27125> 27126 <product-form-component 27127 data-section-id="template--24479419367617__main" 27128 data-product-id="10862157267137" 27129 on:submit="/handleSubmit" 27130 class="quick-add__product-form-component" 27131 > 27132 <div 27133 class="visually-hidden" 27134 aria-live="assertive" 27135 role="status" 27136 aria-atomic="true" 27137 ref="liveRegion" 27138 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157267137-AbnhndkZhbW0yK2Rld__card-gallery-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 27139 type="hidden" 27140 name="id" 27141 ref="variantId" 27142 value="49814136291521" 27143 27144 > 27145 <input 27146 type="hidden" 27147 name="quantity" 27148 value="1" 27149 > 27150 27151 <add-to-cart-component 27152 ref="addToCartButtonContainer" 27153 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&width=100" 27154 data-add-to-cart-animation="true" 27155> 27156 <button 27157 27158 type="submit" 27159 name="add" 27160 ref="addToCartButton" 27161 on:click="/handleClick" 27162 class="button button quick-add__button quick-add__button--add add-to-cart-button" 27163 27164 27165 > 27166 <span 27167 class="add-to-cart-text" 27168 > 27169 27170 <span 27171 aria-hidden="true" 27172 class="svg-wrapper add-to-cart-icon" 27173 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 27174</span> 27175 27176 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 27177 <span> 27178 <span>Add</span> 27179 </span> 27180 </span> 27181 </span> 27182 27183 <span class="add-to-cart__added"> 27184 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27185 <g class="check"> 27186 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27187 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27188 </g> 27189 <g class="burst"> 27190 <g style="--index: 0;"> 27191 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27192 </g> 27193 <g style="--index: 1;"> 27194 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27195 </g> 27196 <g style="--index: 2;"> 27197 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27198 </g> 27199 <g style="--index: 3;"> 27200 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27201 </g> 27202 <g style="--index: 4;"> 27203 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27204 </g> 27205 <g style="--index: 5;"> 27206 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27207 </g> 27208 <g style="--index: 6;"> 27209 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27210 </g> 27211 <g style="--index: 7;"> 27212 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27213 </g> 27214 </g> 27215</svg> 27216</span> 27217 </span> 27218 </button> 27219</add-to-cart-component> 27220 27221 27222 <button 27223 class="button quick-add__button quick-add__button--choose add-to-cart-button" 27224 27225 type="button" 27226 name="add" 27227 on:click="quick-add-component/handleClick" 27228 >
27229 <span 27230 class="add-to-cart-text" 27231 > 27232 27233 <span 27234 aria-hidden="true" 27235 class="svg-wrapper add-to-cart-icon" 27236 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 27237</span> 27238 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 27239 <span> 27240 27241 <span> 27242 Choose 27243 </span> 27244 </span> 27245 </span> 27246 </span> 27247 </button><input type="hidden" name="product-id" value="10862157267137" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 27248</quick-add-component> 27249 27250 27251 27252 27253 27254 27255</div> 27256 27257 27258 27259 27260 27261<div class="product-grid-view-zoom-out--details"> 27262 27263 <h3 class="h4">AeroPress Flow Control Filter Cap - Standard</h3> 27264 27265</div> 27266 27267 27268 27269 27270 27271 27272 27273 27274<div 27275 class=" 27276 group-block 27277 group-block--height-fit 27278 group-block--width-fill 27279 border-style 27280 spacing-style 27281 size-style 27282 27283 27284 " 27285 style=" 27286 --border-width: 1px; --border-style: none; --border-color: 27287rgb(var(--color-border-rgb) / 1.0); --border-radius: 272880px; 27289 27290 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 27291 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 27292 27293 " 27294 27295 data-testid="group-block" 27296><div class="group-block__media-wrapper"> 27297 27298 27299 27300 27301 27302 </div> 27303 27304 <div 27305 class=" 27306 group-block-content 27307 27308 layout-panel-flex 27309 layout-panel-flex--column 27310 mobile-column 27311 " 27312 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 27313 27314--gap: 4px; 27315 27316--horizontal-alignment: center; --vertical-alignment: center; 27317--vertical-alignment-mobile: center; 27318" 27319 > 27320 27321 27322 27323 27324 <a 27325 class="contents user-select-text" 27326 ref="productTitleLink" 27327 href="/products/aeropress-flow-control-filter-cap-standard?variant=49814136291521" 27328 > 27329 27330 27331 27332 27333 27334 27335 27336 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-13 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 27337 <p>AeroPress Flow Control Filter Cap - Standard</p> 27338 </div> 27339 27340 27341 27342 27343 </a> 27344 27345 27346 27347 27348 27349 27350<product-price 27351 class="text-block text-block--align-center rte text-center paragraph spacing-style" 27352 data-block-id="AaTU4QWlBSTJKVFFpe__price-13" 27353 data-product-id="10862157267137" 27354 style=" 27355 27356--color: var(--color-foreground); 27357 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 27358 --width: 100%; 27359 " 27360 27361> 27362 <div ref="priceContainer"> 27363 27364 27365 27366 27367 27368 <span class="price">$24.95</span> 27369 27370 27371 27372 27373</div> 27374 27375 27376</product-price> 27377 27378 27379 27380 27381 27382 27383 27384</div> 27385</div> 27386 27387 27388 27389 27390 27391 27392 27393 </div> 27394</product-card></product-card-link> 27395 27396 27397 27398 27399 </li> 27400 27401 <li 27402 id="template--24479419367617__main-10862157037761" 27403 class="product-grid__item product-grid__item--14" 27404 data-page="1" 27405 data-product-id="10862157037761" 27406 ref="cards[]" 27407 > 27408 27409 27410 27411 27412 27413 27414<style data-shopify> 27415 27416</style> 27417 27418 27419<product-card-link 27420 data-product-id="10862157037761" 27421 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=500" 27422 data-product-transition="true" 27423 27424 ><product-card 27425 class="product-card" 27426 data-product-id="10862157037761" 27427 id="product-card-ARFVUbHVMLy90TE1EM__product-card-14" 27428 data-product-transition="true" 27429 27430 27431> 27432 <a 27433 id="6893885d16ac8d217a81bb17a601e4b1" 27434 27435 href="/products/aeropress-go-coffee-maker?variant=49814136029377" 27436 27437 class="product-card__link" 27438 ref="productCardLink" 27439 > 27440 <span class="visually-hidden"> 27441 AeroPress Go Coffee Maker 27442 </span> 27443 </a> 27444 <div 27445 class=" 27446 product-card__content 27447 layout-panel-flex 27448 layout-panel-flex--column 27449 product-grid__card 27450 spacing-style 27451 border-style 27452 gap-style 27453 27454 " 27455 style=" 27456 --border-width: 1px; --border-style: none; --border-color: 27457rgb(var(--color-border-rgb) / 1.0); --border-radius: 274580px; 27459 27460 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 27461 27462 27463 27464--horizontal-alignment: ; --vertical-alignment: ; 27465--vertical-alignment-mobile: ; 27466 27467 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 27468 --product-card-gap: 8px; 27469 --quick-add-display: none; 27470 --quick-add-mobile-display: none; 27471 --quick-add-mobile-opacity: 0; 27472 27473 27474 27475 27476 " 27477 > 27478 27479 27480 27481 27482 27483 27484 27485 27486 27487<div 27488 ref="cardGallery" 27489 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-14 spacing-style border-style card-gallery--badge-top-right" 27490 style=" 27491 --border-width: 1px; --border-style: none; --border-color: 27492rgb(var(--color-border-rgb) / 1.0); --border-radius: 274930px; 27494 27495 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 27496 --gallery-aspect-ratio: 4 / 5; 27497 " 27498 data-product-id="10862157037761" 27499
27500 on:pointerenter="/previewImage" 27501 on:pointerleave="/resetImage" 27502 27503 27504 data-view-transition-to-main-product 27505 27506 data-image-ratio="portrait" 27507 27508> 27509 <a 27510 class="contents" 27511 ref="cardGalleryLink" 27512 href="/products/aeropress-go-coffee-maker?variant=49814136029377" 27513 aria-label="AeroPress Go Coffee Maker" 27514 > 27515 <slideshow-component 27516 27517 ref="slideshow" 27518 27519 27520 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13;--slide-min-height: auto;--slide-min-height-desktop: auto;" 27521 27522 initial-slide="0" 27523 27524 27525 infinite 27526 27527 27528 data-generic-media-size="14" 27529> 27530 27531 <slideshow-container ref="slideshowContainer"> 27532 27533 <slideshow-arrows 27534 position="center" 27535 27536><button 27537 class=" 27538 slideshow-control slideshow-control--previous 27539 27540 27541 slideshow-control--style-arrow 27542 button button-unstyled button-unstyled--transparent 27543 flip-x 27544 " 27545 27546 aria-label="Previous slide" 27547 27548 on:click="/previous" 27549 ref="previous" 27550> 27551 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 27552</span> 27553</button> 27554<button 27555 class=" 27556 slideshow-control slideshow-control--next 27557 27558 27559 slideshow-control--style-arrow 27560 button button-unstyled button-unstyled--transparent 27561 27562 " 27563 27564 aria-label="Next slide" 27565 27566 on:click="/next" 27567 ref="next" 27568> 27569 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 27570</span> 27571</button> 27572</slideshow-arrows> 27573 27574 27575 27576 <slideshow-slides 27577 tabindex="-1" 27578 ref="scroller" 27579 27580 > 27581 <slideshow-slide 27582 ref="slides[]" 27583 aria-hidden="false" 27584 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27585 27586 class="product-media-container media-fit product-media-container--image" 27587 27588 27589 27590 27591 slide-id="40373124563137" 27592 27593 27594 27595 27596> 27597 27598 27599<div 27600 class="product-media" 27601 style="--ratio: 1.0" 27602 data-media-id="40373124563137" 27603> 27604 27605 <img src="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=3840" alt="AeroPress Go Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27606 27607 27608</div> 27609 27610 27611 27612</slideshow-slide> 27613<slideshow-slide 27614 ref="slides[]" 27615 aria-hidden="true" 27616 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27617 27618 class="product-media-container media-fit product-media-container--image" 27619 27620 27621 27622 27623 slide-id="40373124595905" 27624 27625 27626 27627 27628> 27629 27630 27631<div 27632 class="product-media" 27633 style="--ratio: 1.0" 27634 data-media-id="40373124595905" 27635> 27636 27637 <img src="//humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27638 27639 27640</div> 27641 27642 27643 27644</slideshow-slide> 27645<slideshow-slide 27646 ref="slides[]" 27647 aria-hidden="true" 27648 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27649 27650 class="product-media-container media-fit product-media-container--image" 27651 27652 27653 27654 27655 slide-id="40373124628673" 27656 27657 27658 27659 27660> 27661 27662 27663<div 27664 class="product-media" 27665 style="--ratio: 1.0" 27666 data-media-id="40373124628673" 27667> 27668 27669 <img src="//humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27670 27671 27672</div> 27673 27674 27675 27676</slideshow-slide> 27677<slideshow-slide 27678 ref="slides[]" 27679 aria-hidden="true" 27680 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27681 27682 class="product-media-container media-fit product-media-container--image" 27683 27684 27685 27686 27687 slide-id="40373124661441" 27688 27689 27690 27691 27692> 27693 27694 27695<div 27696 class="product-media" 27697 style="--ratio: 1.0" 27698 data-media-id="40373124661441" 27699> 27700 27701 <img src="//humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27702 27703 27704</div> 27705 27706 27707 27708</slideshow-slide> 27709<slideshow-slide 27710 ref="slides[]" 27711 aria-hidden="true" 27712 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 27713 27714 class="product-media-container media-fit product-media-container--image" 27715 27716 27717 27718 27719 slide-id="40373124694209" 27720 27721 27722 27723 27724> 27725 27726 27727<div 27728 class="product-media" 27729 style="--ratio: 1.0" 27730 data-media-id="40373124694209" 27731> 27732 27733 <img src="//humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 27734 27735 27736</div> 27737 27738 27739 27740</slideshow-slide> 27741 27742 </slideshow-slides> 27743 </slideshow-container> 27744 27745</slideshow-component> 27746 27747 27748 27749 </a> 27750 27751 27752 <div 27753 class="product-badges product-badges--top-right" 27754 style=" 27755 --badge-border-radius: 2px; 27756 --badge-font-family: var(--font-body--family);
27756 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 27757 " 27758 ><div 27759 class=" 27760 product-badges__badge product-badges__badge--rectangle 27761 color-scheme-3 27762 " 27763 >Sold out 27764</div></div> 27765 27766 27767 27768<quick-add-component 27769 class="quick-add color-scheme-1 " 27770 ref="quickAdd" 27771 data-product-title="AeroPress Go Coffee Maker" 27772 data-quick-add-button="add" 27773 data-product-options-count="1" 27774> 27775 <product-form-component 27776 data-section-id="template--24479419367617__main" 27777 data-product-id="10862157037761" 27778 on:submit="/handleSubmit" 27779 class="quick-add__product-form-component" 27780 > 27781 <div 27782 class="visually-hidden" 27783 aria-live="assertive" 27784 role="status" 27785 aria-atomic="true" 27786 ref="liveRegion" 27787 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157037761-AbnhndkZhbW0yK2Rld__card-gallery-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 27788 type="hidden" 27789 name="id" 27790 ref="variantId" 27791 value="49814136029377" 27792 27793 disabled 27794 27795 > 27796 <input 27797 type="hidden" 27798 name="quantity" 27799 value="1" 27800 > 27801 27802 <add-to-cart-component 27803 ref="addToCartButtonContainer" 27804 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&width=100" 27805 data-add-to-cart-animation="true" 27806> 27807 <button 27808 27809 type="submit" 27810 name="add" 27811 ref="addToCartButton" 27812 on:click="/handleClick" 27813 class="button button quick-add__button quick-add__button--add add-to-cart-button" 27814 27815 27816 disabled 27817 27818 > 27819 <span 27820 class="add-to-cart-text" 27821 > 27822 27823 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 27824 <span> 27825 <span>Add</span> 27826 </span> 27827 </span> 27828 </span> 27829 27830 <span class="add-to-cart__added"> 27831 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27832 <g class="check"> 27833 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27834 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27835 </g> 27836 <g class="burst"> 27837 <g style="--index: 0;"> 27838 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27839 </g> 27840 <g style="--index: 1;"> 27841 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27842 </g> 27843 <g style="--index: 2;"> 27844 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27845 </g> 27846 <g style="--index: 3;"> 27847 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27848 </g> 27849 <g style="--index: 4;"> 27850 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27851 </g> 27852 <g style="--index: 5;"> 27853 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27854 </g> 27855 <g style="--index: 6;"> 27856 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27857 </g> 27858 <g style="--index: 7;"> 27859 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 27860 </g> 27861 </g> 27862</svg> 27863</span> 27864 </span> 27865 </button> 27866</add-to-cart-component> 27867 27868 27869 <button 27870 class="button quick-add__button quick-add__button--choose add-to-cart-button" 27871 27872 type="button" 27873 name="add" 27874 on:click="quick-add-component/handleClick" 27875 >
27876 <span 27877 class="add-to-cart-text" 27878 > 27879 27880 <span 27881 aria-hidden="true" 27882 class="svg-wrapper add-to-cart-icon" 27883 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 27884</span> 27885 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 27886 <span> 27887 27888 <span> 27889 Choose 27890 </span> 27891 </span> 27892 </span> 27893 </span> 27894 </button><input type="hidden" name="product-id" value="10862157037761" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 27895</quick-add-component> 27896 27897 27898 27899 27900 27901 27902</div> 27903 27904 27905 27906 27907 27908<div class="product-grid-view-zoom-out--details"> 27909 27910 <h3 class="h4">AeroPress Go Coffee Maker</h3> 27911 27912</div> 27913 27914 27915 27916 27917 27918 27919 27920 27921<div 27922 class=" 27923 group-block 27924 group-block--height-fit 27925 group-block--width-fill 27926 border-style 27927 spacing-style 27928 size-style 27929 27930 27931 " 27932 style=" 27933 --border-width: 1px; --border-style: none; --border-color: 27934rgb(var(--color-border-rgb) / 1.0); --border-radius: 279350px; 27936 27937 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 27938 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 27939 27940 " 27941 27942 data-testid="group-block" 27943><div class="group-block__media-wrapper"> 27944 27945 27946 27947 27948 27949 </div> 27950 27951 <div 27952 class=" 27953 group-block-content 27954 27955 layout-panel-flex 27956 layout-panel-flex--column 27957 mobile-column 27958 " 27959 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 27960 27961--gap: 4px; 27962 27963--horizontal-alignment: center; --vertical-alignment: center; 27964--vertical-alignment-mobile: center; 27965" 27966 > 27967 27968 27969 27970 27971 <a 27972 class="contents user-select-text" 27973 ref="productTitleLink" 27974 href="/products/aeropress-go-coffee-maker?variant=49814136029377" 27975 > 27976 27977 27978 27979 27980 27981 27982 27983 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-14 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 27984 <p>AeroPress Go Coffee Maker</p> 27985 </div> 27986 27987 27988 27989 27990 </a> 27991 27992 27993 27994 27995 27996 27997<product-price 27998 class="text-block text-block--align-center rte text-center paragraph spacing-style" 27999 data-block-id="AaTU4QWlBSTJKVFFpe__price-14" 28000 data-product-id="10862157037761" 28001 style=" 28002 28003--color: var(--color-foreground); 28004 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28005 --width: 100%; 28006 " 28007 28008> 28009 <div ref="priceContainer"> 28010 28011 28012 28013 28014 28015 <span class="price">$49.95</span> 28016 28017 28018 28019 28020</div> 28021 28022 28023</product-price> 28024 28025 28026 28027 28028 28029 28030 28031</div> 28032</div> 28033 28034 28035 28036 28037 28038 28039 28040 </div> 28041</product-card></product-card-link> 28042 28043 28044 28045 28046 </li> 28047 28048 <li 28049 id="template--24479419367617__main-10864630399169" 28050 class="product-grid__item product-grid__item--15" 28051 data-page="1" 28052 data-product-id="10864630399169" 28053 ref="cards[]" 28054 > 28055 28056 28057 28058 28059 28060 28061<style data-shopify> 28062 28063</style> 28064 28065 28066<product-card-link 28067 data-product-id="10864630399169" 28068 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=500" 28069 data-product-transition="true" 28070 28071 ><product-card 28072 class="product-card" 28073 data-product-id="10864630399169" 28074 id="product-card-ARFVUbHVMLy90TE1EM__product-card-15" 28075 data-product-transition="true" 28076 28077 28078> 28079 <a 28080 id="19921b8f527ea7ea4fc3bfac9bd9bef5" 28081 28082 href="/products/aeropress-go-plus-starter-kit?variant=49824990101697" 28083 28084 class="product-card__link" 28085 ref="productCardLink" 28086 > 28087 <span class="visually-hidden"> 28088 AeroPress Go Plus Starter Kit 28089 </span> 28090 </a> 28091 <div 28092 class=" 28093 product-card__content 28094 layout-panel-flex 28095 layout-panel-flex--column 28096 product-grid__card 28097 spacing-style 28098 border-style 28099 gap-style 28100 28101 " 28102 style=" 28103 --border-width: 1px; --border-style: none; --border-color: 28104rgb(var(--color-border-rgb) / 1.0); --border-radius: 281050px; 28106 28107 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 28108 28109 28110 28111--horizontal-alignment: ; --vertical-alignment: ; 28112--vertical-alignment-mobile: ; 28113 28114 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28115 --product-card-gap: 8px; 28116 --quick-add-display: flex; 28117 --quick-add-mobile-display: none; 28118 --quick-add-mobile-opacity: 0; 28119 28120 28121 28122 28123 " 28124 > 28125 28126 28127 28128 28129 28130 28131 28132 28133 28134<div 28135 ref="cardGallery" 28136 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-15 spacing-style border-style" 28137 style=" 28138 --border-width: 1px; --border-style: none; --border-color: 28139rgb(var(--color-border-rgb) / 1.0); --border-radius: 281400px; 28141 28142 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28143 --gallery-aspect-ratio: 4 / 5; 28144 " 28145 data-product-id="10864630399169" 28146
28147 on:pointerenter="/previewImage" 28148 on:pointerleave="/resetImage" 28149 28150 28151 data-view-transition-to-main-product 28152 28153 data-image-ratio="portrait" 28154 28155> 28156 <a 28157 class="contents" 28158 ref="cardGalleryLink" 28159 href="/products/aeropress-go-plus-starter-kit?variant=49824990101697" 28160 aria-label="AeroPress Go Plus Starter Kit" 28161 > 28162 <slideshow-component 28163 28164 ref="slideshow" 28165 28166 28167 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;" 28168 28169 initial-slide="0" 28170 28171 28172 infinite 28173 28174 28175 data-generic-media-size="15" 28176> 28177 28178 <slideshow-container ref="slideshowContainer"> 28179 28180 <slideshow-arrows 28181 position="center" 28182 28183><button 28184 class=" 28185 slideshow-control slideshow-control--previous 28186 28187 28188 slideshow-control--style-arrow 28189 button button-unstyled button-unstyled--transparent 28190 flip-x 28191 " 28192 28193 aria-label="Previous slide" 28194 28195 on:click="/previous" 28196 ref="previous" 28197> 28198 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 28199</span> 28200</button> 28201<button 28202 class=" 28203 slideshow-control slideshow-control--next 28204 28205 28206 slideshow-control--style-arrow 28207 button button-unstyled button-unstyled--transparent 28208 28209 " 28210 28211 aria-label="Next slide" 28212 28213 on:click="/next" 28214 ref="next" 28215> 28216 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 28217</span> 28218</button> 28219</slideshow-arrows> 28220 28221 28222 28223 <slideshow-slides 28224 tabindex="-1" 28225 ref="scroller" 28226 28227 > 28228 <slideshow-slide 28229 ref="slides[]" 28230 aria-hidden="false" 28231 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28232 28233 class="product-media-container media-fit product-media-container--image" 28234 28235 variant-image 28236 28237 28238 slide-id="41576642347201" 28239 28240 28241 28242 variant-image 28243> 28244 28245 28246<div 28247 class="product-media" 28248 style="--ratio: 1.0" 28249 data-media-id="41576642347201" 28250> 28251 28252 <img src="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=3840" alt="AeroPress Go Plus Starter Kit coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=240 240w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=352 352w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=832 832w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28253 28254 28255</div> 28256 28257 28258 28259</slideshow-slide> 28260<slideshow-slide 28261 ref="slides[]" 28262 aria-hidden="true" 28263 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28264 28265 class="product-media-container media-fit product-media-container--image" 28266 28267 28268 28269 28270 slide-id="40415846269121" 28271 28272 28273 28274 28275> 28276 28277 28278<div 28279 class="product-media" 28280 style="--ratio: 0.9041666666666667" 28281 data-media-id="40415846269121" 28282> 28283 28284 <img src="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=176470
282845138&width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=3840 3840w" width="3840" height="4247" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28285 28286 28287</div> 28288 28289 28290 28291</slideshow-slide> 28292<slideshow-slide 28293 ref="slides[]" 28294 aria-hidden="true" 28295 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28296 28297 class="product-media-container media-fit product-media-container--image" 28298 28299 28300 28301 28302 slide-id="40415846236353" 28303 28304 28305 28306 28307> 28308 28309 28310<div 28311 class="product-media" 28312 style="--ratio: 0.95625" 28313 data-media-id="40415846236353" 28314> 28315 28316 <img src="//humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=3840 3840w" width="3840" height="4016" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28317 28318 28319</div> 28320 28321 28322 28323</slideshow-slide> 28324<slideshow-slide 28325 ref="slides[]" 28326 aria-hidden="true" 28327 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28328 28329 class="product-media-container media-fit product-media-container--image" 28330 28331 28332 28333 28334 slide-id="40415846203585" 28335 28336 28337 28338 28339> 28340 28341 28342<div 28343 class="product-media" 28344 style="--ratio: 1.0" 28345 data-media-id="40415846203585" 28346> 28347 28348 <img src="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=176470
283485137&width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28349 28350 28351</div> 28352 28353 28354 28355</slideshow-slide> 28356<slideshow-slide 28357 ref="slides[]" 28358 aria-hidden="true" 28359 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28360 28361 class="product-media-container media-fit product-media-container--image" 28362 28363 28364 28365 28366 slide-id="40415846170817" 28367 28368 28369 28370 28371> 28372 28373 28374<div 28375 class="product-media" 28376 style="--ratio: 1.0" 28377 data-media-id="40415846170817" 28378> 28379 28380 <img src="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28381 28382 28383</div> 28384 28385 28386 28387</slideshow-slide> 28388 28389 </slideshow-slides> 28390 </slideshow-container> 28391 28392</slideshow-component> 28393 28394 28395 28396 </a> 28397 28398 28399 <div 28400 class="product-badges product-badges--top-right" 28401 style=" 28402 --badge-border-radius: 2px; 28403 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 28404 " 28405 ></div> 28406 28407 28408 28409<quick-add-component 28410 class="quick-add color-scheme-1 " 28411 ref="quickAdd" 28412 data-product-title="AeroPress Go Plus Starter Kit" 28413 data-quick-add-button="choose" 28414 data-product-options-count="3" 28415> 28416 <product-form-component 28417 data-section-id="template--24479419367617__main" 28418 data-product-id="10864630399169" 28419 on:submit="/handleSubmit" 28420 class="quick-add__product-form-component" 28421 > 28422 <div 28423 class="visually-hidden" 28424 aria-live="assertive" 28425 role="status" 28426 aria-atomic="true" 28427 ref="liveRegion" 28428 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10864630399169-AbnhndkZhbW0yK2Rld__card-gallery-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 28429 type="hidden" 28430 name="id" 28431 ref="variantId" 28432 value="49824990101697" 28433 28434 > 28435 <input 28436 type="hidden" 28437 name="quantity" 28438 value="1" 28439 > 28440 28441 <add-to-cart-component 28442 ref="addToCartButtonContainer" 28443 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&width=100" 28444 data-add-to-cart-animation="true" 28445> 28446 <button 28447 28448 type="submit" 28449 name="add" 28450 ref="addToCartButton" 28451 on:click="/handleClick" 28452 class="button button quick-add__button quick-add__button--add add-to-cart-button" 28453 28454 28455 > 28456 <span 28457 class="add-to-cart-text" 28458 > 28459
28460 <span 28461 aria-hidden="true" 28462 class="svg-wrapper add-to-cart-icon" 28463 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 28464</span> 28465 28466 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 28467 <span> 28468 <span>Add</span> 28469 </span> 28470 </span> 28471 </span> 28472 28473 <span class="add-to-cart__added"> 28474 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 28475 <g class="check"> 28476 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 28477 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 28478 </g> 28479 <g class="burst"> 28480 <g style="--index: 0;"> 28481 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28482 </g> 28483 <g style="--index: 1;"> 28484 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28485 </g> 28486 <g style="--index: 2;"> 28487 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28488 </g> 28489 <g style="--index: 3;"> 28490 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28491 </g> 28492 <g style="--index: 4;"> 28493 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28494 </g> 28495 <g style="--index: 5;"> 28496 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28497 </g> 28498 <g style="--index: 6;"> 28499 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28500 </g> 28501 <g style="--index: 7;"> 28502 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 28503 </g> 28504 </g> 28505</svg> 28506</span> 28507 </span> 28508 </button> 28509</add-to-cart-component> 28510 28511 28512 <button 28513 class="button quick-add__button quick-add__button--choose add-to-cart-button" 28514 28515 type="button" 28516 name="add" 28517 on:click="quick-add-component/handleClick" 28518 > 28519 <span 28520 class="add-to-cart-text" 28521 > 28522 28523 <span 28524 aria-hidden="true" 28525 class="svg-wrapper add-to-cart-icon" 28526 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 28527</span> 28528 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 28529 <span> 28530 28531 <span> 28532 Choose 28533 </span> 28534 </span> 28535 </span> 28536 </span> 28537 </button><input type="hidden" name="product-id" value="10864630399169" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 28538</quick-add-component> 28539 28540 28541 28542 28543 28544 28545</div> 28546 28547 28548 28549 28550 28551<div class="product-grid-view-zoom-out--details"> 28552 28553 <h3 class="h4">AeroPress Go Plus Starter Kit</h3> 28554 28555</div> 28556 28557 28558 28559 28560 28561 28562 28563 28564<div 28565 class=" 28566 group-block 28567 group-block--height-fit 28568 group-block--width-fill 28569 border-style 28570 spacing-style 28571 size-style 28572 28573 28574 " 28575 style=" 28576 --border-width: 1px; --border-style: none; --border-color: 28577rgb(var(--color-border-rgb) / 1.0); --border-radius: 285780px; 28579 28580 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28581 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 28582 28583 " 28584 28585 data-testid="group-block" 28586><div class="group-block__media-wrapper"> 28587 28588 28589 28590 28591 28592 </div> 28593 28594 <div 28595 class=" 28596 group-block-content 28597 28598 layout-panel-flex 28599 layout-panel-flex--column 28600 mobile-column 28601 " 28602 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 28603 28604--gap: 4px; 28605 28606--horizontal-alignment: center; --vertical-alignment: center; 28607--vertical-alignment-mobile: center; 28608" 28609 > 28610 28611 28612 28613 28614 <a 28615 class="contents user-select-text" 28616 ref="productTitleLink" 28617 href="/products/aeropress-go-plus-starter-kit?variant=49824990101697" 28618 > 28619 28620 28621 28622 28623 28624 28625 28626 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-15 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 28627 <p>AeroPress Go Plus Starter Kit</p> 28628 </div> 28629 28630 28631 28632 28633 </a> 28634 28635 28636 28637 28638 28639 28640<product-price 28641 class="text-block text-block--align-center rte text-center paragraph spacing-style" 28642 data-block-id="AaTU4QWlBSTJKVFFpe__price-15" 28643 data-product-id="10864630399169" 28644 style=" 28645 28646--color: var(--color-foreground); 28647 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28648 --width: 100%; 28649 " 28650 28651> 28652 <div ref="priceContainer"> 28653 28654 28655 28656 28657
28658 <span class="price">$99.95</span> 28659 28660 28661 28662 28663</div> 28664 28665 28666</product-price> 28667 28668 28669 28670 28671 28672 28673 28674</div> 28675</div> 28676 28677 28678 28679 28680 28681 28682 28683 </div> 28684</product-card></product-card-link> 28685 28686 28687 28688 28689 </li> 28690 28691 <li 28692 id="template--24479419367617__main-10862157856961" 28693 class="product-grid__item product-grid__item--16" 28694 data-page="1" 28695 data-product-id="10862157856961" 28696 ref="cards[]" 28697 > 28698 28699 28700 28701 28702 28703 28704<style data-shopify> 28705 28706</style> 28707 28708 28709<product-card-link 28710 data-product-id="10862157856961" 28711 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=500" 28712 data-product-transition="true" 28713 28714 ><product-card 28715 class="product-card" 28716 data-product-id="10862157856961" 28717 id="product-card-ARFVUbHVMLy90TE1EM__product-card-16" 28718 data-product-transition="true" 28719 28720 28721> 28722 <a 28723 id="2374a4f3ed1ed99e366d9cb983e3f1c8" 28724 28725 href="/products/aeropress-organizer-stand?variant=49814136848577" 28726 28727 class="product-card__link" 28728 ref="productCardLink" 28729 > 28730 <span class="visually-hidden"> 28731 AeroPress Organizer Stand 28732 </span> 28733 </a> 28734 <div 28735 class=" 28736 product-card__content 28737 layout-panel-flex 28738 layout-panel-flex--column 28739 product-grid__card 28740 spacing-style 28741 border-style 28742 gap-style 28743 28744 " 28745 style=" 28746 --border-width: 1px; --border-style: none; --border-color: 28747rgb(var(--color-border-rgb) / 1.0); --border-radius: 287480px; 28749 28750 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 28751 28752 28753 28754--horizontal-alignment: ; --vertical-alignment: ; 28755--vertical-alignment-mobile: ; 28756 28757 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28758 --product-card-gap: 8px; 28759 --quick-add-display: flex; 28760 --quick-add-mobile-display: none; 28761 --quick-add-mobile-opacity: 0; 28762 28763 28764 28765 28766 " 28767 > 28768 28769 28770 28771 28772 28773 28774 28775 28776 28777<div 28778 ref="cardGallery" 28779 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-16 spacing-style border-style" 28780 style=" 28781 --border-width: 1px; --border-style: none; --border-color: 28782rgb(var(--color-border-rgb) / 1.0); --border-radius: 287830px; 28784 28785 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 28786 --gallery-aspect-ratio: 4 / 5; 28787 " 28788 data-product-id="10862157856961" 28789 28790 on:pointerenter="/previewImage" 28791 on:pointerleave="/resetImage" 28792 28793 28794 data-view-transition-to-main-product 28795 28796 data-image-ratio="portrait" 28797 28798> 28799 <a 28800 class="contents" 28801 ref="cardGalleryLink" 28802 href="/products/aeropress-organizer-stand?variant=49814136848577" 28803 aria-label="AeroPress Organizer Stand" 28804 > 28805 <slideshow-component 28806 28807 ref="slideshow" 28808 28809 28810 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;" 28811 28812 initial-slide="0" 28813 28814 28815 infinite 28816 28817 28818 data-generic-media-size="8" 28819> 28820 28821 <slideshow-container ref="slideshowContainer"> 28822 28823 <slideshow-arrows 28824 position="center" 28825 28826><button 28827 class=" 28828 slideshow-control slideshow-control--previous 28829 28830 28831 slideshow-control--style-arrow 28832 button button-unstyled button-unstyled--transparent 28833 flip-x 28834 " 28835 28836 aria-label="Previous slide" 28837 28838 on:click="/previous" 28839 ref="previous" 28840> 28841 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 28842</span> 28843</button> 28844<button 28845 class=" 28846 slideshow-control slideshow-control--next 28847 28848 28849 slideshow-control--style-arrow 28850 button button-unstyled button-unstyled--transparent 28851 28852 " 28853 28854 aria-label="Next slide" 28855 28856 on:click="/next" 28857 ref="next" 28858> 28859 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 28860</span> 28861</button> 28862</slideshow-arrows> 28863 28864 28865 28866 <slideshow-slides 28867 tabindex="-1" 28868 ref="scroller" 28869 28870 > 28871 <slideshow-slide 28872 ref="slides[]" 28873 aria-hidden="false" 28874 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28875 28876 class="product-media-container media-fit product-media-container--image" 28877 28878 28879 28880 28881 slide-id="40373127676097" 28882 28883 28884 28885 28886> 28887 28888 28889<div 28890 class="product-media" 28891 style="--ratio: 1.0" 28892 data-media-id="40373127676097" 28893> 28894 28895 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=3840" alt="AeroPress Organizer Stand coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28896 28897 28898</div> 28899 28900 28901 28902</slideshow-slide> 28903<slideshow-slide 28904 ref="slides[]" 28905 aria-hidden="true" 28906 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28907 28908 class="product-media-container media-fit product-media-container--image" 28909 28910 28911 28912 28913 slide-id="40373127708865" 28914 28915 28916 28917 28918> 28919 28920 28921<div 28922 class="product-media" 28923 style="--ratio: 1.0" 28924 data-media-id="40373127708865" 28925> 28926 28927 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28928 28929 28930</div> 28931 28932 28933 28934</slideshow-slide> 28935<slideshow-slide 28936 ref="slides[]" 28937 aria-hidden="true" 28938 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28939 28940 class="product-media-container media-fit product-media-container--image" 28941 28942 28943 28944 28945 slide-id="40373127741633" 28946 28947 28948 28949 28950> 28951 28952 28953<div 28954 class="product-media" 28955 style="--ratio: 1.0" 28956 data-media-id="40373127741633" 28957> 28958 28959 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28960 28961 28962</div> 28963 28964 28965 28966</slideshow-slide> 28967<slideshow-slide 28968 ref="slides[]" 28969 aria-hidden="true" 28970 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 28971 28972 class="product-media-container media-fit product-media-container--image" 28973 28974 28975 28976 28977 slide-id="40373127774401" 28978 28979 28980 28981 28982> 28983 28984 28985<div 28986 class="product-media" 28987 style="--ratio: 1.0" 28988 data-media-id="40373127774401" 28989> 28990 28991 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 28992 28993 28994</div> 28995 28996 28997 28998</slideshow-slide> 28999<slideshow-slide 29000 ref="slides[]" 29001 aria-hidden="true" 29002 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 29003 29004 class="product-media-container media-fit product-media-container--image" 29005 29006 29007 29008 29009 slide-id="40373127807169" 29010 29011 29012 29013 29014> 29015 29016 29017<div 29018 class="product-media" 29019 style="--ratio: 1.0" 29020 data-media-id="40373127807169" 29021> 29022 29023 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 29024 29025 29026</div> 29027 29028 29029 29030</slideshow-slide> 29031 29032 </slideshow-slides> 29033 </slideshow-container> 29034 29035</slideshow-component> 29036 29037 29038 29039 </a> 29040 29041 29042 <div 29043 class="product-badges product-badges--top-right" 29044 style=" 29045 --badge-border-radius: 2px; 29046 --badge-font-family: var(--font-body--family);
29046 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 29047 " 29048 ></div> 29049 29050 29051 29052<quick-add-component 29053 class="quick-add color-scheme-1 " 29054 ref="quickAdd" 29055 data-product-title="AeroPress Organizer Stand" 29056 data-quick-add-button="add" 29057 data-product-options-count="1" 29058> 29059 <product-form-component 29060 data-section-id="template--24479419367617__main" 29061 data-product-id="10862157856961" 29062 on:submit="/handleSubmit" 29063 class="quick-add__product-form-component" 29064 > 29065 <div 29066 class="visually-hidden" 29067 aria-live="assertive" 29068 role="status" 29069 aria-atomic="true" 29070 ref="liveRegion" 29071 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157856961-AbnhndkZhbW0yK2Rld__card-gallery-16" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 29072 type="hidden" 29073 name="id" 29074 ref="variantId" 29075 value="49814136848577" 29076 29077 > 29078 <input 29079 type="hidden" 29080 name="quantity" 29081 value="1" 29082 > 29083 29084 <add-to-cart-component 29085 ref="addToCartButtonContainer" 29086 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&width=100" 29087 data-add-to-cart-animation="true" 29088> 29089 <button 29090 29091 type="submit" 29092 name="add" 29093 ref="addToCartButton" 29094 on:click="/handleClick" 29095 class="button button quick-add__button quick-add__button--add add-to-cart-button" 29096 29097 29098 > 29099 <span 29100 class="add-to-cart-text" 29101 > 29102 29103 <span 29104 aria-hidden="true" 29105 class="svg-wrapper add-to-cart-icon" 29106 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 29107</span> 29108 29109 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 29110 <span> 29111 <span>Add</span> 29112 </span> 29113 </span> 29114 </span> 29115 29116 <span class="add-to-cart__added"> 29117 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 29118 <g class="check"> 29119 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 29120 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 29121 </g> 29122 <g class="burst"> 29123 <g style="--index: 0;"> 29124 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29125 </g> 29126 <g style="--index: 1;"> 29127 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29128 </g> 29129 <g style="--index: 2;"> 29130 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29131 </g> 29132 <g style="--index: 3;"> 29133 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29134 </g> 29135 <g style="--index: 4;"> 29136 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29137 </g> 29138 <g style="--index: 5;"> 29139 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29140 </g> 29141 <g style="--index: 6;"> 29142 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29143 </g> 29144 <g style="--index: 7;"> 29145 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29146 </g> 29147 </g> 29148</svg> 29149</span> 29150 </span> 29151 </button> 29152</add-to-cart-component> 29153 29154 29155 <button 29156 class="button quick-add__button quick-add__button--choose add-to-cart-button" 29157 29158 type="button" 29159 name="add" 29160 on:click="quick-add-component/handleClick" 29161 >
29162 <span 29163 class="add-to-cart-text" 29164 > 29165 29166 <span 29167 aria-hidden="true" 29168 class="svg-wrapper add-to-cart-icon" 29169 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 29170</span> 29171 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 29172 <span> 29173 29174 <span> 29175 Choose 29176 </span> 29177 </span> 29178 </span> 29179 </span> 29180 </button><input type="hidden" name="product-id" value="10862157856961" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 29181</quick-add-component> 29182 29183 29184 29185 29186 29187 29188</div> 29189 29190 29191 29192 29193 29194<div class="product-grid-view-zoom-out--details"> 29195 29196 <h3 class="h4">AeroPress Organizer Stand</h3> 29197 29198</div> 29199 29200 29201 29202 29203 29204 29205 29206 29207<div 29208 class=" 29209 group-block 29210 group-block--height-fit 29211 group-block--width-fill 29212 border-style 29213 spacing-style 29214 size-style 29215 29216 29217 " 29218 style=" 29219 --border-width: 1px; --border-style: none; --border-color: 29220rgb(var(--color-border-rgb) / 1.0); --border-radius: 292210px; 29222 29223 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29224 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 29225 29226 " 29227 29228 data-testid="group-block" 29229><div class="group-block__media-wrapper"> 29230 29231 29232 29233 29234 29235 </div> 29236 29237 <div 29238 class=" 29239 group-block-content 29240 29241 layout-panel-flex 29242 layout-panel-flex--column 29243 mobile-column 29244 " 29245 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 29246 29247--gap: 4px; 29248 29249--horizontal-alignment: center; --vertical-alignment: center; 29250--vertical-alignment-mobile: center; 29251" 29252 > 29253 29254 29255 29256 29257 <a 29258 class="contents user-select-text" 29259 ref="productTitleLink" 29260 href="/products/aeropress-organizer-stand?variant=49814136848577" 29261 > 29262 29263 29264 29265 29266 29267 29268 29269 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-16 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 29270 <p>AeroPress Organizer Stand</p> 29271 </div> 29272 29273 29274 29275 29276 </a> 29277 29278 29279 29280 29281 29282 29283<product-price 29284 class="text-block text-block--align-center rte text-center paragraph spacing-style" 29285 data-block-id="AaTU4QWlBSTJKVFFpe__price-16" 29286 data-product-id="10862157856961" 29287 style=" 29288 29289--color: var(--color-foreground); 29290 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29291 --width: 100%; 29292 " 29293 29294> 29295 <div ref="priceContainer"> 29296 29297 29298 29299 29300 29301 <span class="price">$39.95</span> 29302 29303 29304 29305 29306</div> 29307 29308 29309</product-price> 29310 29311 29312 29313 29314 29315 29316 29317</div> 29318</div> 29319 29320 29321 29322 29323 29324 29325 29326 </div> 29327</product-card></product-card-link> 29328 29329 29330 29331 29332 </li> 29333 29334 <li 29335 id="template--24479419367617__main-10862156513473" 29336 class="product-grid__item product-grid__item--17" 29337 data-page="1" 29338 data-product-id="10862156513473" 29339 ref="cards[]" 29340 > 29341 29342 29343 29344 29345 29346 29347<style data-shopify> 29348 29349</style> 29350 29351 29352<product-card-link 29353 data-product-id="10862156513473" 29354 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=500" 29355 data-product-transition="true" 29356 29357 ><product-card 29358 class="product-card" 29359 data-product-id="10862156513473" 29360 id="product-card-ARFVUbHVMLy90TE1EM__product-card-17" 29361 data-product-transition="true" 29362 29363 29364> 29365 <a 29366 id="89b3f338ba5c392fc357fb6c9210e857" 29367 29368 href="/products/aeropress-standard-micro-filters-350-ct?variant=49814135931073" 29369 29370 class="product-card__link" 29371 ref="productCardLink" 29372 > 29373 <span class="visually-hidden"> 29374 AeroPress Standard Micro-Filters (350 ct) 29375 </span> 29376 </a> 29377 <div 29378 class=" 29379 product-card__content 29380 layout-panel-flex 29381 layout-panel-flex--column 29382 product-grid__card 29383 spacing-style 29384 border-style 29385 gap-style 29386 29387 " 29388 style=" 29389 --border-width: 1px; --border-style: none; --border-color: 29390rgb(var(--color-border-rgb) / 1.0); --border-radius: 293910px; 29392 29393 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 29394 29395 29396 29397--horizontal-alignment: ; --vertical-alignment: ; 29398--vertical-alignment-mobile: ; 29399 29400 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29401 --product-card-gap: 8px; 29402 --quick-add-display: flex; 29403 --quick-add-mobile-display: none; 29404 --quick-add-mobile-opacity: 0; 29405 29406 29407 29408 29409 " 29410 > 29411 29412 29413 29414 29415 29416 29417 29418 29419 29420<div 29421 ref="cardGallery" 29422 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-17 spacing-style border-style" 29423 style=" 29424 --border-width: 1px; --border-style: none; --border-color: 29425rgb(var(--color-border-rgb) / 1.0); --border-radius: 294260px; 29427 29428 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29429 --gallery-aspect-ratio: 4 / 5; 29430 " 29431 data-product-id="10862156513473" 29432
29433 on:pointerenter="/previewImage" 29434 on:pointerleave="/resetImage" 29435 29436 29437 data-view-transition-to-main-product 29438 29439 data-image-ratio="portrait" 29440 29441> 29442 <a 29443 class="contents" 29444 ref="cardGalleryLink" 29445 href="/products/aeropress-standard-micro-filters-350-ct?variant=49814135931073" 29446 aria-label="AeroPress Standard Micro-Filters (350 ct)" 29447 > 29448 <slideshow-component 29449 29450 ref="slideshow" 29451 29452 29453 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 29454 29455 initial-slide="0" 29456 29457 29458 infinite 29459 29460 29461 data-generic-media-size="4" 29462> 29463 29464 <slideshow-container ref="slideshowContainer"> 29465 29466 <slideshow-arrows 29467 position="center" 29468 29469><button 29470 class=" 29471 slideshow-control slideshow-control--previous 29472 29473 29474 slideshow-control--style-arrow 29475 button button-unstyled button-unstyled--transparent 29476 flip-x 29477 " 29478 29479 aria-label="Previous slide" 29480 29481 on:click="/previous" 29482 ref="previous" 29483> 29484 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 29485</span> 29486</button> 29487<button 29488 class=" 29489 slideshow-control slideshow-control--next 29490 29491 29492 slideshow-control--style-arrow 29493 button button-unstyled button-unstyled--transparent 29494 29495 " 29496 29497 aria-label="Next slide" 29498 29499 on:click="/next" 29500 ref="next" 29501> 29502 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 29503</span> 29504</button> 29505</slideshow-arrows> 29506 29507 29508 29509 <slideshow-slides 29510 tabindex="-1" 29511 ref="scroller" 29512 29513 > 29514 <slideshow-slide 29515 ref="slides[]" 29516 aria-hidden="false" 29517 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 29518 29519 class="product-media-container media-fit product-media-container--image" 29520 29521 29522 29523 29524 slide-id="40373120204993" 29525 29526 29527 29528 29529> 29530 29531 29532<div 29533 class="product-media" 29534 style="--ratio: 1.0" 29535 data-media-id="40373120204993" 29536> 29537 29538 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=3840" alt="AeroPress Standard Micro-Filters (350 ct) coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 29539 29540 29541</div> 29542 29543 29544 29545</slideshow-slide> 29546<slideshow-slide 29547 ref="slides[]" 29548 aria-hidden="true" 29549 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 29550 29551 class="product-media-container media-fit product-media-container--image" 29552 29553 29554 29555 29556 slide-id="40373120237761" 29557 29558 29559 29560 29561> 29562 29563 29564<div 29565 class="product-media" 29566 style="--ratio: 1.0" 29567 data-media-id="40373120237761" 29568> 29569 29570 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=3840" alt="AeroPress Standard Micro-Filters (350 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 29571 29572 29573</div> 29574 29575 29576 29577</slideshow-slide> 29578<slideshow-slide 29579 ref="slides[]" 29580 aria-hidden="true" 29581 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 29582 29583 class="product-media-container media-fit product-media-container--image" 29584 29585 29586 29587 29588 slide-id="40373120270529" 29589 29590 29591 29592 29593> 29594 29595 29596<div 29597 class="product-media" 29598 style="--ratio: 1.0" 29599 data-media-id="40373120270529" 29600> 29601 29602 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=3840" alt="AeroPress Standard Micro-Filters (350 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 29603 29604 29605</div> 29606 29607 29608 29609</slideshow-slide> 29610<slideshow-slide 29611 ref="slides[]" 29612 aria-hidden="true" 29613 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 29614 29615 class="product-media-container media-fit product-media-container--image" 29616 29617 29618 29619 29620 slide-id="40373120303297" 29621 29622 29623 29624 29625> 29626 29627 29628<div 29629 class="product-media" 29630 style="--ratio: 1.0" 29631 data-media-id="40373120303297" 29632> 29633 29634 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=3840" alt="AeroPress Standard Micro-Filters (350 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 29635 29636 29637</div> 29638 29639 29640 29641</slideshow-slide> 29642 29643 </slideshow-slides> 29644 </slideshow-container> 29645 29646</slideshow-component> 29647 29648 29649 29650 </a> 29651 29652 29653 <div 29654 class="product-badges product-badges--top-right" 29655 style=" 29656 --badge-border-radius: 2px; 29657 --badge-font-family: var(--font-body--family);
29657 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 29658 " 29659 ></div> 29660 29661 29662 29663<quick-add-component 29664 class="quick-add color-scheme-1 " 29665 ref="quickAdd" 29666 data-product-title="AeroPress Standard Micro-Filters (350 ct)" 29667 data-quick-add-button="add" 29668 data-product-options-count="1" 29669> 29670 <product-form-component 29671 data-section-id="template--24479419367617__main" 29672 data-product-id="10862156513473" 29673 on:submit="/handleSubmit" 29674 class="quick-add__product-form-component" 29675 > 29676 <div 29677 class="visually-hidden" 29678 aria-live="assertive" 29679 role="status" 29680 aria-atomic="true" 29681 ref="liveRegion" 29682 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156513473-AbnhndkZhbW0yK2Rld__card-gallery-17" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 29683 type="hidden" 29684 name="id" 29685 ref="variantId" 29686 value="49814135931073" 29687 29688 > 29689 <input 29690 type="hidden" 29691 name="quantity" 29692 value="1" 29693 > 29694 29695 <add-to-cart-component 29696 ref="addToCartButtonContainer" 29697 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&width=100" 29698 data-add-to-cart-animation="true" 29699> 29700 <button 29701 29702 type="submit" 29703 name="add" 29704 ref="addToCartButton" 29705 on:click="/handleClick" 29706 class="button button quick-add__button quick-add__button--add add-to-cart-button" 29707 29708 29709 > 29710 <span 29711 class="add-to-cart-text" 29712 > 29713 29714 <span 29715 aria-hidden="true" 29716 class="svg-wrapper add-to-cart-icon" 29717 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 29718</span> 29719 29720 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 29721 <span> 29722 <span>Add</span> 29723 </span> 29724 </span> 29725 </span> 29726 29727 <span class="add-to-cart__added"> 29728 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 29729 <g class="check"> 29730 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 29731 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 29732 </g> 29733 <g class="burst"> 29734 <g style="--index: 0;"> 29735 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29736 </g> 29737 <g style="--index: 1;"> 29738 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29739 </g> 29740 <g style="--index: 2;"> 29741 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29742 </g> 29743 <g style="--index: 3;"> 29744 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29745 </g> 29746 <g style="--index: 4;"> 29747 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29748 </g> 29749 <g style="--index: 5;"> 29750 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29751 </g> 29752 <g style="--index: 6;"> 29753 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29754 </g> 29755 <g style="--index: 7;"> 29756 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 29757 </g> 29758 </g> 29759</svg> 29760</span> 29761 </span> 29762 </button> 29763</add-to-cart-component> 29764 29765 29766 <button 29767 class="button quick-add__button quick-add__button--choose add-to-cart-button" 29768 29769 type="button" 29770 name="add" 29771 on:click="quick-add-component/handleClick" 29772 >
29773 <span 29774 class="add-to-cart-text" 29775 > 29776 29777 <span 29778 aria-hidden="true" 29779 class="svg-wrapper add-to-cart-icon" 29780 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 29781</span> 29782 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 29783 <span> 29784 29785 <span> 29786 Choose 29787 </span> 29788 </span> 29789 </span> 29790 </span> 29791 </button><input type="hidden" name="product-id" value="10862156513473" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 29792</quick-add-component> 29793 29794 29795 29796 29797 29798 29799</div> 29800 29801 29802 29803 29804 29805<div class="product-grid-view-zoom-out--details"> 29806 29807 <h3 class="h4">AeroPress Standard Micro-Filters (350 ct)</h3> 29808 29809</div> 29810 29811 29812 29813 29814 29815 29816 29817 29818<div 29819 class=" 29820 group-block 29821 group-block--height-fit 29822 group-block--width-fill 29823 border-style 29824 spacing-style 29825 size-style 29826 29827 29828 " 29829 style=" 29830 --border-width: 1px; --border-style: none; --border-color: 29831rgb(var(--color-border-rgb) / 1.0); --border-radius: 298320px; 29833 29834 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29835 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 29836 29837 " 29838 29839 data-testid="group-block" 29840><div class="group-block__media-wrapper"> 29841 29842 29843 29844 29845 29846 </div> 29847 29848 <div 29849 class=" 29850 group-block-content 29851 29852 layout-panel-flex 29853 layout-panel-flex--column 29854 mobile-column 29855 " 29856 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 29857 29858--gap: 4px; 29859 29860--horizontal-alignment: center; --vertical-alignment: center; 29861--vertical-alignment-mobile: center; 29862" 29863 > 29864 29865 29866 29867 29868 <a 29869 class="contents user-select-text" 29870 ref="productTitleLink" 29871 href="/products/aeropress-standard-micro-filters-350-ct?variant=49814135931073" 29872 > 29873 29874 29875 29876 29877 29878 29879 29880 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-17 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 29881 <p>AeroPress Standard Micro-Filters (350 ct)</p> 29882 </div> 29883 29884 29885 29886 29887 </a> 29888 29889 29890 29891 29892 29893 29894<product-price 29895 class="text-block text-block--align-center rte text-center paragraph spacing-style" 29896 data-block-id="AaTU4QWlBSTJKVFFpe__price-17" 29897 data-product-id="10862156513473" 29898 style=" 29899 29900--color: var(--color-foreground); 29901 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 29902 --width: 100%; 29903 " 29904 29905> 29906 <div ref="priceContainer"> 29907 29908 29909 29910 29911 29912 <span class="price">$9.95</span> 29913 29914 29915 29916 29917</div> 29918 29919 29920</product-price> 29921 29922 29923 29924 29925 29926 29927 29928</div> 29929</div> 29930 29931 29932 29933 29934 29935 29936 29937 </div> 29938</product-card></product-card-link> 29939 29940 29941 29942 29943 </li> 29944 29945 <li 29946 id="template--24479419367617__main-10862156939457" 29947 class="product-grid__item product-grid__item--18" 29948 data-page="1" 29949 data-product-id="10862156939457" 29950 ref="cards[]" 29951 > 29952 29953 29954 29955 29956 29957 29958<style data-shopify> 29959 29960</style> 29961 29962 29963<product-card-link 29964 data-product-id="10862156939457" 29965 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=500" 29966 data-product-transition="true" 29967 29968 ><product-card 29969 class="product-card" 29970 data-product-id="10862156939457" 29971 id="product-card-ARFVUbHVMLy90TE1EM__product-card-18" 29972 data-product-transition="true" 29973 29974 29975> 29976 <a 29977 id="37ccd4c867d39eeac115d10cd8c1ec90" 29978 29979 href="/products/aeropress-standard-natural-paper-micro-filters-200-ct?variant=49814135701697" 29980 29981 class="product-card__link" 29982 ref="productCardLink" 29983 > 29984 <span class="visually-hidden"> 29985 AeroPress Standard Natural Paper Micro-Filters (200 ct) 29986 </span> 29987 </a> 29988 <div 29989 class=" 29990 product-card__content 29991 layout-panel-flex 29992 layout-panel-flex--column 29993 product-grid__card 29994 spacing-style 29995 border-style 29996 gap-style 29997 29998 " 29999 style=" 30000 --border-width: 1px; --border-style: none; --border-color: 30001rgb(var(--color-border-rgb) / 1.0); --border-radius: 300020px; 30003 30004 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 30005 30006 30007 30008--horizontal-alignment: ; --vertical-alignment: ; 30009--vertical-alignment-mobile: ; 30010 30011 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30012 --product-card-gap: 8px; 30013 --quick-add-display: flex; 30014 --quick-add-mobile-display: none; 30015 --quick-add-mobile-opacity: 0; 30016 30017 30018 30019 30020 " 30021 > 30022 30023 30024 30025 30026 30027 30028 30029 30030 30031<div 30032 ref="cardGallery" 30033 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-18 spacing-style border-style" 30034 style=" 30035 --border-width: 1px; --border-style: none; --border-color: 30036rgb(var(--color-border-rgb) / 1.0); --border-radius: 300370px; 30038 30039 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30040 --gallery-aspect-ratio: 4 / 5; 30041 " 30042 data-product-id="10862156939457" 30043
30044 on:pointerenter="/previewImage" 30045 on:pointerleave="/resetImage" 30046 30047 30048 data-view-transition-to-main-product 30049 30050 data-image-ratio="portrait" 30051 30052> 30053 <a 30054 class="contents" 30055 ref="cardGalleryLink" 30056 href="/products/aeropress-standard-natural-paper-micro-filters-200-ct?variant=49814135701697" 30057 aria-label="AeroPress Standard Natural Paper Micro-Filters (200 ct)" 30058 > 30059 <slideshow-component 30060 30061 ref="slideshow" 30062 30063 30064 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;" 30065 30066 initial-slide="0" 30067 30068 30069 infinite 30070 30071 30072 data-generic-media-size="6" 30073> 30074 30075 <slideshow-container ref="slideshowContainer"> 30076 30077 <slideshow-arrows 30078 position="center" 30079 30080><button 30081 class=" 30082 slideshow-control slideshow-control--previous 30083 30084 30085 slideshow-control--style-arrow 30086 button button-unstyled button-unstyled--transparent 30087 flip-x 30088 " 30089 30090 aria-label="Previous slide" 30091 30092 on:click="/previous" 30093 ref="previous" 30094> 30095 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 30096</span> 30097</button> 30098<button 30099 class=" 30100 slideshow-control slideshow-control--next 30101 30102 30103 slideshow-control--style-arrow 30104 button button-unstyled button-unstyled--transparent 30105 30106 " 30107 30108 aria-label="Next slide" 30109 30110 on:click="/next" 30111 ref="next" 30112> 30113 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 30114</span> 30115</button> 30116</slideshow-arrows> 30117 30118 30119 30120 <slideshow-slides 30121 tabindex="-1" 30122 ref="scroller" 30123 30124 > 30125 <slideshow-slide 30126 ref="slides[]" 30127 aria-hidden="false" 30128 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30129 30130 class="product-media-container media-fit product-media-container--image" 30131 30132 30133 30134 30135 slide-id="41737837347009" 30136 30137 30138 30139 30140> 30141 30142 30143<div 30144 class="product-media" 30145 style="--ratio: 1.0" 30146 data-media-id="41737837347009" 30147> 30148 30149 <img src="//humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct) coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30150 30151 30152</div> 30153 30154 30155 30156</slideshow-slide> 30157<slideshow-slide 30158 ref="slides[]" 30159 aria-hidden="true" 30160 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30161 30162 class="product-media-container media-fit product-media-container--image" 30163 30164 30165 30166 30167 slide-id="41720100651201" 30168 30169 30170 30171 30172> 30173 30174 30175<div 30176 class="product-media" 30177 style="--ratio: 1.0" 30178 data-media-id="41720100651201" 30179> 30180 30181 <img src="//humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30182 30183 30184</div> 30185 30186 30187 30188</slideshow-slide> 30189<slideshow-slide 30190 ref="slides[]" 30191 aria-hidden="true" 30192 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30193 30194 class="product-media-container media-fit product-media-container--image" 30195 30196 30197 30198 30199 slide-id="40373123743937" 30200 30201 30202 30203 30204> 30205 30206 30207<div 30208 class="product-media" 30209 style="--ratio: 1.0" 30210 data-media-id="40373123743937" 30211> 30212 30213 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30214 30215 30216</div> 30217 30218 30219 30220</slideshow-slide> 30221<slideshow-slide 30222 ref="slides[]" 30223 aria-hidden="true" 30224 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30225 30226 class="product-media-container media-fit product-media-container--image" 30227 30228 30229 30230 30231 slide-id="40373123776705" 30232
30233 30234 30235 30236> 30237 30238 30239<div 30240 class="product-media" 30241 style="--ratio: 1.0" 30242 data-media-id="40373123776705" 30243> 30244 30245 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30246 30247 30248</div> 30249 30250 30251 30252</slideshow-slide> 30253<slideshow-slide 30254 ref="slides[]" 30255 aria-hidden="true" 30256 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30257 30258 class="product-media-container media-fit product-media-container--image" 30259 30260 30261 30262 30263 slide-id="41720100683969" 30264 30265 30266 30267 30268> 30269 30270 30271<div 30272 class="product-media" 30273 style="--ratio: 1.0" 30274 data-media-id="41720100683969" 30275> 30276 30277 <img src="//humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30278 30279 30280</div> 30281 30282 30283 30284</slideshow-slide> 30285 30286 </slideshow-slides> 30287 </slideshow-container> 30288 30289</slideshow-component> 30290 30291 30292 30293 </a> 30294 30295 30296 <div 30297 class="product-badges product-badges--top-right" 30298 style=" 30299 --badge-border-radius: 2px; 30300 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 30301 " 30302 ></div> 30303 30304 30305 30306<quick-add-component 30307 class="quick-add color-scheme-1 " 30308 ref="quickAdd" 30309 data-product-title="AeroPress Standard Natural Paper Micro-Filters (200 ct)" 30310 data-quick-add-button="add" 30311 data-product-options-count="1" 30312> 30313 <product-form-component 30314 data-section-id="template--24479419367617__main" 30315 data-product-id="10862156939457" 30316 on:submit="/handleSubmit" 30317 class="quick-add__product-form-component" 30318 > 30319 <div 30320 class="visually-hidden"
30321 aria-live="assertive" 30322 role="status" 30323 aria-atomic="true" 30324 ref="liveRegion" 30325 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156939457-AbnhndkZhbW0yK2Rld__card-gallery-18" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 30326 type="hidden" 30327 name="id" 30328 ref="variantId" 30329 value="49814135701697" 30330 30331 > 30332 <input 30333 type="hidden" 30334 name="quantity" 30335 value="1" 30336 > 30337 30338 <add-to-cart-component 30339 ref="addToCartButtonContainer" 30340 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&width=100" 30341 data-add-to-cart-animation="true" 30342> 30343 <button 30344 30345 type="submit" 30346 name="add" 30347 ref="addToCartButton" 30348 on:click="/handleClick" 30349 class="button button quick-add__button quick-add__button--add add-to-cart-button" 30350 30351 30352 > 30353 <span 30354 class="add-to-cart-text" 30355 > 30356 30357 <span 30358 aria-hidden="true" 30359 class="svg-wrapper add-to-cart-icon" 30360 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 30361</span> 30362 30363 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 30364 <span> 30365 <span>Add</span> 30366 </span> 30367 </span> 30368 </span> 30369 30370 <span class="add-to-cart__added"> 30371 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 30372 <g class="check"> 30373 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 30374 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 30375 </g> 30376 <g class="burst"> 30377 <g style="--index: 0;"> 30378 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30379 </g> 30380 <g style="--index: 1;"> 30381 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30382 </g> 30383 <g style="--index: 2;"> 30384 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30385 </g> 30386 <g style="--index: 3;"> 30387 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30388 </g> 30389 <g style="--index: 4;"> 30390 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30391 </g> 30392 <g style="--index: 5;"> 30393 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30394 </g> 30395 <g style="--index: 6;"> 30396 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30397 </g> 30398 <g style="--index: 7;"> 30399 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 30400 </g> 30401 </g> 30402</svg> 30403</span> 30404 </span> 30405 </button> 30406</add-to-cart-component> 30407 30408 30409 <button 30410 class="button quick-add__button quick-add__button--choose add-to-cart-button" 30411 30412 type="button" 30413 name="add" 30414 on:click="quick-add-component/handleClick" 30415 >
30416 <span 30417 class="add-to-cart-text" 30418 > 30419 30420 <span 30421 aria-hidden="true" 30422 class="svg-wrapper add-to-cart-icon" 30423 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 30424</span> 30425 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 30426 <span> 30427 30428 <span> 30429 Choose 30430 </span> 30431 </span> 30432 </span> 30433 </span> 30434 </button><input type="hidden" name="product-id" value="10862156939457" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 30435</quick-add-component> 30436 30437 30438 30439 30440 30441 30442</div> 30443 30444 30445 30446 30447 30448<div class="product-grid-view-zoom-out--details"> 30449 30450 <h3 class="h4">AeroPress Standard Natural Paper Micro-Filters (200 ct)</h3> 30451 30452</div> 30453 30454 30455 30456 30457 30458 30459 30460 30461<div 30462 class=" 30463 group-block 30464 group-block--height-fit 30465 group-block--width-fill 30466 border-style 30467 spacing-style 30468 size-style 30469 30470 30471 " 30472 style=" 30473 --border-width: 1px; --border-style: none; --border-color: 30474rgb(var(--color-border-rgb) / 1.0); --border-radius: 304750px; 30476 30477 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30478 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 30479 30480 " 30481 30482 data-testid="group-block" 30483><div class="group-block__media-wrapper"> 30484 30485 30486 30487 30488 30489 </div> 30490 30491 <div 30492 class=" 30493 group-block-content 30494 30495 layout-panel-flex 30496 layout-panel-flex--column 30497 mobile-column 30498 " 30499 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 30500 30501--gap: 4px; 30502 30503--horizontal-alignment: center; --vertical-alignment: center; 30504--vertical-alignment-mobile: center; 30505" 30506 > 30507 30508 30509 30510 30511 <a 30512 class="contents user-select-text" 30513 ref="productTitleLink" 30514 href="/products/aeropress-standard-natural-paper-micro-filters-200-ct?variant=49814135701697" 30515 > 30516 30517 30518 30519 30520 30521 30522 30523 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-18 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 30524 <p>AeroPress Standard Natural Paper Micro-Filters (200 ct)</p> 30525 </div> 30526 30527 30528 30529 30530 </a> 30531 30532 30533 30534 30535 30536 30537<product-price 30538 class="text-block text-block--align-center rte text-center paragraph spacing-style" 30539 data-block-id="AaTU4QWlBSTJKVFFpe__price-18" 30540 data-product-id="10862156939457" 30541 style=" 30542 30543--color: var(--color-foreground); 30544 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30545 --width: 100%; 30546 " 30547 30548> 30549 <div ref="priceContainer"> 30550 30551 30552 30553 30554 30555 <span class="price">$9.95</span> 30556 30557 30558 30559 30560</div> 30561 30562 30563</product-price> 30564 30565 30566 30567 30568 30569 30570 30571</div> 30572</div> 30573 30574 30575 30576 30577 30578 30579 30580 </div> 30581</product-card></product-card-link> 30582 30583 30584 30585 30586 </li> 30587 30588 <li 30589 id="template--24479419367617__main-10862157070529" 30590 class="product-grid__item product-grid__item--19" 30591 data-page="1" 30592 data-product-id="10862157070529" 30593 ref="cards[]" 30594 > 30595 30596 30597 30598 30599 30600 30601<style data-shopify> 30602 30603</style> 30604 30605 30606<product-card-link 30607 data-product-id="10862157070529" 30608 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=500" 30609 data-product-transition="true" 30610 30611 ><product-card 30612 class="product-card" 30613 data-product-id="10862157070529" 30614 id="product-card-ARFVUbHVMLy90TE1EM__product-card-19" 30615 data-product-transition="true" 30616 30617 30618> 30619 <a 30620 id="36686a3986aba7b887e0cf9a8d20a839" 30621 30622 href="/products/aeropress-standard-stainless-steel-reusable-filter?variant=49814135963841" 30623 30624 class="product-card__link" 30625 ref="productCardLink" 30626 > 30627 <span class="visually-hidden"> 30628 AeroPress Standard Stainless Steel Reusable Filter 30629 </span> 30630 </a> 30631 <div 30632 class=" 30633 product-card__content 30634 layout-panel-flex 30635 layout-panel-flex--column 30636 product-grid__card 30637 spacing-style 30638 border-style 30639 gap-style 30640 30641 " 30642 style=" 30643 --border-width: 1px; --border-style: none; --border-color: 30644rgb(var(--color-border-rgb) / 1.0); --border-radius: 306450px; 30646 30647 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 30648 30649 30650 30651--horizontal-alignment: ; --vertical-alignment: ; 30652--vertical-alignment-mobile: ; 30653 30654 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30655 --product-card-gap: 8px; 30656 --quick-add-display: flex; 30657 --quick-add-mobile-display: none; 30658 --quick-add-mobile-opacity: 0; 30659 30660 30661 30662 30663 " 30664 > 30665 30666 30667 30668 30669 30670 30671 30672 30673 30674<div 30675 ref="cardGallery" 30676 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-19 spacing-style border-style" 30677 style=" 30678 --border-width: 1px; --border-style: none; --border-color: 30679rgb(var(--color-border-rgb) / 1.0); --border-radius: 306800px; 30681 30682 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 30683 --gallery-aspect-ratio: 4 / 5; 30684 " 30685 data-product-id="10862157070529" 30686
30687 on:pointerenter="/previewImage" 30688 on:pointerleave="/resetImage" 30689 30690 30691 data-view-transition-to-main-product 30692 30693 data-image-ratio="portrait" 30694 30695> 30696 <a 30697 class="contents" 30698 ref="cardGalleryLink" 30699 href="/products/aeropress-standard-stainless-steel-reusable-filter?variant=49814135963841" 30700 aria-label="AeroPress Standard Stainless Steel Reusable Filter" 30701 > 30702 <slideshow-component 30703 30704 ref="slideshow" 30705 30706 30707 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;" 30708 30709 initial-slide="0" 30710 30711 30712 infinite 30713 30714 30715 data-generic-media-size="6" 30716> 30717 30718 <slideshow-container ref="slideshowContainer"> 30719 30720 <slideshow-arrows 30721 position="center" 30722 30723><button 30724 class=" 30725 slideshow-control slideshow-control--previous 30726 30727 30728 slideshow-control--style-arrow 30729 button button-unstyled button-unstyled--transparent 30730 flip-x 30731 " 30732 30733 aria-label="Previous slide" 30734 30735 on:click="/previous" 30736 ref="previous" 30737> 30738 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 30739</span> 30740</button> 30741<button 30742 class=" 30743 slideshow-control slideshow-control--next 30744 30745 30746 slideshow-control--style-arrow 30747 button button-unstyled button-unstyled--transparent 30748 30749 " 30750 30751 aria-label="Next slide" 30752 30753 on:click="/next" 30754 ref="next" 30755> 30756 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 30757</span> 30758</button> 30759</slideshow-arrows> 30760 30761 30762 30763 <slideshow-slides 30764 tabindex="-1" 30765 ref="scroller" 30766 30767 > 30768 <slideshow-slide 30769 ref="slides[]" 30770 aria-hidden="false" 30771 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30772 30773 class="product-media-container media-fit product-media-container--image" 30774 30775 30776 30777 30778 slide-id="40373125218497" 30779 30780 30781 30782 30783> 30784 30785 30786<div 30787 class="product-media" 30788 style="--ratio: 1.0" 30789 data-media-id="40373125218497" 30790> 30791 30792 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30793 30794 30795</div> 30796 30797 30798 30799</slideshow-slide> 30800<slideshow-slide 30801 ref="slides[]" 30802 aria-hidden="true" 30803 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30804 30805 class="product-media-container media-fit product-media-container--image" 30806 30807 30808 30809 30810 slide-id="40373125251265" 30811 30812 30813 30814 30815> 30816 30817 30818<div 30819 class="product-media" 30820 style="--ratio: 1.0" 30821 data-media-id="40373125251265" 30822> 30823 30824 <img src="//humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30825 30826 30827</div> 30828 30829 30830 30831</slideshow-slide> 30832<slideshow-slide 30833 ref="slides[]" 30834 aria-hidden="true" 30835 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30836 30837 class="product-media-container media-fit product-media-container--image" 30838 30839 30840 30841 30842 slide-id="40373125284033" 30843 30844 30845 30846 30847> 30848 30849 30850<div 30851 class="product-media" 30852 style="--ratio: 1.0" 30853 data-media-id="40373125284033" 30854> 30855 30856 <img src="//humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30857 30858 30859</div> 30860 30861 30862 30863</slideshow-slide> 30864<slideshow-slide 30865 ref="slides[]" 30866 aria-hidden="true" 30867 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30868 30869 class="product-media-container media-fit product-media-container--image" 30870 30871 30872 30873 30874 slide-id="40373125316801" 30875 30876 30877 30878 30879> 30880 30881 30882<div 30883 class="product-media" 30884 style="--ratio: 1.0" 30885 data-media-id="40373125316801" 30886> 30887 30888 <img src="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30889 30890 30891</div> 30892 30893 30894 30895</slideshow-slide> 30896<slideshow-slide 30897 ref="slides[]" 30898 aria-hidden="true" 30899 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 30900 30901 class="product-media-container media-fit product-media-container--image" 30902 30903 30904 30905 30906 slide-id="40373125349569" 30907 30908 30909 30910 30911> 30912 30913 30914<div 30915 class="product-media" 30916 style="--ratio: 1.0" 30917 data-media-id="40373125349569" 30918> 30919 30920 <img src="//humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 30921 30922 30923</div> 30924 30925 30926 30927</slideshow-slide> 30928 30929 </slideshow-slides> 30930 </slideshow-container> 30931 30932</slideshow-component> 30933 30934 30935 30936 </a> 30937 30938 30939 <div 30940 class="product-badges product-badges--top-right" 30941 style=" 30942 --badge-border-radius: 2px; 30943 --badge-font-family: var(--font-body--family);
30943 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 30944 " 30945 ></div> 30946 30947 30948 30949<quick-add-component 30950 class="quick-add color-scheme-1 " 30951 ref="quickAdd" 30952 data-product-title="AeroPress Standard Stainless Steel Reusable Filter" 30953 data-quick-add-button="add" 30954 data-product-options-count="1" 30955> 30956 <product-form-component 30957 data-section-id="template--24479419367617__main" 30958 data-product-id="10862157070529" 30959 on:submit="/handleSubmit" 30960 class="quick-add__product-form-component" 30961 > 30962 <div 30963 class="visually-hidden" 30964 aria-live="assertive" 30965 role="status" 30966 aria-atomic="true" 30967 ref="liveRegion" 30968 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157070529-AbnhndkZhbW0yK2Rld__card-gallery-19" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 30969 type="hidden" 30970 name="id" 30971 ref="variantId" 30972 value="49814135963841" 30973 30974 > 30975 <input 30976 type="hidden" 30977 name="quantity" 30978 value="1" 30979 > 30980 30981 <add-to-cart-component 30982 ref="addToCartButtonContainer" 30983 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&width=100" 30984 data-add-to-cart-animation="true" 30985> 30986 <button 30987 30988 type="submit" 30989 name="add" 30990 ref="addToCartButton" 30991 on:click="/handleClick" 30992 class="button button quick-add__button quick-add__button--add add-to-cart-button" 30993 30994 30995 > 30996 <span 30997 class="add-to-cart-text" 30998 > 30999 31000 <span 31001 aria-hidden="true" 31002 class="svg-wrapper add-to-cart-icon" 31003 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 31004</span> 31005 31006 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 31007 <span> 31008 <span>Add</span> 31009 </span> 31010 </span> 31011 </span> 31012 31013 <span class="add-to-cart__added"> 31014 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 31015 <g class="check"> 31016 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 31017 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 31018 </g> 31019 <g class="burst"> 31020 <g style="--index: 0;"> 31021 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31022 </g> 31023 <g style="--index: 1;"> 31024 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31025 </g> 31026 <g style="--index: 2;"> 31027 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31028 </g> 31029 <g style="--index: 3;"> 31030 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31031 </g> 31032 <g style="--index: 4;"> 31033 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31034 </g> 31035 <g style="--index: 5;"> 31036 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31037 </g> 31038 <g style="--index: 6;"> 31039 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31040 </g> 31041 <g style="--index: 7;"> 31042 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31043 </g> 31044 </g> 31045</svg> 31046</span> 31047 </span> 31048 </button> 31049</add-to-cart-component> 31050 31051 31052 <button 31053 class="button quick-add__button quick-add__button--choose add-to-cart-button" 31054 31055 type="button" 31056 name="add" 31057 on:click="quick-add-component/handleClick" 31058 >
31059 <span 31060 class="add-to-cart-text" 31061 > 31062 31063 <span 31064 aria-hidden="true" 31065 class="svg-wrapper add-to-cart-icon" 31066 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 31067</span> 31068 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 31069 <span> 31070 31071 <span> 31072 Choose 31073 </span> 31074 </span> 31075 </span> 31076 </span> 31077 </button><input type="hidden" name="product-id" value="10862157070529" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 31078</quick-add-component> 31079 31080 31081 31082 31083 31084 31085</div> 31086 31087 31088 31089 31090 31091<div class="product-grid-view-zoom-out--details"> 31092 31093 <h3 class="h4">AeroPress Standard Stainless Steel Reusable Filter</h3> 31094 31095</div> 31096 31097 31098 31099 31100 31101 31102 31103 31104<div 31105 class=" 31106 group-block 31107 group-block--height-fit 31108 group-block--width-fill 31109 border-style 31110 spacing-style 31111 size-style 31112 31113 31114 " 31115 style=" 31116 --border-width: 1px; --border-style: none; --border-color: 31117rgb(var(--color-border-rgb) / 1.0); --border-radius: 311180px; 31119 31120 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31121 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 31122 31123 " 31124 31125 data-testid="group-block" 31126><div class="group-block__media-wrapper"> 31127 31128 31129 31130 31131 31132 </div> 31133 31134 <div 31135 class=" 31136 group-block-content 31137 31138 layout-panel-flex 31139 layout-panel-flex--column 31140 mobile-column 31141 " 31142 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 31143 31144--gap: 4px; 31145 31146--horizontal-alignment: center; --vertical-alignment: center; 31147--vertical-alignment-mobile: center; 31148" 31149 > 31150 31151 31152 31153 31154 <a 31155 class="contents user-select-text" 31156 ref="productTitleLink" 31157 href="/products/aeropress-standard-stainless-steel-reusable-filter?variant=49814135963841" 31158 > 31159 31160 31161 31162 31163 31164 31165 31166 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-19 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 31167 <p>AeroPress Standard Stainless Steel Reusable Filter</p> 31168 </div> 31169 31170 31171 31172 31173 </a> 31174 31175 31176 31177 31178 31179 31180<product-price 31181 class="text-block text-block--align-center rte text-center paragraph spacing-style" 31182 data-block-id="AaTU4QWlBSTJKVFFpe__price-19" 31183 data-product-id="10862157070529" 31184 style=" 31185 31186--color: var(--color-foreground); 31187 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31188 --width: 100%; 31189 " 31190 31191> 31192 <div ref="priceContainer"> 31193 31194 31195 31196 31197 31198 <span class="price">$14.95</span> 31199 31200 31201 31202 31203</div> 31204 31205 31206</product-price> 31207 31208 31209 31210 31211 31212 31213 31214</div> 31215</div> 31216 31217 31218 31219 31220 31221 31222 31223 </div> 31224</product-card></product-card-link> 31225 31226 31227 31228 31229 </li> 31230 31231 <li 31232 id="template--24479419367617__main-10623656231105" 31233 class="product-grid__item product-grid__item--20" 31234 data-page="1" 31235 data-product-id="10623656231105" 31236 ref="cards[]" 31237 > 31238 31239 31240 31241 31242 31243 31244<style data-shopify> 31245 31246</style> 31247 31248 31249<product-card-link 31250 data-product-id="10623656231105" 31251 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=500" 31252 data-product-transition="true" 31253 31254 ><product-card 31255 class="product-card" 31256 data-product-id="10623656231105" 31257 id="product-card-ARFVUbHVMLy90TE1EM__product-card-20" 31258 data-product-transition="true" 31259 31260 31261> 31262 <a 31263 id="ac6fd2c9e83f6cd630777105ce0565b8" 31264 31265 href="/products/aeropress-starter-kit?variant=48845413417153" 31266 31267 class="product-card__link" 31268 ref="productCardLink" 31269 > 31270 <span class="visually-hidden"> 31271 Aeropress Starter Kit 31272 </span> 31273 </a> 31274 <div 31275 class=" 31276 product-card__content 31277 layout-panel-flex 31278 layout-panel-flex--column 31279 product-grid__card 31280 spacing-style 31281 border-style 31282 gap-style 31283 31284 " 31285 style=" 31286 --border-width: 1px; --border-style: none; --border-color: 31287rgb(var(--color-border-rgb) / 1.0); --border-radius: 312880px; 31289 31290 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 31291 31292 31293 31294--horizontal-alignment: ; --vertical-alignment: ; 31295--vertical-alignment-mobile: ; 31296 31297 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31298 --product-card-gap: 8px; 31299 --quick-add-display: flex; 31300 --quick-add-mobile-display: none; 31301 --quick-add-mobile-opacity: 0; 31302 31303 31304 31305 31306 " 31307 > 31308 31309 31310 31311 31312 31313 31314 31315 31316 31317<div 31318 ref="cardGallery" 31319 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-20 spacing-style border-style" 31320 style=" 31321 --border-width: 1px; --border-style: none; --border-color: 31322rgb(var(--color-border-rgb) / 1.0); --border-radius: 313230px; 31324 31325 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31326 --gallery-aspect-ratio: 4 / 5; 31327 " 31328 data-product-id="10623656231105" 31329
31330 on:pointerenter="/previewImage" 31331 on:pointerleave="/resetImage" 31332 31333 31334 data-view-transition-to-main-product 31335 31336 data-image-ratio="portrait" 31337 31338> 31339 <a 31340 class="contents" 31341 ref="cardGalleryLink" 31342 href="/products/aeropress-starter-kit?variant=48845413417153" 31343 aria-label="Aeropress Starter Kit" 31344 > 31345 <slideshow-component 31346 31347 ref="slideshow" 31348 31349 31350 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;" 31351 31352 initial-slide="0" 31353 31354 31355 infinite 31356 31357 31358 data-generic-media-size="9" 31359> 31360 31361 <slideshow-container ref="slideshowContainer"> 31362 31363 <slideshow-arrows 31364 position="center" 31365 31366><button 31367 class=" 31368 slideshow-control slideshow-control--previous 31369 31370 31371 slideshow-control--style-arrow 31372 button button-unstyled button-unstyled--transparent 31373 flip-x 31374 " 31375 31376 aria-label="Previous slide" 31377 31378 on:click="/previous" 31379 ref="previous" 31380> 31381 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 31382</span> 31383</button> 31384<button 31385 class=" 31386 slideshow-control slideshow-control--next 31387 31388 31389 slideshow-control--style-arrow 31390 button button-unstyled button-unstyled--transparent 31391 31392 " 31393 31394 aria-label="Next slide" 31395 31396 on:click="/next" 31397 ref="next" 31398> 31399 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 31400</span> 31401</button> 31402</slideshow-arrows> 31403 31404 31405 31406 <slideshow-slides 31407 tabindex="-1" 31408 ref="scroller" 31409 31410 > 31411 <slideshow-slide 31412 ref="slides[]" 31413 aria-hidden="false" 31414 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 31415 31416 class="product-media-container media-fit product-media-container--image" 31417 31418 variant-image 31419 31420 31421 slide-id="41576646312129" 31422 31423 31424 31425 variant-image 31426> 31427 31428 31429<div 31430 class="product-media" 31431 style="--ratio: 1.0" 31432 data-media-id="41576646312129" 31433> 31434 31435 <img src="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=3840" alt="Aeropress Starter Kit coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=240 240w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=352 352w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=832 832w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 31436 31437 31438</div> 31439 31440 31441 31442</slideshow-slide> 31443<slideshow-slide 31444 ref="slides[]" 31445 aria-hidden="true" 31446 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 31447 31448 class="product-media-container media-fit product-media-container--image" 31449 31450 31451 31452 31453 slide-id="40415853281473" 31454 31455 31456 31457 31458> 31459 31460 31461<div 31462 class="product-media" 31463 style="--ratio: 1.0" 31464 data-media-id="40415853281473" 31465> 31466 31467 <img src="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=176470
314675634&width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 31468 31469 31470</div> 31471 31472 31473 31474</slideshow-slide> 31475<slideshow-slide 31476 ref="slides[]" 31477 aria-hidden="true" 31478 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 31479 31480 class="product-media-container media-fit product-media-container--image" 31481 31482 31483 31484 31485 slide-id="40415853248705" 31486 31487 31488 31489 31490> 31491 31492 31493<div 31494 class="product-media" 31495 style="--ratio: 1.0" 31496 data-media-id="40415853248705" 31497> 31498 31499 <img src="//humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 31500 31501 31502</div> 31503 31504 31505 31506</slideshow-slide> 31507<slideshow-slide 31508 ref="slides[]" 31509 aria-hidden="true" 31510 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 31511 31512 class="product-media-container media-fit product-media-container--image" 31513 31514 31515 31516 31517 slide-id="40415853084865" 31518 31519 31520 31521 31522> 31523 31524 31525<div 31526 class="product-media" 31527 style="--ratio: 1.0" 31528 data-media-id="40415853084865" 31529> 31530 31531 <img src="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=176470
315315634&width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 31532 31533 31534</div> 31535 31536 31537 31538</slideshow-slide> 31539<slideshow-slide 31540 ref="slides[]" 31541 aria-hidden="true" 31542 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 31543 31544 class="product-media-container media-fit product-media-container--image" 31545 31546 31547 31548 31549 slide-id="40415853052097" 31550 31551 31552 31553 31554> 31555 31556 31557<div 31558 class="product-media" 31559 style="--ratio: 1.0" 31560 data-media-id="40415853052097" 31561> 31562 31563 <img src="//humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 31564 31565 31566</div> 31567 31568 31569 31570</slideshow-slide> 31571 31572 </slideshow-slides> 31573 </slideshow-container> 31574 31575</slideshow-component> 31576 31577 31578 31579 </a> 31580 31581 31582 <div 31583 class="product-badges product-badges--top-right" 31584 style=" 31585 --badge-border-radius: 2px; 31586 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 31587 " 31588 ></div> 31589 31590 31591 31592<quick-add-component 31593 class="quick-add color-scheme-1 " 31594 ref="quickAdd" 31595 data-product-title="Aeropress Starter Kit" 31596 data-quick-add-button="choose" 31597 data-product-options-count="3" 31598> 31599 <product-form-component 31600 data-section-id="template--24479419367617__main" 31601 data-product-id="10623656231105" 31602 on:submit="/handleSubmit" 31603 class="quick-add__product-form-component" 31604 > 31605 <div 31606 class="visually-hidden" 31607 aria-live="assertive" 31608 role="status" 31609 aria-atomic="true" 31610 ref="liveRegion" 31611 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10623656231105-AbnhndkZhbW0yK2Rld__card-gallery-20" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 31612 type="hidden" 31613 name="id" 31614 ref="variantId" 31615 value="48845413417153" 31616 31617 > 31618 <input 31619 type="hidden" 31620 name="quantity" 31621 value="1" 31622 > 31623 31624 <add-to-cart-component 31625 ref="addToCartButtonContainer" 31626 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&width=100" 31627 data-add-to-cart-animation="true" 31628> 31629 <button 31630 31631 type="submit" 31632 name="add" 31633 ref="addToCartButton" 31634 on:click="/handleClick" 31635 class="button button quick-add__button quick-add__button--add add-to-cart-button" 31636 31637 31638 > 31639 <span 31640 class="add-to-cart-text" 31641 > 31642
31643 <span 31644 aria-hidden="true" 31645 class="svg-wrapper add-to-cart-icon" 31646 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 31647</span> 31648 31649 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 31650 <span> 31651 <span>Add</span> 31652 </span> 31653 </span> 31654 </span> 31655 31656 <span class="add-to-cart__added"> 31657 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 31658 <g class="check"> 31659 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 31660 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 31661 </g> 31662 <g class="burst"> 31663 <g style="--index: 0;"> 31664 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31665 </g> 31666 <g style="--index: 1;"> 31667 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31668 </g> 31669 <g style="--index: 2;"> 31670 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31671 </g> 31672 <g style="--index: 3;"> 31673 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31674 </g> 31675 <g style="--index: 4;"> 31676 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31677 </g> 31678 <g style="--index: 5;"> 31679 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31680 </g> 31681 <g style="--index: 6;"> 31682 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31683 </g> 31684 <g style="--index: 7;"> 31685 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 31686 </g> 31687 </g> 31688</svg> 31689</span> 31690 </span> 31691 </button> 31692</add-to-cart-component> 31693 31694 31695 <button 31696 class="button quick-add__button quick-add__button--choose add-to-cart-button" 31697 31698 type="button" 31699 name="add" 31700 on:click="quick-add-component/handleClick" 31701 > 31702 <span 31703 class="add-to-cart-text" 31704 > 31705 31706 <span 31707 aria-hidden="true" 31708 class="svg-wrapper add-to-cart-icon" 31709 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 31710</span> 31711 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 31712 <span> 31713 31714 <span> 31715 Choose 31716 </span> 31717 </span> 31718 </span> 31719 </span> 31720 </button><input type="hidden" name="product-id" value="10623656231105" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 31721</quick-add-component> 31722 31723 31724 31725 31726 31727 31728</div> 31729 31730 31731 31732 31733 31734<div class="product-grid-view-zoom-out--details"> 31735 31736 <h3 class="h4">Aeropress Starter Kit</h3> 31737 31738</div> 31739 31740 31741 31742 31743 31744 31745 31746 31747<div 31748 class=" 31749 group-block 31750 group-block--height-fit 31751 group-block--width-fill 31752 border-style 31753 spacing-style 31754 size-style 31755 31756 31757 " 31758 style=" 31759 --border-width: 1px; --border-style: none; --border-color: 31760rgb(var(--color-border-rgb) / 1.0); --border-radius: 317610px; 31762 31763 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31764 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 31765 31766 " 31767 31768 data-testid="group-block" 31769><div class="group-block__media-wrapper"> 31770 31771 31772 31773 31774 31775 </div> 31776 31777 <div 31778 class=" 31779 group-block-content 31780 31781 layout-panel-flex 31782 layout-panel-flex--column 31783 mobile-column 31784 " 31785 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 31786 31787--gap: 4px; 31788 31789--horizontal-alignment: center; --vertical-alignment: center; 31790--vertical-alignment-mobile: center; 31791" 31792 > 31793 31794 31795 31796 31797 <a 31798 class="contents user-select-text" 31799 ref="productTitleLink" 31800 href="/products/aeropress-starter-kit?variant=48845413417153" 31801 > 31802 31803 31804 31805 31806 31807 31808 31809 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-20 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 31810 <p>Aeropress Starter Kit</p> 31811 </div> 31812 31813 31814 31815 31816 </a> 31817 31818 31819 31820 31821 31822 31823<product-price 31824 class="text-block text-block--align-center rte text-center paragraph spacing-style" 31825 data-block-id="AaTU4QWlBSTJKVFFpe__price-20" 31826 data-product-id="10623656231105" 31827 style=" 31828 31829--color: var(--color-foreground); 31830 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31831 --width: 100%; 31832 " 31833 31834> 31835 <div ref="priceContainer"> 31836 31837 31838 31839 31840
31841 <span class="price">$59.95</span> 31842 31843 31844 31845 31846</div> 31847 31848 31849</product-price> 31850 31851 31852 31853 31854 31855 31856 31857</div> 31858</div> 31859 31860 31861 31862 31863 31864 31865 31866 </div> 31867</product-card></product-card-link> 31868 31869 31870 31871 31872 </li> 31873 31874 <li 31875 id="template--24479419367617__main-10862157004993" 31876 class="product-grid__item product-grid__item--21" 31877 data-page="1" 31878 data-product-id="10862157004993" 31879 ref="cards[]" 31880 > 31881 31882 31883 31884 31885 31886 31887<style data-shopify> 31888 31889</style> 31890 31891 31892<product-card-link 31893 data-product-id="10862157004993" 31894 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=500" 31895 data-product-transition="true" 31896 31897 ><product-card 31898 class="product-card" 31899 data-product-id="10862157004993" 31900 id="product-card-ARFVUbHVMLy90TE1EM__product-card-21" 31901 data-product-transition="true" 31902 31903 31904> 31905 <a 31906 id="64fe40c2d166f82650726d62150f0139" 31907 31908 href="/products/aeropress-xl-micro-filters-200-ct?variant=49814135898305" 31909 31910 class="product-card__link" 31911 ref="productCardLink" 31912 > 31913 <span class="visually-hidden"> 31914 AeroPress XL Micro-Filters (200 ct) 31915 </span> 31916 </a> 31917 <div 31918 class=" 31919 product-card__content 31920 layout-panel-flex 31921 layout-panel-flex--column 31922 product-grid__card 31923 spacing-style 31924 border-style 31925 gap-style 31926 31927 " 31928 style=" 31929 --border-width: 1px; --border-style: none; --border-color: 31930rgb(var(--color-border-rgb) / 1.0); --border-radius: 319310px; 31932 31933 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 31934 31935 31936 31937--horizontal-alignment: ; --vertical-alignment: ; 31938--vertical-alignment-mobile: ; 31939 31940 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31941 --product-card-gap: 8px; 31942 --quick-add-display: flex; 31943 --quick-add-mobile-display: none; 31944 --quick-add-mobile-opacity: 0; 31945 31946 31947 31948 31949 " 31950 > 31951 31952 31953 31954 31955 31956 31957 31958 31959 31960<div 31961 ref="cardGallery" 31962 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-21 spacing-style border-style" 31963 style=" 31964 --border-width: 1px; --border-style: none; --border-color: 31965rgb(var(--color-border-rgb) / 1.0); --border-radius: 319660px; 31967 31968 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 31969 --gallery-aspect-ratio: 4 / 5; 31970 " 31971 data-product-id="10862157004993" 31972 31973 on:pointerenter="/previewImage" 31974 on:pointerleave="/resetImage" 31975 31976 31977 data-view-transition-to-main-product 31978 31979 data-image-ratio="portrait" 31980 31981> 31982 <a 31983 class="contents" 31984 ref="cardGalleryLink" 31985 href="/products/aeropress-xl-micro-filters-200-ct?variant=49814135898305" 31986 aria-label="AeroPress XL Micro-Filters (200 ct)" 31987 > 31988 <slideshow-component 31989 31990 ref="slideshow" 31991 31992 31993 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;" 31994 31995 initial-slide="0" 31996 31997 31998 infinite 31999 32000 32001 data-generic-media-size="6" 32002> 32003 32004 <slideshow-container ref="slideshowContainer"> 32005 32006 <slideshow-arrows 32007 position="center" 32008 32009><button 32010 class=" 32011 slideshow-control slideshow-control--previous 32012 32013 32014 slideshow-control--style-arrow 32015 button button-unstyled button-unstyled--transparent 32016 flip-x 32017 " 32018 32019 aria-label="Previous slide" 32020 32021 on:click="/previous" 32022 ref="previous" 32023> 32024 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 32025</span> 32026</button> 32027<button 32028 class=" 32029 slideshow-control slideshow-control--next 32030 32031 32032 slideshow-control--style-arrow 32033 button button-unstyled button-unstyled--transparent 32034 32035 " 32036 32037 aria-label="Next slide" 32038 32039 on:click="/next" 32040 ref="next" 32041> 32042 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 32043</span> 32044</button> 32045</slideshow-arrows> 32046 32047 32048 32049 <slideshow-slides 32050 tabindex="-1" 32051 ref="scroller" 32052 32053 > 32054 <slideshow-slide 32055 ref="slides[]" 32056 aria-hidden="false" 32057 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32058 32059 class="product-media-container media-fit product-media-container--image" 32060 32061 32062 32063 32064 slide-id="40373125021889" 32065 32066 32067 32068 32069> 32070 32071 32072<div 32073 class="product-media" 32074 style="--ratio: 1.0" 32075 data-media-id="40373125021889" 32076> 32077 32078 <img src="//humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=3840" alt="AeroPress XL Micro-Filters (200 ct) coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32079 32080 32081</div> 32082 32083 32084 32085</slideshow-slide> 32086<slideshow-slide 32087 ref="slides[]" 32088 aria-hidden="true" 32089 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32090 32091 class="product-media-container media-fit product-media-container--image" 32092 32093 32094 32095 32096 slide-id="40373125054657" 32097 32098 32099 32100 32101> 32102 32103 32104<div 32105 class="product-media" 32106 style="--ratio: 0.9989775051124744" 32107 data-media-id="40373125054657" 32108> 32109 32110 <img src="//humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3844" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32111 32112 32113</div> 32114 32115 32116 32117</slideshow-slide> 32118<slideshow-slide 32119 ref="slides[]" 32120 aria-hidden="true" 32121 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32122 32123 class="product-media-container media-fit product-media-container--image" 32124 32125 32126 32127 32128 slide-id="40373125087425" 32129 32130 32131 32132 32133> 32134 32135 32136<div 32137 class="product-media" 32138 style="--ratio: 1.0" 32139 data-media-id="40373125087425" 32140> 32141 32142 <img src="//humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32143 32144 32145</div> 32146 32147 32148 32149</slideshow-slide> 32150<slideshow-slide 32151 ref="slides[]" 32152 aria-hidden="true" 32153 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32154 32155 class="product-media-container media-fit product-media-container--image" 32156 32157 32158 32159 32160 slide-id="40373125120193" 32161 32162 32163 32164 32165> 32166 32167 32168<div 32169 class="product-media" 32170 style="--ratio: 1.0" 32171 data-media-id="40373125120193" 32172> 32173 32174 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32175 32176 32177</div> 32178 32179 32180 32181</slideshow-slide> 32182<slideshow-slide 32183 ref="slides[]" 32184 aria-hidden="true" 32185 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32186 32187 class="product-media-container media-fit product-media-container--image" 32188 32189 32190 32191 32192 slide-id="40373125152961" 32193 32194 32195 32196 32197> 32198 32199 32200<div 32201 class="product-media" 32202 style="--ratio: 1.0" 32203 data-media-id="40373125152961" 32204> 32205 32206 <img src="//humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32207 32208 32209</div> 32210 32211 32212 32213</slideshow-slide> 32214 32215 </slideshow-slides> 32216 </slideshow-container> 32217 32218</slideshow-component> 32219 32220 32221 32222 </a> 32223 32224 32225 <div 32226 class="product-badges product-badges--top-right" 32227 style=" 32228 --badge-border-radius: 2px; 32229 --badge-font-family: var(--font-body--family);
32229 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 32230 " 32231 ></div> 32232 32233 32234 32235<quick-add-component 32236 class="quick-add color-scheme-1 " 32237 ref="quickAdd" 32238 data-product-title="AeroPress XL Micro-Filters (200 ct)" 32239 data-quick-add-button="add" 32240 data-product-options-count="1" 32241> 32242 <product-form-component 32243 data-section-id="template--24479419367617__main" 32244 data-product-id="10862157004993" 32245 on:submit="/handleSubmit" 32246 class="quick-add__product-form-component" 32247 > 32248 <div 32249 class="visually-hidden" 32250 aria-live="assertive" 32251 role="status" 32252 aria-atomic="true" 32253 ref="liveRegion" 32254 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157004993-AbnhndkZhbW0yK2Rld__card-gallery-21" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 32255 type="hidden" 32256 name="id" 32257 ref="variantId" 32258 value="49814135898305" 32259 32260 > 32261 <input 32262 type="hidden" 32263 name="quantity" 32264 value="1" 32265 > 32266 32267 <add-to-cart-component 32268 ref="addToCartButtonContainer" 32269 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&width=100" 32270 data-add-to-cart-animation="true" 32271> 32272 <button 32273 32274 type="submit" 32275 name="add" 32276 ref="addToCartButton" 32277 on:click="/handleClick" 32278 class="button button quick-add__button quick-add__button--add add-to-cart-button" 32279 32280 32281 > 32282 <span 32283 class="add-to-cart-text" 32284 > 32285 32286 <span 32287 aria-hidden="true" 32288 class="svg-wrapper add-to-cart-icon" 32289 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 32290</span> 32291 32292 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 32293 <span> 32294 <span>Add</span> 32295 </span> 32296 </span> 32297 </span> 32298 32299 <span class="add-to-cart__added"> 32300 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 32301 <g class="check"> 32302 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 32303 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 32304 </g> 32305 <g class="burst"> 32306 <g style="--index: 0;"> 32307 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32308 </g> 32309 <g style="--index: 1;"> 32310 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32311 </g> 32312 <g style="--index: 2;"> 32313 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32314 </g> 32315 <g style="--index: 3;"> 32316 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32317 </g> 32318 <g style="--index: 4;"> 32319 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32320 </g> 32321 <g style="--index: 5;"> 32322 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32323 </g> 32324 <g style="--index: 6;"> 32325 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32326 </g> 32327 <g style="--index: 7;"> 32328 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32329 </g> 32330 </g> 32331</svg> 32332</span> 32333 </span> 32334 </button> 32335</add-to-cart-component> 32336 32337 32338 <button 32339 class="button quick-add__button quick-add__button--choose add-to-cart-button" 32340 32341 type="button" 32342 name="add" 32343 on:click="quick-add-component/handleClick" 32344 >
32345 <span 32346 class="add-to-cart-text" 32347 > 32348 32349 <span 32350 aria-hidden="true" 32351 class="svg-wrapper add-to-cart-icon" 32352 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 32353</span> 32354 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 32355 <span> 32356 32357 <span> 32358 Choose 32359 </span> 32360 </span> 32361 </span> 32362 </span> 32363 </button><input type="hidden" name="product-id" value="10862157004993" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 32364</quick-add-component> 32365 32366 32367 32368 32369 32370 32371</div> 32372 32373 32374 32375 32376 32377<div class="product-grid-view-zoom-out--details"> 32378 32379 <h3 class="h4">AeroPress XL Micro-Filters (200 ct)</h3> 32380 32381</div> 32382 32383 32384 32385 32386 32387 32388 32389 32390<div 32391 class=" 32392 group-block 32393 group-block--height-fit 32394 group-block--width-fill 32395 border-style 32396 spacing-style 32397 size-style 32398 32399 32400 " 32401 style=" 32402 --border-width: 1px; --border-style: none; --border-color: 32403rgb(var(--color-border-rgb) / 1.0); --border-radius: 324040px; 32405 32406 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 32407 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 32408 32409 " 32410 32411 data-testid="group-block" 32412><div class="group-block__media-wrapper"> 32413 32414 32415 32416 32417 32418 </div> 32419 32420 <div 32421 class=" 32422 group-block-content 32423 32424 layout-panel-flex 32425 layout-panel-flex--column 32426 mobile-column 32427 " 32428 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 32429 32430--gap: 4px; 32431 32432--horizontal-alignment: center; --vertical-alignment: center; 32433--vertical-alignment-mobile: center; 32434" 32435 > 32436 32437 32438 32439 32440 <a 32441 class="contents user-select-text" 32442 ref="productTitleLink" 32443 href="/products/aeropress-xl-micro-filters-200-ct?variant=49814135898305" 32444 > 32445 32446 32447 32448 32449 32450 32451 32452 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-21 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 32453 <p>AeroPress XL Micro-Filters (200 ct)</p> 32454 </div> 32455 32456 32457 32458 32459 </a> 32460 32461 32462 32463 32464 32465 32466<product-price 32467 class="text-block text-block--align-center rte text-center paragraph spacing-style" 32468 data-block-id="AaTU4QWlBSTJKVFFpe__price-21" 32469 data-product-id="10862157004993" 32470 style=" 32471 32472--color: var(--color-foreground); 32473 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 32474 --width: 100%; 32475 " 32476 32477> 32478 <div ref="priceContainer"> 32479 32480 32481 32482 32483 32484 <span class="price">$11.95</span> 32485 32486 32487 32488 32489</div> 32490 32491 32492</product-price> 32493 32494 32495 32496 32497 32498 32499 32500</div> 32501</div> 32502 32503 32504 32505 32506 32507 32508 32509 </div> 32510</product-card></product-card-link> 32511 32512 32513 32514 32515 </li> 32516 32517 <li 32518 id="template--24479419367617__main-10862157103297" 32519 class="product-grid__item product-grid__item--22" 32520 data-page="1" 32521 data-product-id="10862157103297" 32522 ref="cards[]" 32523 > 32524 32525 32526 32527 32528 32529 32530<style data-shopify> 32531 32532</style> 32533 32534 32535<product-card-link 32536 data-product-id="10862157103297" 32537 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=500" 32538 data-product-transition="true" 32539 32540 ><product-card 32541 class="product-card" 32542 data-product-id="10862157103297" 32543 id="product-card-ARFVUbHVMLy90TE1EM__product-card-22" 32544 data-product-transition="true" 32545 32546 32547> 32548 <a 32549 id="5b4bbbf6181031940db5585cc0b00eca" 32550 32551 href="/products/aeropress-xl-natural-paper-micro-filters-200-ct?variant=49814136094913" 32552 32553 class="product-card__link" 32554 ref="productCardLink" 32555 > 32556 <span class="visually-hidden"> 32557 AeroPress XL Natural Paper Micro-Filters (200 ct) 32558 </span> 32559 </a> 32560 <div 32561 class=" 32562 product-card__content 32563 layout-panel-flex 32564 layout-panel-flex--column 32565 product-grid__card 32566 spacing-style 32567 border-style 32568 gap-style 32569 32570 " 32571 style=" 32572 --border-width: 1px; --border-style: none; --border-color: 32573rgb(var(--color-border-rgb) / 1.0); --border-radius: 325740px; 32575 32576 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 32577 32578 32579 32580--horizontal-alignment: ; --vertical-alignment: ; 32581--vertical-alignment-mobile: ; 32582 32583 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 32584 --product-card-gap: 8px; 32585 --quick-add-display: flex; 32586 --quick-add-mobile-display: none; 32587 --quick-add-mobile-opacity: 0; 32588 32589 32590 32591 32592 " 32593 > 32594 32595 32596 32597 32598 32599 32600 32601 32602 32603<div 32604 ref="cardGallery" 32605 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-22 spacing-style border-style" 32606 style=" 32607 --border-width: 1px; --border-style: none; --border-color: 32608rgb(var(--color-border-rgb) / 1.0); --border-radius: 326090px; 32610 32611 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 32612 --gallery-aspect-ratio: 4 / 5; 32613 " 32614 data-product-id="10862157103297" 32615
32616 on:pointerenter="/previewImage" 32617 on:pointerleave="/resetImage" 32618 32619 32620 data-view-transition-to-main-product 32621 32622 data-image-ratio="portrait" 32623 32624> 32625 <a 32626 class="contents" 32627 ref="cardGalleryLink" 32628 href="/products/aeropress-xl-natural-paper-micro-filters-200-ct?variant=49814136094913" 32629 aria-label="AeroPress XL Natural Paper Micro-Filters (200 ct)" 32630 > 32631 <slideshow-component 32632 32633 ref="slideshow" 32634 32635 32636 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;" 32637 32638 initial-slide="0" 32639 32640 32641 infinite 32642 32643 32644 data-generic-media-size="5" 32645> 32646 32647 <slideshow-container ref="slideshowContainer"> 32648 32649 <slideshow-arrows 32650 position="center" 32651 32652><button 32653 class=" 32654 slideshow-control slideshow-control--previous 32655 32656 32657 slideshow-control--style-arrow 32658 button button-unstyled button-unstyled--transparent 32659 flip-x 32660 " 32661 32662 aria-label="Previous slide" 32663 32664 on:click="/previous" 32665 ref="previous" 32666> 32667 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 32668</span> 32669</button> 32670<button 32671 class=" 32672 slideshow-control slideshow-control--next 32673 32674 32675 slideshow-control--style-arrow 32676 button button-unstyled button-unstyled--transparent 32677 32678 " 32679 32680 aria-label="Next slide" 32681 32682 on:click="/next" 32683 ref="next" 32684> 32685 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 32686</span> 32687</button> 32688</slideshow-arrows> 32689 32690 32691 32692 <slideshow-slides 32693 tabindex="-1" 32694 ref="scroller" 32695 32696 > 32697 <slideshow-slide 32698 ref="slides[]" 32699 aria-hidden="false" 32700 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32701 32702 class="product-media-container media-fit product-media-container--image" 32703 32704 32705 32706 32707 slide-id="40373125415105" 32708 32709 32710 32711 32712> 32713 32714 32715<div 32716 class="product-media" 32717 style="--ratio: 1.0" 32718 data-media-id="40373125415105" 32719> 32720 32721 <img src="//humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct) coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32722 32723 32724</div> 32725 32726 32727 32728</slideshow-slide> 32729<slideshow-slide 32730 ref="slides[]" 32731 aria-hidden="true" 32732 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32733 32734 class="product-media-container media-fit product-media-container--image" 32735 32736 32737 32738 32739 slide-id="40373125447873" 32740 32741 32742 32743 32744> 32745 32746 32747<div 32748 class="product-media" 32749 style="--ratio: 1.0" 32750 data-media-id="40373125447873" 32751> 32752 32753 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32754 32755 32756</div> 32757 32758 32759 32760</slideshow-slide> 32761<slideshow-slide 32762 ref="slides[]" 32763 aria-hidden="true" 32764 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32765 32766 class="product-media-container media-fit product-media-container--image" 32767 32768 32769 32770 32771 slide-id="40373125480641" 32772 32773 32774 32775 32776> 32777 32778 32779<div 32780 class="product-media" 32781 style="--ratio: 1.0" 32782 data-media-id="40373125480641" 32783> 32784 32785 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32786 32787 32788</div> 32789 32790 32791 32792</slideshow-slide> 32793<slideshow-slide 32794 ref="slides[]" 32795 aria-hidden="true" 32796 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32797 32798 class="product-media-container media-fit product-media-container--image" 32799 32800 32801 32802 32803 slide-id="40373125513409" 32804 32805 32806 32807 32808> 32809 32810 32811<div 32812 class="product-media" 32813 style="--ratio: 1.0" 32814 data-media-id="40373125513409" 32815> 32816 32817 <img src="//humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32818 32819 32820</div> 32821 32822 32823 32824</slideshow-slide> 32825<slideshow-slide 32826 ref="slides[]" 32827 aria-hidden="true" 32828 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 32829 32830 class="product-media-container media-fit product-media-container--image" 32831 32832 32833 32834 32835 slide-id="40373125546177" 32836 32837 32838 32839 32840> 32841 32842 32843<div 32844 class="product-media" 32845 style="--ratio: 1.0" 32846 data-media-id="40373125546177" 32847> 32848 32849 <img src="//humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 32850 32851 32852</div> 32853 32854 32855 32856</slideshow-slide> 32857 32858 </slideshow-slides> 32859 </slideshow-container> 32860 32861</slideshow-component> 32862 32863 32864 32865 </a> 32866 32867 32868 <div 32869 class="product-badges product-badges--top-right" 32870 style=" 32871 --badge-border-radius: 2px; 32872 --badge-font-family: var(--font-body--family);
32872 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 32873 " 32874 ></div> 32875 32876 32877 32878<quick-add-component 32879 class="quick-add color-scheme-1 " 32880 ref="quickAdd" 32881 data-product-title="AeroPress XL Natural Paper Micro-Filters (200 ct)" 32882 data-quick-add-button="add" 32883 data-product-options-count="1" 32884> 32885 <product-form-component 32886 data-section-id="template--24479419367617__main" 32887 data-product-id="10862157103297" 32888 on:submit="/handleSubmit" 32889 class="quick-add__product-form-component" 32890 > 32891 <div 32892 class="visually-hidden" 32893 aria-live="assertive" 32894 role="status" 32895 aria-atomic="true" 32896 ref="liveRegion" 32897 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157103297-AbnhndkZhbW0yK2Rld__card-gallery-22" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 32898 type="hidden" 32899 name="id" 32900 ref="variantId" 32901 value="49814136094913" 32902 32903 > 32904 <input 32905 type="hidden" 32906 name="quantity" 32907 value="1" 32908 > 32909 32910 <add-to-cart-component 32911 ref="addToCartButtonContainer" 32912 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&width=100" 32913 data-add-to-cart-animation="true" 32914> 32915 <button 32916 32917 type="submit" 32918 name="add" 32919 ref="addToCartButton" 32920 on:click="/handleClick" 32921 class="button button quick-add__button quick-add__button--add add-to-cart-button" 32922 32923 32924 > 32925 <span 32926 class="add-to-cart-text" 32927 > 32928 32929 <span 32930 aria-hidden="true" 32931 class="svg-wrapper add-to-cart-icon" 32932 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 32933</span> 32934 32935 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 32936 <span> 32937 <span>Add</span> 32938 </span> 32939 </span> 32940 </span> 32941 32942 <span class="add-to-cart__added"> 32943 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 32944 <g class="check"> 32945 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 32946 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 32947 </g> 32948 <g class="burst"> 32949 <g style="--index: 0;"> 32950 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32951 </g> 32952 <g style="--index: 1;"> 32953 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32954 </g> 32955 <g style="--index: 2;"> 32956 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32957 </g> 32958 <g style="--index: 3;"> 32959 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32960 </g> 32961 <g style="--index: 4;"> 32962 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32963 </g> 32964 <g style="--index: 5;"> 32965 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32966 </g> 32967 <g style="--index: 6;"> 32968 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32969 </g> 32970 <g style="--index: 7;"> 32971 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 32972 </g> 32973 </g> 32974</svg> 32975</span> 32976 </span> 32977 </button> 32978</add-to-cart-component> 32979 32980 32981 <button 32982 class="button quick-add__button quick-add__button--choose add-to-cart-button" 32983 32984 type="button" 32985 name="add" 32986 on:click="quick-add-component/handleClick" 32987 >
32988 <span 32989 class="add-to-cart-text" 32990 > 32991 32992 <span 32993 aria-hidden="true" 32994 class="svg-wrapper add-to-cart-icon" 32995 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 32996</span> 32997 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 32998 <span> 32999 33000 <span> 33001 Choose 33002 </span> 33003 </span> 33004 </span> 33005 </span> 33006 </button><input type="hidden" name="product-id" value="10862157103297" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 33007</quick-add-component> 33008 33009 33010 33011 33012 33013 33014</div> 33015 33016 33017 33018 33019 33020<div class="product-grid-view-zoom-out--details"> 33021 33022 <h3 class="h4">AeroPress XL Natural Paper Micro-Filters (200 ct)</h3> 33023 33024</div> 33025 33026 33027 33028 33029 33030 33031 33032 33033<div 33034 class=" 33035 group-block 33036 group-block--height-fit 33037 group-block--width-fill 33038 border-style 33039 spacing-style 33040 size-style 33041 33042 33043 " 33044 style=" 33045 --border-width: 1px; --border-style: none; --border-color: 33046rgb(var(--color-border-rgb) / 1.0); --border-radius: 330470px; 33048 33049 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33050 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 33051 33052 " 33053 33054 data-testid="group-block" 33055><div class="group-block__media-wrapper"> 33056 33057 33058 33059 33060 33061 </div> 33062 33063 <div 33064 class=" 33065 group-block-content 33066 33067 layout-panel-flex 33068 layout-panel-flex--column 33069 mobile-column 33070 " 33071 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 33072 33073--gap: 4px; 33074 33075--horizontal-alignment: center; --vertical-alignment: center; 33076--vertical-alignment-mobile: center; 33077" 33078 > 33079 33080 33081 33082 33083 <a 33084 class="contents user-select-text" 33085 ref="productTitleLink" 33086 href="/products/aeropress-xl-natural-paper-micro-filters-200-ct?variant=49814136094913" 33087 > 33088 33089 33090 33091 33092 33093 33094 33095 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-22 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 33096 <p>AeroPress XL Natural Paper Micro-Filters (200 ct)</p> 33097 </div> 33098 33099 33100 33101 33102 </a> 33103 33104 33105 33106 33107 33108 33109<product-price 33110 class="text-block text-block--align-center rte text-center paragraph spacing-style" 33111 data-block-id="AaTU4QWlBSTJKVFFpe__price-22" 33112 data-product-id="10862157103297" 33113 style=" 33114 33115--color: var(--color-foreground); 33116 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33117 --width: 100%; 33118 " 33119 33120> 33121 <div ref="priceContainer"> 33122 33123 33124 33125 33126 33127 <span class="price">$12.95</span> 33128 33129 33130 33131 33132</div> 33133 33134 33135</product-price> 33136 33137 33138 33139 33140 33141 33142 33143</div> 33144</div> 33145 33146 33147 33148 33149 33150 33151 33152 </div> 33153</product-card></product-card-link> 33154 33155 33156 33157 33158 </li> 33159 33160 <li 33161 id="template--24479419367617__main-10862157201601" 33162 class="product-grid__item product-grid__item--23" 33163 data-page="1" 33164 data-product-id="10862157201601" 33165 ref="cards[]" 33166 > 33167 33168 33169 33170 33171 33172 33173<style data-shopify> 33174 33175</style> 33176 33177 33178<product-card-link 33179 data-product-id="10862157201601" 33180 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=500" 33181 data-product-transition="true" 33182 33183 ><product-card 33184 class="product-card" 33185 data-product-id="10862157201601" 33186 id="product-card-ARFVUbHVMLy90TE1EM__product-card-23" 33187 data-product-transition="true" 33188 33189 33190> 33191 <a 33192 id="bf527a314175e8093dabca66ef6711d7" 33193 33194 href="/products/aeropress-xl-stainless-steel-reusable-filter?variant=49814136160449" 33195 33196 class="product-card__link" 33197 ref="productCardLink" 33198 > 33199 <span class="visually-hidden"> 33200 AeroPress XL Stainless Steel Reusable Filter 33201 </span> 33202 </a> 33203 <div 33204 class=" 33205 product-card__content 33206 layout-panel-flex 33207 layout-panel-flex--column 33208 product-grid__card 33209 spacing-style 33210 border-style 33211 gap-style 33212 33213 " 33214 style=" 33215 --border-width: 1px; --border-style: none; --border-color: 33216rgb(var(--color-border-rgb) / 1.0); --border-radius: 332170px; 33218 33219 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 33220 33221 33222 33223--horizontal-alignment: ; --vertical-alignment: ; 33224--vertical-alignment-mobile: ; 33225 33226 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33227 --product-card-gap: 8px; 33228 --quick-add-display: flex; 33229 --quick-add-mobile-display: none; 33230 --quick-add-mobile-opacity: 0; 33231 33232 33233 33234 33235 " 33236 > 33237 33238 33239 33240 33241 33242 33243 33244 33245 33246<div 33247 ref="cardGallery" 33248 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-23 spacing-style border-style" 33249 style=" 33250 --border-width: 1px; --border-style: none; --border-color: 33251rgb(var(--color-border-rgb) / 1.0); --border-radius: 332520px; 33253 33254 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33255 --gallery-aspect-ratio: 4 / 5; 33256 " 33257 data-product-id="10862157201601" 33258
33259 on:pointerenter="/previewImage" 33260 on:pointerleave="/resetImage" 33261 33262 33263 data-view-transition-to-main-product 33264 33265 data-image-ratio="portrait" 33266 33267> 33268 <a 33269 class="contents" 33270 ref="cardGalleryLink" 33271 href="/products/aeropress-xl-stainless-steel-reusable-filter?variant=49814136160449" 33272 aria-label="AeroPress XL Stainless Steel Reusable Filter" 33273 > 33274 <slideshow-component 33275 33276 ref="slideshow" 33277 33278 33279 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;" 33280 33281 initial-slide="0" 33282 33283 33284 infinite 33285 33286 33287 data-generic-media-size="5" 33288> 33289 33290 <slideshow-container ref="slideshowContainer"> 33291 33292 <slideshow-arrows 33293 position="center" 33294 33295><button 33296 class=" 33297 slideshow-control slideshow-control--previous 33298 33299 33300 slideshow-control--style-arrow 33301 button button-unstyled button-unstyled--transparent 33302 flip-x 33303 " 33304 33305 aria-label="Previous slide" 33306 33307 on:click="/previous" 33308 ref="previous" 33309> 33310 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 33311</span> 33312</button> 33313<button 33314 class=" 33315 slideshow-control slideshow-control--next 33316 33317 33318 slideshow-control--style-arrow 33319 button button-unstyled button-unstyled--transparent 33320 33321 " 33322 33323 aria-label="Next slide" 33324 33325 on:click="/next" 33326 ref="next" 33327> 33328 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 33329</span> 33330</button> 33331</slideshow-arrows> 33332 33333 33334 33335 <slideshow-slides 33336 tabindex="-1" 33337 ref="scroller" 33338 33339 > 33340 <slideshow-slide 33341 ref="slides[]" 33342 aria-hidden="false" 33343 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33344 33345 class="product-media-container media-fit product-media-container--image" 33346 33347 33348 33349 33350 slide-id="40373126037697" 33351 33352 33353 33354 33355> 33356 33357 33358<div 33359 class="product-media" 33360 style="--ratio: 1.0" 33361 data-media-id="40373126037697" 33362> 33363 33364 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=3840" alt="AeroPress XL Stainless Steel Reusable Filter coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33365 33366 33367</div> 33368 33369 33370 33371</slideshow-slide> 33372<slideshow-slide 33373 ref="slides[]" 33374 aria-hidden="true" 33375 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33376 33377 class="product-media-container media-fit product-media-container--image" 33378 33379 33380 33381 33382 slide-id="40373126070465" 33383 33384 33385 33386 33387> 33388 33389 33390<div 33391 class="product-media" 33392 style="--ratio: 1.0" 33393 data-media-id="40373126070465" 33394> 33395 33396 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33397 33398 33399</div> 33400 33401 33402 33403</slideshow-slide> 33404<slideshow-slide 33405 ref="slides[]" 33406 aria-hidden="true" 33407 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33408 33409 class="product-media-container media-fit product-media-container--image" 33410 33411 33412 33413 33414 slide-id="40373126103233" 33415 33416 33417 33418 33419> 33420 33421 33422<div 33423 class="product-media" 33424 style="--ratio: 1.0" 33425 data-media-id="40373126103233" 33426> 33427 33428 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33429 33430 33431</div> 33432 33433 33434 33435</slideshow-slide> 33436<slideshow-slide 33437 ref="slides[]" 33438 aria-hidden="true" 33439 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33440 33441 class="product-media-container media-fit product-media-container--image" 33442 33443 33444 33445 33446 slide-id="40373126136001" 33447 33448 33449 33450 33451> 33452 33453 33454<div 33455 class="product-media" 33456 style="--ratio: 1.0" 33457 data-media-id="40373126136001" 33458> 33459 33460 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33461 33462 33463</div> 33464 33465 33466 33467</slideshow-slide> 33468<slideshow-slide 33469 ref="slides[]" 33470 aria-hidden="true" 33471 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33472 33473 class="product-media-container media-fit product-media-container--image" 33474 33475 33476 33477 33478 slide-id="40373126168769" 33479 33480 33481 33482 33483> 33484 33485 33486<div 33487 class="product-media" 33488 style="--ratio: 1.0" 33489 data-media-id="40373126168769" 33490> 33491 33492 <img src="//humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33493 33494 33495</div> 33496 33497 33498 33499</slideshow-slide> 33500 33501 </slideshow-slides> 33502 </slideshow-container> 33503 33504</slideshow-component> 33505 33506 33507 33508 </a> 33509 33510 33511 <div 33512 class="product-badges product-badges--top-right" 33513 style=" 33514 --badge-border-radius: 2px; 33515 --badge-font-family: var(--font-body--family);
33515 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 33516 " 33517 ></div> 33518 33519 33520 33521<quick-add-component 33522 class="quick-add color-scheme-1 " 33523 ref="quickAdd" 33524 data-product-title="AeroPress XL Stainless Steel Reusable Filter" 33525 data-quick-add-button="add" 33526 data-product-options-count="1" 33527> 33528 <product-form-component 33529 data-section-id="template--24479419367617__main" 33530 data-product-id="10862157201601" 33531 on:submit="/handleSubmit" 33532 class="quick-add__product-form-component" 33533 > 33534 <div 33535 class="visually-hidden" 33536 aria-live="assertive" 33537 role="status" 33538 aria-atomic="true" 33539 ref="liveRegion" 33540 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862157201601-AbnhndkZhbW0yK2Rld__card-gallery-23" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 33541 type="hidden" 33542 name="id" 33543 ref="variantId" 33544 value="49814136160449" 33545 33546 > 33547 <input 33548 type="hidden" 33549 name="quantity" 33550 value="1" 33551 > 33552 33553 <add-to-cart-component 33554 ref="addToCartButtonContainer" 33555 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&width=100" 33556 data-add-to-cart-animation="true" 33557> 33558 <button 33559 33560 type="submit" 33561 name="add" 33562 ref="addToCartButton" 33563 on:click="/handleClick" 33564 class="button button quick-add__button quick-add__button--add add-to-cart-button" 33565 33566 33567 > 33568 <span 33569 class="add-to-cart-text" 33570 > 33571 33572 <span 33573 aria-hidden="true" 33574 class="svg-wrapper add-to-cart-icon" 33575 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 33576</span> 33577 33578 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 33579 <span> 33580 <span>Add</span> 33581 </span> 33582 </span> 33583 </span> 33584 33585 <span class="add-to-cart__added"> 33586 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 33587 <g class="check"> 33588 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 33589 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 33590 </g> 33591 <g class="burst"> 33592 <g style="--index: 0;"> 33593 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33594 </g> 33595 <g style="--index: 1;"> 33596 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33597 </g> 33598 <g style="--index: 2;"> 33599 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33600 </g> 33601 <g style="--index: 3;"> 33602 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33603 </g> 33604 <g style="--index: 4;"> 33605 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33606 </g> 33607 <g style="--index: 5;"> 33608 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33609 </g> 33610 <g style="--index: 6;"> 33611 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33612 </g> 33613 <g style="--index: 7;"> 33614 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 33615 </g> 33616 </g> 33617</svg> 33618</span> 33619 </span> 33620 </button> 33621</add-to-cart-component> 33622 33623 33624 <button 33625 class="button quick-add__button quick-add__button--choose add-to-cart-button" 33626 33627 type="button" 33628 name="add" 33629 on:click="quick-add-component/handleClick" 33630 >
33631 <span 33632 class="add-to-cart-text" 33633 > 33634 33635 <span 33636 aria-hidden="true" 33637 class="svg-wrapper add-to-cart-icon" 33638 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 33639</span> 33640 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 33641 <span> 33642 33643 <span> 33644 Choose 33645 </span> 33646 </span> 33647 </span> 33648 </span> 33649 </button><input type="hidden" name="product-id" value="10862157201601" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 33650</quick-add-component> 33651 33652 33653 33654 33655 33656 33657</div> 33658 33659 33660 33661 33662 33663<div class="product-grid-view-zoom-out--details"> 33664 33665 <h3 class="h4">AeroPress XL Stainless Steel Reusable Filter</h3> 33666 33667</div> 33668 33669 33670 33671 33672 33673 33674 33675 33676<div 33677 class=" 33678 group-block 33679 group-block--height-fit 33680 group-block--width-fill 33681 border-style 33682 spacing-style 33683 size-style 33684 33685 33686 " 33687 style=" 33688 --border-width: 1px; --border-style: none; --border-color: 33689rgb(var(--color-border-rgb) / 1.0); --border-radius: 336900px; 33691 33692 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33693 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 33694 33695 " 33696 33697 data-testid="group-block" 33698><div class="group-block__media-wrapper"> 33699 33700 33701 33702 33703 33704 </div> 33705 33706 <div 33707 class=" 33708 group-block-content 33709 33710 layout-panel-flex 33711 layout-panel-flex--column 33712 mobile-column 33713 " 33714 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 33715 33716--gap: 4px; 33717 33718--horizontal-alignment: center; --vertical-alignment: center; 33719--vertical-alignment-mobile: center; 33720" 33721 > 33722 33723 33724 33725 33726 <a 33727 class="contents user-select-text" 33728 ref="productTitleLink" 33729 href="/products/aeropress-xl-stainless-steel-reusable-filter?variant=49814136160449" 33730 > 33731 33732 33733 33734 33735 33736 33737 33738 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-23 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 33739 <p>AeroPress XL Stainless Steel Reusable Filter</p> 33740 </div> 33741 33742 33743 33744 33745 </a> 33746 33747 33748 33749 33750 33751 33752<product-price 33753 class="text-block text-block--align-center rte text-center paragraph spacing-style" 33754 data-block-id="AaTU4QWlBSTJKVFFpe__price-23" 33755 data-product-id="10862157201601" 33756 style=" 33757 33758--color: var(--color-foreground); 33759 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33760 --width: 100%; 33761 " 33762 33763> 33764 <div ref="priceContainer"> 33765 33766 33767 33768 33769 33770 <span class="price">$19.95</span> 33771 33772 33773 33774 33775</div> 33776 33777 33778</product-price> 33779 33780 33781 33782 33783 33784 33785 33786</div> 33787</div> 33788 33789 33790 33791 33792 33793 33794 33795 </div> 33796</product-card></product-card-link> 33797 33798 33799 33800 33801 </li> 33802 33803 <li 33804 id="template--24479419367617__main-7121014718657" 33805 class="product-grid__item product-grid__item--24" 33806 data-page="1" 33807 data-product-id="7121014718657" 33808 ref="cards[]" 33809 > 33810 33811 33812 33813 33814 33815 33816<style data-shopify> 33817 33818</style> 33819 33820 33821<product-card-link 33822 data-product-id="7121014718657" 33823 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=500" 33824 data-product-transition="true" 33825 33826 ><product-card 33827 class="product-card" 33828 data-product-id="7121014718657" 33829 id="product-card-ARFVUbHVMLy90TE1EM__product-card-24" 33830 data-product-transition="true" 33831 33832 33833> 33834 <a 33835 id="5df2aae5aa25508999d4bc7fef5870ad" 33836 33837 href="/products/camping-mug?variant=41295546974401" 33838 33839 class="product-card__link" 33840 ref="productCardLink" 33841 > 33842 <span class="visually-hidden"> 33843 Camping Mug 33844 </span> 33845 </a> 33846 <div 33847 class=" 33848 product-card__content 33849 layout-panel-flex 33850 layout-panel-flex--column 33851 product-grid__card 33852 spacing-style 33853 border-style 33854 gap-style 33855 33856 " 33857 style=" 33858 --border-width: 1px; --border-style: none; --border-color: 33859rgb(var(--color-border-rgb) / 1.0); --border-radius: 338600px; 33861 33862 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 33863 33864 33865 33866--horizontal-alignment: ; --vertical-alignment: ; 33867--vertical-alignment-mobile: ; 33868 33869 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33870 --product-card-gap: 8px; 33871 --quick-add-display: flex; 33872 --quick-add-mobile-display: none; 33873 --quick-add-mobile-opacity: 0; 33874 33875 33876 33877 33878 " 33879 > 33880 33881 33882 33883 33884 33885 33886 33887 33888 33889<div 33890 ref="cardGallery" 33891 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-24 spacing-style border-style" 33892 style=" 33893 --border-width: 1px; --border-style: none; --border-color: 33894rgb(var(--color-border-rgb) / 1.0); --border-radius: 338950px; 33896 33897 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 33898 --gallery-aspect-ratio: 4 / 5; 33899 " 33900 data-product-id="7121014718657" 33901
33902 on:pointerenter="/previewImage" 33903 on:pointerleave="/resetImage" 33904 33905 33906 data-view-transition-to-main-product 33907 33908 data-image-ratio="portrait" 33909 33910> 33911 <a 33912 class="contents" 33913 ref="cardGalleryLink" 33914 href="/products/camping-mug?variant=41295546974401" 33915 aria-label="Camping Mug" 33916 > 33917 <slideshow-component 33918 33919 ref="slideshow" 33920 33921 33922 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 33923 33924 initial-slide="0" 33925 33926 33927 infinite 33928 33929 33930 data-generic-media-size="1" 33931> 33932 33933 <slideshow-container ref="slideshowContainer"> 33934 33935 33936 <slideshow-slides 33937 tabindex="-1" 33938 ref="scroller" 33939 33940 > 33941 <slideshow-slide 33942 ref="slides[]" 33943 aria-hidden="false" 33944 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 33945 33946 class="product-media-container media-fit product-media-container--image" 33947 33948 33949 33950 33951 slide-id="24116937523393" 33952 33953 33954 33955 33956> 33957 33958 33959<div 33960 class="product-media" 33961 style="--ratio: 1.0" 33962 data-media-id="24116937523393" 33963> 33964 33965 <img src="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=3840" alt="Camping Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=240 240w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=352 352w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=832 832w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 33966 33967 33968</div> 33969 33970 33971 33972</slideshow-slide> 33973 33974 </slideshow-slides> 33975 </slideshow-container> 33976 33977</slideshow-component> 33978 33979 33980 33981 </a> 33982 33983 33984 <div 33985 class="product-badges product-badges--top-right" 33986 style=" 33987 --badge-border-radius: 2px; 33988 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 33989 " 33990 ></div> 33991 33992 33993 33994<quick-add-component 33995 class="quick-add color-scheme-1 " 33996 ref="quickAdd" 33997 data-product-title="Camping Mug" 33998 data-quick-add-button="add" 33999 data-product-options-count="1" 34000> 34001 <product-form-component 34002 data-section-id="template--24479419367617__main" 34003 data-product-id="7121014718657" 34004 on:submit="/handleSubmit" 34005 class="quick-add__product-form-component" 34006 > 34007 <div 34008 class="visually-hidden" 34009 aria-live="assertive" 34010 role="status" 34011 aria-atomic="true" 34012 ref="liveRegion" 34013 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7121014718657-AbnhndkZhbW0yK2Rld__card-gallery-24" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 34014 type="hidden" 34015 name="id" 34016 ref="variantId" 34017 value="41295546974401" 34018 34019 > 34020 <input 34021 type="hidden" 34022 name="quantity" 34023 value="1" 34024 > 34025 34026 <add-to-cart-component 34027 ref="addToCartButtonContainer" 34028 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&width=100" 34029 data-add-to-cart-animation="true" 34030> 34031 <button 34032 34033 type="submit" 34034 name="add" 34035 ref="addToCartButton" 34036 on:click="/handleClick" 34037 class="button button quick-add__button quick-add__button--add add-to-cart-button" 34038 34039 34040 > 34041 <span 34042 class="add-to-cart-text" 34043 > 34044
34045 <span 34046 aria-hidden="true" 34047 class="svg-wrapper add-to-cart-icon" 34048 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 34049</span> 34050 34051 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 34052 <span> 34053 <span>Add</span> 34054 </span> 34055 </span> 34056 </span> 34057 34058 <span class="add-to-cart__added"> 34059 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 34060 <g class="check"> 34061 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 34062 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 34063 </g> 34064 <g class="burst"> 34065 <g style="--index: 0;"> 34066 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34067 </g> 34068 <g style="--index: 1;"> 34069 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34070 </g> 34071 <g style="--index: 2;"> 34072 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34073 </g> 34074 <g style="--index: 3;"> 34075 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34076 </g> 34077 <g style="--index: 4;"> 34078 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34079 </g> 34080 <g style="--index: 5;"> 34081 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34082 </g> 34083 <g style="--index: 6;"> 34084 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34085 </g> 34086 <g style="--index: 7;"> 34087 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34088 </g> 34089 </g> 34090</svg> 34091</span> 34092 </span> 34093 </button> 34094</add-to-cart-component> 34095 34096 34097 <button 34098 class="button quick-add__button quick-add__button--choose add-to-cart-button" 34099 34100 type="button" 34101 name="add" 34102 on:click="quick-add-component/handleClick" 34103 > 34104 <span 34105 class="add-to-cart-text" 34106 > 34107 34108 <span 34109 aria-hidden="true" 34110 class="svg-wrapper add-to-cart-icon" 34111 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 34112</span> 34113 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 34114 <span> 34115 34116 <span> 34117 Choose 34118 </span> 34119 </span> 34120 </span> 34121 </span> 34122 </button><input type="hidden" name="product-id" value="7121014718657" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 34123</quick-add-component> 34124 34125 34126 34127 34128 34129 34130</div> 34131 34132 34133 34134 34135 34136<div class="product-grid-view-zoom-out--details"> 34137 34138 <h3 class="h4">Camping Mug</h3> 34139 34140</div> 34141 34142 34143 34144 34145 34146 34147 34148 34149<div 34150 class=" 34151 group-block 34152 group-block--height-fit 34153 group-block--width-fill 34154 border-style 34155 spacing-style 34156 size-style 34157 34158 34159 " 34160 style=" 34161 --border-width: 1px; --border-style: none; --border-color: 34162rgb(var(--color-border-rgb) / 1.0); --border-radius: 341630px; 34164 34165 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34166 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 34167 34168 " 34169 34170 data-testid="group-block" 34171><div class="group-block__media-wrapper"> 34172 34173 34174 34175 34176 34177 </div> 34178 34179 <div 34180 class=" 34181 group-block-content 34182 34183 layout-panel-flex 34184 layout-panel-flex--column 34185 mobile-column 34186 " 34187 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 34188 34189--gap: 4px; 34190 34191--horizontal-alignment: center; --vertical-alignment: center; 34192--vertical-alignment-mobile: center; 34193" 34194 > 34195 34196 34197 34198 34199 <a 34200 class="contents user-select-text" 34201 ref="productTitleLink" 34202 href="/products/camping-mug?variant=41295546974401" 34203 > 34204 34205 34206 34207 34208 34209 34210 34211 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-24 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 34212 <p>Camping Mug</p> 34213 </div> 34214 34215 34216 34217 34218 </a> 34219 34220 34221 34222 34223 34224 34225<product-price 34226 class="text-block text-block--align-center rte text-center paragraph spacing-style" 34227 data-block-id="AaTU4QWlBSTJKVFFpe__price-24" 34228 data-product-id="7121014718657" 34229 style=" 34230 34231--color: var(--color-foreground); 34232 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34233 --width: 100%; 34234 " 34235 34236> 34237 <div ref="priceContainer"> 34238 34239 34240 34241 34242
34243 <span class="price">$12.00</span> 34244 34245 34246 34247 34248</div> 34249 34250 34251</product-price> 34252 34253 34254 34255 34256 34257 34258 34259</div> 34260</div> 34261 34262 34263 34264 34265 34266 34267 34268 </div> 34269</product-card></product-card-link> 34270 34271 34272 34273 34274 </li> 34275 34276 <li 34277 id="template--24479419367617__main-10862156775617" 34278 class="product-grid__item product-grid__item--25" 34279 data-page="1" 34280 data-product-id="10862156775617" 34281 ref="cards[]" 34282 > 34283 34284 34285 34286 34287 34288 34289<style data-shopify> 34290 34291</style> 34292 34293 34294<product-card-link 34295 data-product-id="10862156775617" 34296 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=500" 34297 data-product-transition="true" 34298 34299 ><product-card 34300 class="product-card" 34301 data-product-id="10862156775617" 34302 id="product-card-ARFVUbHVMLy90TE1EM__product-card-25" 34303 data-product-transition="true" 34304 34305 34306> 34307 <a 34308 id="1bf7dc69c60faa6c84cb1b81911e9bf9" 34309 34310 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black-w-walnut?variant=49814135865537" 34311 34312 class="product-card__link" 34313 ref="productCardLink" 34314 > 34315 <span class="visually-hidden"> 34316 Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut 34317 </span> 34318 </a> 34319 <div 34320 class=" 34321 product-card__content 34322 layout-panel-flex 34323 layout-panel-flex--column 34324 product-grid__card 34325 spacing-style 34326 border-style 34327 gap-style 34328 34329 " 34330 style=" 34331 --border-width: 1px; --border-style: none; --border-color: 34332rgb(var(--color-border-rgb) / 1.0); --border-radius: 343330px; 34334 34335 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 34336 34337 34338 34339--horizontal-alignment: ; --vertical-alignment: ; 34340--vertical-alignment-mobile: ; 34341 34342 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34343 --product-card-gap: 8px; 34344 --quick-add-display: flex; 34345 --quick-add-mobile-display: none; 34346 --quick-add-mobile-opacity: 0; 34347 34348 34349 34350 34351 " 34352 > 34353 34354 34355 34356 34357 34358 34359 34360 34361 34362<div 34363 ref="cardGallery" 34364 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-25 spacing-style border-style" 34365 style=" 34366 --border-width: 1px; --border-style: none; --border-color: 34367rgb(var(--color-border-rgb) / 1.0); --border-radius: 343680px; 34369 34370 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34371 --gallery-aspect-ratio: 4 / 5; 34372 " 34373 data-product-id="10862156775617" 34374 34375 on:pointerenter="/previewImage" 34376 on:pointerleave="/resetImage" 34377 34378 34379 data-view-transition-to-main-product 34380 34381 data-image-ratio="portrait" 34382 34383> 34384 <a 34385 class="contents" 34386 ref="cardGalleryLink" 34387 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black-w-walnut?variant=49814135865537" 34388 aria-label="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut" 34389 > 34390 <slideshow-component 34391 34392 ref="slideshow" 34393 34394 34395 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;" 34396 34397 initial-slide="0" 34398 34399 34400 infinite 34401 34402 34403 data-generic-media-size="9" 34404> 34405 34406 <slideshow-container ref="slideshowContainer"> 34407 34408 <slideshow-arrows 34409 position="center" 34410 34411><button 34412 class=" 34413 slideshow-control slideshow-control--previous 34414 34415 34416 slideshow-control--style-arrow 34417 button button-unstyled button-unstyled--transparent 34418 flip-x 34419 " 34420 34421 aria-label="Previous slide" 34422 34423 on:click="/previous" 34424 ref="previous" 34425> 34426 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 34427</span> 34428</button> 34429<button 34430 class=" 34431 slideshow-control slideshow-control--next 34432 34433 34434 slideshow-control--style-arrow 34435 button button-unstyled button-unstyled--transparent 34436 34437 " 34438 34439 aria-label="Next slide" 34440
34441 on:click="/next" 34442 ref="next" 34443> 34444 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 34445</span> 34446</button> 34447</slideshow-arrows> 34448 34449 34450 34451 <slideshow-slides 34452 tabindex="-1" 34453 ref="scroller" 34454 34455 > 34456 <slideshow-slide 34457 ref="slides[]" 34458 aria-hidden="false" 34459 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 34460 34461 class="product-media-container media-fit product-media-container--image" 34462 34463 34464 34465 34466 slide-id="41833911713985" 34467 34468 34469 34470 34471> 34472 34473 34474<div 34475 class="product-media" 34476 style="--ratio: 1.0" 34477 data-media-id="41833911713985" 34478> 34479 34480 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 34481 34482 34483</div> 34484 34485 34486 34487</slideshow-slide> 34488<slideshow-slide 34489 ref="slides[]" 34490 aria-hidden="true" 34491 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 34492 34493 class="product-media-container media-fit product-media-container--image" 34494 34495 34496 34497 34498 slide-id="41852145860801" 34499 34500 34501 34502 34503> 34504 34505 34506<div 34507 class="product-media" 34508 style="--ratio: 1.0" 34509 data-media-id="41852145860801" 34510> 34511 34512 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 34513 34514 34515</div> 34516 34517 34518 34519</slideshow-slide> 34520<slideshow-slide 34521 ref="slides[]" 34522 aria-hidden="true" 34523 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 34524 34525 class="product-media-container media-fit product-media-container--image" 34526 34527 34528 34529 34530 slide-id="40373123449025" 34531 34532 34533 34534 34535> 34536 34537 34538<div 34539 class="product-media" 34540 style="--ratio: 1.0" 34541 data-media-id="40373123449025" 34542> 34543 34544 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte Black
34544w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 34545 34546 34547</div> 34548 34549 34550 34551</slideshow-slide> 34552<slideshow-slide 34553 ref="slides[]" 34554 aria-hidden="true" 34555 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 34556 34557 class="product-media-container media-fit product-media-container--image" 34558 34559 34560 34561 34562 slide-id="40373123481793" 34563 34564 34565 34566 34567> 34568 34569 34570<div 34571 class="product-media" 34572 style="--ratio: 1.0" 34573 data-media-id="40373123481793" 34574> 34575 34576 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 34577 34578 34579</div> 34580 34581 34582 34583</slideshow-slide> 34584<slideshow-slide 34585 ref="slides[]" 34586 aria-hidden="true" 34587 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 34588 34589 class="product-media-container media-fit product-media-container--image" 34590 34591 34592 34593 34594 slide-id="40373123514561" 34595 34596 34597 34598 34599> 34600 34601 34602<div 34603 class="product-media" 34604 style="--ratio: 1.0" 34605 data-media-id="40373123514561" 34606> 34607 34608 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 34609 34610 34611</div> 34612 34613 34614 34615</slideshow-slide> 34616 34617 </slideshow-slides> 34618 </slideshow-container> 34619 34620</slideshow-component> 34621 34622 34623 34624 </a> 34625 34626 34627 <div 34628 class="product-badges product-badges--top-right" 34629 style=" 34630 --badge-border-radius: 2px; 34631 --badge-font-family: var(--font-body--family);
34631 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 34632 " 34633 ></div> 34634 34635 34636 34637<quick-add-component 34638 class="quick-add color-scheme-1 " 34639 ref="quickAdd" 34640 data-product-title="Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut" 34641 data-quick-add-button="add" 34642 data-product-options-count="1" 34643> 34644 <product-form-component 34645 data-section-id="template--24479419367617__main" 34646 data-product-id="10862156775617" 34647 on:submit="/handleSubmit" 34648 class="quick-add__product-form-component" 34649 > 34650 <div 34651 class="visually-hidden" 34652 aria-live="assertive" 34653 role="status" 34654 aria-atomic="true" 34655 ref="liveRegion" 34656 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156775617-AbnhndkZhbW0yK2Rld__card-gallery-25" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 34657 type="hidden" 34658 name="id" 34659 ref="variantId" 34660 value="49814135865537" 34661 34662 > 34663 <input 34664 type="hidden" 34665 name="quantity" 34666 value="1" 34667 > 34668 34669 <add-to-cart-component 34670 ref="addToCartButtonContainer" 34671 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&width=100" 34672 data-add-to-cart-animation="true" 34673> 34674 <button 34675 34676 type="submit" 34677 name="add" 34678 ref="addToCartButton" 34679 on:click="/handleClick" 34680 class="button button quick-add__button quick-add__button--add add-to-cart-button" 34681 34682 34683 > 34684 <span 34685 class="add-to-cart-text" 34686 > 34687 34688 <span 34689 aria-hidden="true" 34690 class="svg-wrapper add-to-cart-icon" 34691 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 34692</span> 34693 34694 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 34695 <span> 34696 <span>Add</span> 34697 </span> 34698 </span> 34699 </span> 34700 34701 <span class="add-to-cart__added"> 34702 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 34703 <g class="check"> 34704 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 34705 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 34706 </g> 34707 <g class="burst"> 34708 <g style="--index: 0;"> 34709 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34710 </g> 34711 <g style="--index: 1;"> 34712 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34713 </g> 34714 <g style="--index: 2;"> 34715 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34716 </g> 34717 <g style="--index: 3;"> 34718 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34719 </g> 34720 <g style="--index: 4;"> 34721 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34722 </g> 34723 <g style="--index: 5;"> 34724 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34725 </g> 34726 <g style="--index: 6;"> 34727 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34728 </g> 34729 <g style="--index: 7;"> 34730 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 34731 </g> 34732 </g> 34733</svg> 34734</span> 34735 </span> 34736 </button> 34737</add-to-cart-component> 34738 34739 34740 <button 34741 class="button quick-add__button quick-add__button--choose add-to-cart-button" 34742 34743 type="button" 34744 name="add" 34745 on:click="quick-add-component/handleClick" 34746 >
34747 <span 34748 class="add-to-cart-text" 34749 > 34750 34751 <span 34752 aria-hidden="true" 34753 class="svg-wrapper add-to-cart-icon" 34754 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 34755</span> 34756 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 34757 <span> 34758 34759 <span> 34760 Choose 34761 </span> 34762 </span> 34763 </span> 34764 </span> 34765 </button><input type="hidden" name="product-id" value="10862156775617" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 34766</quick-add-component> 34767 34768 34769 34770 34771 34772 34773</div> 34774 34775 34776 34777 34778 34779<div class="product-grid-view-zoom-out--details"> 34780 34781 <h3 class="h4">Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut</h3> 34782 34783</div> 34784 34785 34786 34787 34788 34789 34790 34791 34792<div 34793 class=" 34794 group-block 34795 group-block--height-fit 34796 group-block--width-fill 34797 border-style 34798 spacing-style 34799 size-style 34800 34801 34802 " 34803 style=" 34804 --border-width: 1px; --border-style: none; --border-color: 34805rgb(var(--color-border-rgb) / 1.0); --border-radius: 348060px; 34807 34808 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34809 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 34810 34811 " 34812 34813 data-testid="group-block" 34814><div class="group-block__media-wrapper"> 34815 34816 34817 34818 34819 34820 </div> 34821 34822 <div 34823 class=" 34824 group-block-content 34825 34826 layout-panel-flex 34827 layout-panel-flex--column 34828 mobile-column 34829 " 34830 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 34831 34832--gap: 4px; 34833 34834--horizontal-alignment: center; --vertical-alignment: center; 34835--vertical-alignment-mobile: center; 34836" 34837 > 34838 34839 34840 34841 34842 <a 34843 class="contents user-select-text" 34844 ref="productTitleLink" 34845 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black-w-walnut?variant=49814135865537" 34846 > 34847 34848 34849 34850 34851 34852 34853 34854 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-25 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 34855 <p>Fellow Stagg EKG Pro Electric Kettle - Matte Black w/ Walnut</p> 34856 </div> 34857 34858 34859 34860 34861 </a> 34862 34863 34864 34865 34866 34867 34868<product-price 34869 class="text-block text-block--align-center rte text-center paragraph spacing-style" 34870 data-block-id="AaTU4QWlBSTJKVFFpe__price-25" 34871 data-product-id="10862156775617" 34872 style=" 34873 34874--color: var(--color-foreground); 34875 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34876 --width: 100%; 34877 " 34878 34879> 34880 <div ref="priceContainer"> 34881 34882 34883 34884 34885 34886 <span class="price">$199.95</span> 34887 34888 34889 34890 34891</div> 34892 34893 34894</product-price> 34895 34896 34897 34898 34899 34900 34901 34902</div> 34903</div> 34904 34905 34906 34907 34908 34909 34910 34911 </div> 34912</product-card></product-card-link> 34913 34914 34915 34916 34917 </li> 34918 34919 <li 34920 id="template--24479419367617__main-10862156611777" 34921 class="product-grid__item product-grid__item--26" 34922 data-page="1" 34923 data-product-id="10862156611777" 34924 ref="cards[]" 34925 > 34926 34927 34928 34929 34930 34931 34932<style data-shopify> 34933 34934</style> 34935 34936 34937<product-card-link 34938 data-product-id="10862156611777" 34939 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=500" 34940 data-product-transition="true" 34941 34942 ><product-card 34943 class="product-card" 34944 data-product-id="10862156611777" 34945 id="product-card-ARFVUbHVMLy90TE1EM__product-card-26" 34946 data-product-transition="true" 34947 34948 34949> 34950 <a 34951 id="7c20556fe8fb60021de7492d034eac48" 34952 34953 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white?variant=49814135668929" 34954 34955 class="product-card__link" 34956 ref="productCardLink" 34957 > 34958 <span class="visually-hidden"> 34959 Fellow Stagg EKG Pro Electric Kettle - Matte White 34960 </span> 34961 </a> 34962 <div 34963 class=" 34964 product-card__content 34965 layout-panel-flex 34966 layout-panel-flex--column 34967 product-grid__card 34968 spacing-style 34969 border-style 34970 gap-style 34971 34972 " 34973 style=" 34974 --border-width: 1px; --border-style: none; --border-color: 34975rgb(var(--color-border-rgb) / 1.0); --border-radius: 349760px; 34977 34978 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 34979 34980 34981 34982--horizontal-alignment: ; --vertical-alignment: ; 34983--vertical-alignment-mobile: ; 34984 34985 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 34986 --product-card-gap: 8px; 34987 --quick-add-display: flex; 34988 --quick-add-mobile-display: none; 34989 --quick-add-mobile-opacity: 0; 34990 34991 34992 34993 34994 " 34995 > 34996 34997 34998 34999 35000 35001 35002 35003 35004 35005<div 35006 ref="cardGallery" 35007 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-26 spacing-style border-style" 35008 style=" 35009 --border-width: 1px; --border-style: none; --border-color: 35010rgb(var(--color-border-rgb) / 1.0); --border-radius: 350110px; 35012 35013 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 35014 --gallery-aspect-ratio: 4 / 5; 35015 " 35016 data-product-id="10862156611777" 35017
35018 on:pointerenter="/previewImage" 35019 on:pointerleave="/resetImage" 35020 35021 35022 data-view-transition-to-main-product 35023 35024 data-image-ratio="portrait" 35025 35026> 35027 <a 35028 class="contents" 35029 ref="cardGalleryLink" 35030 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white?variant=49814135668929" 35031 aria-label="Fellow Stagg EKG Pro Electric Kettle - Matte White" 35032 > 35033 <slideshow-component 35034 35035 ref="slideshow" 35036 35037 35038 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;" 35039 35040 initial-slide="0" 35041 35042 35043 infinite 35044 35045 35046 data-generic-media-size="7" 35047> 35048 35049 <slideshow-container ref="slideshowContainer"> 35050 35051 <slideshow-arrows 35052 position="center" 35053 35054><button 35055 class=" 35056 slideshow-control slideshow-control--previous 35057 35058 35059 slideshow-control--style-arrow 35060 button button-unstyled button-unstyled--transparent 35061 flip-x 35062 " 35063 35064 aria-label="Previous slide" 35065 35066 on:click="/previous" 35067 ref="previous" 35068> 35069 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 35070</span> 35071</button> 35072<button 35073 class=" 35074 slideshow-control slideshow-control--next 35075 35076 35077 slideshow-control--style-arrow 35078 button button-unstyled button-unstyled--transparent 35079 35080 " 35081 35082 aria-label="Next slide" 35083 35084 on:click="/next" 35085 ref="next" 35086> 35087 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 35088</span> 35089</button> 35090</slideshow-arrows> 35091 35092 35093 35094 <slideshow-slides 35095 tabindex="-1" 35096 ref="scroller" 35097 35098 > 35099 <slideshow-slide 35100 ref="slides[]" 35101 aria-hidden="false" 35102 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35103 35104 class="product-media-container media-fit product-media-container--image" 35105 35106 35107 35108 35109 slide-id="40373121777857" 35110 35111 35112 35113 35114> 35115 35116 35117<div 35118 class="product-media" 35119 style="--ratio: 1.0" 35120 data-media-id="40373121777857" 35121> 35122 35123 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35124 35125 35126</div> 35127 35128 35129 35130</slideshow-slide> 35131<slideshow-slide 35132 ref="slides[]" 35133 aria-hidden="true" 35134 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35135 35136 class="product-media-container media-fit product-media-container--image" 35137 35138 35139 35140 35141 slide-id="40373121810625" 35142 35143 35144 35145 35146> 35147 35148 35149<div 35150 class="product-media" 35151 style="--ratio: 1.0" 35152 data-media-id="40373121810625" 35153> 35154 35155 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35156 35157 35158</div> 35159 35160 35161 35162</slideshow-slide> 35163<slideshow-slide 35164 ref="slides[]" 35165 aria-hidden="true" 35166 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35167 35168 class="product-media-container media-fit product-media-container--image" 35169 35170 35171 35172 35173 slide-id="40373121843393" 35174 35175 35176 35177 35178> 35179 35180 35181<div 35182 class="product-media" 35183 style="--ratio: 1.0" 35184 data-media-id="40373121843393" 35185> 35186 35187 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35188 35189 35190</div> 35191 35192 35193 35194</slideshow-slide> 35195<slideshow-slide 35196 ref="slides[]" 35197 aria-hidden="true" 35198 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35199 35200 class="product-media-container media-fit product-media-container--image" 35201 35202 35203 35204 35205 slide-id="40373121876161" 35206 35207 35208 35209 35210> 35211 35212 35213<div 35214 class="product-media" 35215 style="--ratio: 1.0" 35216 data-media-id="40373121876161" 35217> 35218 35219 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35220 35221 35222</div> 35223 35224 35225 35226</slideshow-slide> 35227<slideshow-slide 35228 ref="slides[]" 35229 aria-hidden="true" 35230 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35231 35232 class="product-media-container media-fit product-media-container--image" 35233 35234 35235 35236 35237 slide-id="40373121908929" 35238 35239 35240 35241 35242> 35243 35244 35245<div 35246 class="product-media" 35247 style="--ratio: 1.0" 35248 data-media-id="40373121908929" 35249> 35250 35251 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35252 35253 35254</div> 35255 35256 35257 35258</slideshow-slide> 35259 35260 </slideshow-slides> 35261 </slideshow-container> 35262 35263</slideshow-component> 35264 35265 35266 35267 </a> 35268 35269 35270 <div 35271 class="product-badges product-badges--top-right" 35272 style=" 35273 --badge-border-radius: 2px; 35274 --badge-font-family: var(--font-body--family);
35274 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 35275 " 35276 ></div> 35277 35278 35279 35280<quick-add-component 35281 class="quick-add color-scheme-1 " 35282 ref="quickAdd" 35283 data-product-title="Fellow Stagg EKG Pro Electric Kettle - Matte White" 35284 data-quick-add-button="add" 35285 data-product-options-count="1" 35286> 35287 <product-form-component 35288 data-section-id="template--24479419367617__main" 35289 data-product-id="10862156611777" 35290 on:submit="/handleSubmit" 35291 class="quick-add__product-form-component" 35292 > 35293 <div 35294 class="visually-hidden" 35295 aria-live="assertive" 35296 role="status" 35297 aria-atomic="true" 35298 ref="liveRegion" 35299 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156611777-AbnhndkZhbW0yK2Rld__card-gallery-26" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 35300 type="hidden" 35301 name="id" 35302 ref="variantId" 35303 value="49814135668929" 35304 35305 > 35306 <input 35307 type="hidden" 35308 name="quantity" 35309 value="1" 35310 > 35311 35312 <add-to-cart-component 35313 ref="addToCartButtonContainer" 35314 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&width=100" 35315 data-add-to-cart-animation="true" 35316> 35317 <button 35318 35319 type="submit" 35320 name="add" 35321 ref="addToCartButton" 35322 on:click="/handleClick" 35323 class="button button quick-add__button quick-add__button--add add-to-cart-button" 35324 35325 35326 > 35327 <span 35328 class="add-to-cart-text" 35329 > 35330 35331 <span 35332 aria-hidden="true" 35333 class="svg-wrapper add-to-cart-icon" 35334 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 35335</span> 35336 35337 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 35338 <span> 35339 <span>Add</span> 35340 </span> 35341 </span> 35342 </span> 35343 35344 <span class="add-to-cart__added"> 35345 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 35346 <g class="check"> 35347 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 35348 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 35349 </g> 35350 <g class="burst"> 35351 <g style="--index: 0;"> 35352 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35353 </g> 35354 <g style="--index: 1;"> 35355 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35356 </g> 35357 <g style="--index: 2;"> 35358 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35359 </g> 35360 <g style="--index: 3;"> 35361 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35362 </g> 35363 <g style="--index: 4;"> 35364 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35365 </g> 35366 <g style="--index: 5;"> 35367 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35368 </g> 35369 <g style="--index: 6;"> 35370 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35371 </g> 35372 <g style="--index: 7;"> 35373 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35374 </g> 35375 </g> 35376</svg> 35377</span> 35378 </span> 35379 </button> 35380</add-to-cart-component> 35381 35382 35383 <button 35384 class="button quick-add__button quick-add__button--choose add-to-cart-button" 35385 35386 type="button" 35387 name="add" 35388 on:click="quick-add-component/handleClick" 35389 >
35390 <span 35391 class="add-to-cart-text" 35392 > 35393 35394 <span 35395 aria-hidden="true" 35396 class="svg-wrapper add-to-cart-icon" 35397 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 35398</span> 35399 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 35400 <span> 35401 35402 <span> 35403 Choose 35404 </span> 35405 </span> 35406 </span> 35407 </span> 35408 </button><input type="hidden" name="product-id" value="10862156611777" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 35409</quick-add-component> 35410 35411 35412 35413 35414 35415 35416</div> 35417 35418 35419 35420 35421 35422<div class="product-grid-view-zoom-out--details"> 35423 35424 <h3 class="h4">Fellow Stagg EKG Pro Electric Kettle - Matte White</h3> 35425 35426</div> 35427 35428 35429 35430 35431 35432 35433 35434 35435<div 35436 class=" 35437 group-block 35438 group-block--height-fit 35439 group-block--width-fill 35440 border-style 35441 spacing-style 35442 size-style 35443 35444 35445 " 35446 style=" 35447 --border-width: 1px; --border-style: none; --border-color: 35448rgb(var(--color-border-rgb) / 1.0); --border-radius: 354490px; 35450 35451 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 35452 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 35453 35454 " 35455 35456 data-testid="group-block" 35457><div class="group-block__media-wrapper"> 35458 35459 35460 35461 35462 35463 </div> 35464 35465 <div 35466 class=" 35467 group-block-content 35468 35469 layout-panel-flex 35470 layout-panel-flex--column 35471 mobile-column 35472 " 35473 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 35474 35475--gap: 4px; 35476 35477--horizontal-alignment: center; --vertical-alignment: center; 35478--vertical-alignment-mobile: center; 35479" 35480 > 35481 35482 35483 35484 35485 <a 35486 class="contents user-select-text" 35487 ref="productTitleLink" 35488 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white?variant=49814135668929" 35489 > 35490 35491 35492 35493 35494 35495 35496 35497 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-26 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 35498 <p>Fellow Stagg EKG Pro Electric Kettle - Matte White</p> 35499 </div> 35500 35501 35502 35503 35504 </a> 35505 35506 35507 35508 35509 35510 35511<product-price 35512 class="text-block text-block--align-center rte text-center paragraph spacing-style" 35513 data-block-id="AaTU4QWlBSTJKVFFpe__price-26" 35514 data-product-id="10862156611777" 35515 style=" 35516 35517--color: var(--color-foreground); 35518 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 35519 --width: 100%; 35520 " 35521 35522> 35523 <div ref="priceContainer"> 35524 35525 35526 35527 35528 35529 <span class="price">$179.95</span> 35530 35531 35532 35533 35534</div> 35535 35536 35537</product-price> 35538 35539 35540 35541 35542 35543 35544 35545</div> 35546</div> 35547 35548 35549 35550 35551 35552 35553 35554 </div> 35555</product-card></product-card-link> 35556 35557 35558 35559 35560 </li> 35561 35562 <li 35563 id="template--24479419367617__main-10862156841153" 35564 class="product-grid__item product-grid__item--27" 35565 data-page="1" 35566 data-product-id="10862156841153" 35567 ref="cards[]" 35568 > 35569 35570 35571 35572 35573 35574 35575<style data-shopify> 35576 35577</style> 35578 35579 35580<product-card-link 35581 data-product-id="10862156841153" 35582 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=500" 35583 data-product-transition="true" 35584 35585 ><product-card 35586 class="product-card" 35587 data-product-id="10862156841153" 35588 id="product-card-ARFVUbHVMLy90TE1EM__product-card-27" 35589 data-product-transition="true" 35590 35591 35592> 35593 <a 35594 id="f195efeef40c951855770a1902d29c29" 35595 35596 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white-w-maple?variant=49814135734465" 35597 35598 class="product-card__link" 35599 ref="productCardLink" 35600 > 35601 <span class="visually-hidden"> 35602 Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple 35603 </span> 35604 </a> 35605 <div 35606 class=" 35607 product-card__content 35608 layout-panel-flex 35609 layout-panel-flex--column 35610 product-grid__card 35611 spacing-style 35612 border-style 35613 gap-style 35614 35615 " 35616 style=" 35617 --border-width: 1px; --border-style: none; --border-color: 35618rgb(var(--color-border-rgb) / 1.0); --border-radius: 356190px; 35620 35621 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 35622 35623 35624 35625--horizontal-alignment: ; --vertical-alignment: ; 35626--vertical-alignment-mobile: ; 35627 35628 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 35629 --product-card-gap: 8px; 35630 --quick-add-display: flex; 35631 --quick-add-mobile-display: none; 35632 --quick-add-mobile-opacity: 0; 35633 35634 35635 35636 35637 " 35638 > 35639 35640 35641 35642 35643 35644 35645 35646 35647 35648<div 35649 ref="cardGallery" 35650 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-27 spacing-style border-style" 35651 style=" 35652 --border-width: 1px; --border-style: none; --border-color: 35653rgb(var(--color-border-rgb) / 1.0); --border-radius: 356540px; 35655 35656 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 35657 --gallery-aspect-ratio: 4 / 5; 35658 " 35659 data-product-id="10862156841153" 35660
35661 on:pointerenter="/previewImage" 35662 on:pointerleave="/resetImage" 35663 35664 35665 data-view-transition-to-main-product 35666 35667 data-image-ratio="portrait" 35668 35669> 35670 <a 35671 class="contents" 35672 ref="cardGalleryLink" 35673 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white-w-maple?variant=49814135734465" 35674 aria-label="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" 35675 > 35676 <slideshow-component 35677 35678 ref="slideshow" 35679 35680 35681 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;" 35682 35683 initial-slide="0" 35684 35685 35686 infinite 35687 35688 35689 data-generic-media-size="9" 35690> 35691 35692 <slideshow-container ref="slideshowContainer"> 35693 35694 <slideshow-arrows 35695 position="center" 35696 35697><button 35698 class=" 35699 slideshow-control slideshow-control--previous 35700 35701 35702 slideshow-control--style-arrow 35703 button button-unstyled button-unstyled--transparent 35704 flip-x 35705 " 35706 35707 aria-label="Previous slide" 35708 35709 on:click="/previous" 35710 ref="previous" 35711> 35712 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 35713</span> 35714</button> 35715<button 35716 class=" 35717 slideshow-control slideshow-control--next 35718 35719 35720 slideshow-control--style-arrow 35721 button button-unstyled button-unstyled--transparent 35722 35723 " 35724 35725 aria-label="Next slide" 35726 35727 on:click="/next" 35728 ref="next" 35729> 35730 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 35731</span> 35732</button> 35733</slideshow-arrows> 35734 35735 35736 35737 <slideshow-slides 35738 tabindex="-1" 35739 ref="scroller" 35740 35741 > 35742 <slideshow-slide 35743 ref="slides[]" 35744 aria-hidden="false" 35745 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35746 35747 class="product-media-container media-fit product-media-container--image" 35748 35749 35750 35751 35752 slide-id="40373122662593" 35753 35754 35755 35756 35757> 35758 35759 35760<div 35761 class="product-media" 35762 style="--ratio: 1.0" 35763 data-media-id="40373122662593" 35764> 35765 35766 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35767 35768 35769</div> 35770 35771 35772 35773</slideshow-slide> 35774<slideshow-slide 35775 ref="slides[]" 35776 aria-hidden="true" 35777 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35778 35779 class="product-media-container media-fit product-media-container--image" 35780 35781 35782 35783 35784 slide-id="40373122695361" 35785 35786 35787 35788 35789> 35790 35791 35792<div 35793 class="product-media" 35794 style="--ratio: 1.0" 35795 data-media-id="40373122695361" 35796> 35797 35798 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35799 35800 35801</div> 35802 35803 35804 35805</slideshow-slide> 35806<slideshow-slide 35807 ref="slides[]" 35808 aria-hidden="true" 35809 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35810 35811 class="product-media-container media-fit product-media-container--image" 35812 35813 35814 35815 35816 slide-id="40373122728129" 35817 35818 35819 35820 35821> 35822 35823 35824<div 35825 class="product-media" 35826 style="--ratio: 1.0" 35827 data-media-id="40373122728129" 35828> 35829 35830 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35831 35832 35833</div> 35834 35835 35836 35837</slideshow-slide> 35838<slideshow-slide 35839 ref="slides[]" 35840 aria-hidden="true" 35841 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35842 35843 class="product-media-container media-fit product-media-container--image" 35844 35845 35846 35847 35848 slide-id="40373122760897" 35849 35850 35851 35852 35853> 35854 35855 35856<div 35857 class="product-media" 35858 style="--ratio: 1.0" 35859 data-media-id="40373122760897" 35860> 35861 35862 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35863 35864 35865</div> 35866 35867 35868 35869</slideshow-slide> 35870<slideshow-slide 35871 ref="slides[]" 35872 aria-hidden="true" 35873 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 35874 35875 class="product-media-container media-fit product-media-container--image" 35876 35877 35878 35879 35880 slide-id="40373122793665" 35881
35882 35883 35884 35885> 35886 35887 35888<div 35889 class="product-media" 35890 style="--ratio: 1.0" 35891 data-media-id="40373122793665" 35892> 35893 35894 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 35895 35896 35897</div> 35898 35899 35900 35901</slideshow-slide> 35902 35903 </slideshow-slides> 35904 </slideshow-container> 35905 35906</slideshow-component> 35907 35908 35909 35910 </a> 35911 35912 35913 <div 35914 class="product-badges product-badges--top-right" 35915 style=" 35916 --badge-border-radius: 2px; 35917 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 35918 " 35919 ></div> 35920 35921 35922 35923<quick-add-component 35924 class="quick-add color-scheme-1 " 35925 ref="quickAdd" 35926 data-product-title="Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple" 35927 data-quick-add-button="add" 35928 data-product-options-count="1" 35929> 35930 <product-form-component 35931 data-section-id="template--24479419367617__main" 35932 data-product-id="10862156841153" 35933 on:submit="/handleSubmit" 35934 class="quick-add__product-form-component" 35935 > 35936 <div 35937 class="visually-hidden" 35938 aria-live="assertive" 35939 role="status" 35940 aria-atomic="true" 35941 ref="liveRegion" 35942 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156841153-AbnhndkZhbW0yK2Rld__card-gallery-27" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 35943 type="hidden" 35944 name="id" 35945 ref="variantId" 35946 value="49814135734465" 35947 35948 > 35949 <input 35950 type="hidden" 35951 name="quantity" 35952 value="1" 35953 > 35954 35955 <add-to-cart-component 35956 ref="addToCartButtonContainer" 35957 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&width=100" 35958 data-add-to-cart-animation="true" 35959> 35960 <button 35961 35962 type="submit" 35963 name="add" 35964 ref="addToCartButton" 35965 on:click="/handleClick" 35966 class="button button quick-add__button quick-add__button--add add-to-cart-button" 35967 35968 35969 > 35970 <span 35971 class="add-to-cart-text" 35972 > 35973 35974 <span 35975 aria-hidden="true" 35976 class="svg-wrapper add-to-cart-icon" 35977 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 35978</span> 35979
35980 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 35981 <span> 35982 <span>Add</span> 35983 </span> 35984 </span> 35985 </span> 35986 35987 <span class="add-to-cart__added"> 35988 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 35989 <g class="check"> 35990 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 35991 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 35992 </g> 35993 <g class="burst"> 35994 <g style="--index: 0;"> 35995 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35996 </g> 35997 <g style="--index: 1;"> 35998 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 35999 </g> 36000 <g style="--index: 2;"> 36001 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36002 </g> 36003 <g style="--index: 3;"> 36004 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36005 </g> 36006 <g style="--index: 4;"> 36007 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36008 </g> 36009 <g style="--index: 5;"> 36010 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36011 </g> 36012 <g style="--index: 6;"> 36013 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36014 </g> 36015 <g style="--index: 7;"> 36016 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36017 </g> 36018 </g> 36019</svg> 36020</span> 36021 </span> 36022 </button> 36023</add-to-cart-component> 36024 36025 36026 <button 36027 class="button quick-add__button quick-add__button--choose add-to-cart-button" 36028 36029 type="button" 36030 name="add" 36031 on:click="quick-add-component/handleClick" 36032 > 36033 <span 36034 class="add-to-cart-text" 36035 > 36036 36037 <span 36038 aria-hidden="true" 36039 class="svg-wrapper add-to-cart-icon" 36040 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 36041</span> 36042 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 36043 <span> 36044 36045 <span> 36046 Choose 36047 </span> 36048 </span> 36049 </span> 36050 </span> 36051 </button><input type="hidden" name="product-id" value="10862156841153" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 36052</quick-add-component> 36053 36054 36055 36056 36057 36058 36059</div> 36060 36061 36062 36063 36064 36065<div class="product-grid-view-zoom-out--details"> 36066 36067 <h3 class="h4">Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple</h3> 36068 36069</div> 36070 36071 36072 36073 36074 36075 36076 36077 36078<div 36079 class=" 36080 group-block 36081 group-block--height-fit 36082 group-block--width-fill 36083 border-style 36084 spacing-style 36085 size-style 36086 36087 36088 " 36089 style=" 36090 --border-width: 1px; --border-style: none; --border-color: 36091rgb(var(--color-border-rgb) / 1.0); --border-radius: 360920px; 36093 36094 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36095 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 36096 36097 " 36098 36099 data-testid="group-block" 36100><div class="group-block__media-wrapper"> 36101 36102 36103 36104 36105 36106 </div> 36107 36108 <div 36109 class=" 36110 group-block-content 36111 36112 layout-panel-flex 36113 layout-panel-flex--column 36114 mobile-column 36115 " 36116 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 36117 36118--gap: 4px; 36119 36120--horizontal-alignment: center; --vertical-alignment: center; 36121--vertical-alignment-mobile: center; 36122" 36123 > 36124 36125 36126 36127 36128 <a 36129 class="contents user-select-text" 36130 ref="productTitleLink" 36131 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-white-w-maple?variant=49814135734465" 36132 > 36133 36134 36135 36136 36137 36138 36139 36140 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-27 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 36141 <p>Fellow Stagg EKG Pro Electric Kettle - Matte White w/ Maple</p> 36142 </div> 36143 36144 36145 36146 36147 </a> 36148 36149 36150 36151 36152 36153 36154<product-price 36155 class="text-block text-block--align-center rte text-center paragraph spacing-style" 36156 data-block-id="AaTU4QWlBSTJKVFFpe__price-27" 36157 data-product-id="10862156841153" 36158 style=" 36159 36160--color: var(--color-foreground); 36161 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36162 --width: 100%; 36163 " 36164 36165> 36166 <div ref="priceContainer"> 36167 36168 36169 36170 36171
36172 <span class="price">$199.95</span> 36173 36174 36175 36176 36177</div> 36178 36179 36180</product-price> 36181 36182 36183 36184 36185 36186 36187 36188</div> 36189</div> 36190 36191 36192 36193 36194 36195 36196 36197 </div> 36198</product-card></product-card-link> 36199 36200 36201 36202 36203 </li> 36204 36205 <li 36206 id="template--24479419367617__main-10862156873921" 36207 class="product-grid__item product-grid__item--28" 36208 data-page="1" 36209 data-product-id="10862156873921" 36210 ref="cards[]" 36211 > 36212 36213 36214 36215 36216 36217 36218<style data-shopify> 36219 36220</style> 36221 36222 36223<product-card-link 36224 data-product-id="10862156873921" 36225 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=500" 36226 data-product-transition="true" 36227 36228 ><product-card 36229 class="product-card" 36230 data-product-id="10862156873921" 36231 id="product-card-ARFVUbHVMLy90TE1EM__product-card-28" 36232 data-product-transition="true" 36233 36234 36235> 36236 <a 36237 id="a65ba5bae2d284547f83d189b8382f4d" 36238 36239 href="/products/fellow-stagg-ekg-pro-electric-kettle-smoke-green-w-maple?variant=49814135996609" 36240 36241 class="product-card__link" 36242 ref="productCardLink" 36243 > 36244 <span class="visually-hidden"> 36245 Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple 36246 </span> 36247 </a> 36248 <div 36249 class=" 36250 product-card__content 36251 layout-panel-flex 36252 layout-panel-flex--column 36253 product-grid__card 36254 spacing-style 36255 border-style 36256 gap-style 36257 36258 " 36259 style=" 36260 --border-width: 1px; --border-style: none; --border-color: 36261rgb(var(--color-border-rgb) / 1.0); --border-radius: 362620px; 36263 36264 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 36265 36266 36267 36268--horizontal-alignment: ; --vertical-alignment: ; 36269--vertical-alignment-mobile: ; 36270 36271 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36272 --product-card-gap: 8px; 36273 --quick-add-display: flex; 36274 --quick-add-mobile-display: none; 36275 --quick-add-mobile-opacity: 0; 36276 36277 36278 36279 36280 " 36281 > 36282 36283 36284 36285 36286 36287 36288 36289 36290 36291<div 36292 ref="cardGallery" 36293 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-28 spacing-style border-style" 36294 style=" 36295 --border-width: 1px; --border-style: none; --border-color: 36296rgb(var(--color-border-rgb) / 1.0); --border-radius: 362970px; 36298 36299 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36300 --gallery-aspect-ratio: 4 / 5; 36301 " 36302 data-product-id="10862156873921" 36303 36304 on:pointerenter="/previewImage" 36305 on:pointerleave="/resetImage" 36306 36307 36308 data-view-transition-to-main-product 36309 36310 data-image-ratio="portrait" 36311 36312> 36313 <a 36314 class="contents" 36315 ref="cardGalleryLink" 36316 href="/products/fellow-stagg-ekg-pro-electric-kettle-smoke-green-w-maple?variant=49814135996609" 36317 aria-label="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" 36318 > 36319 <slideshow-component 36320 36321 ref="slideshow" 36322 36323 36324 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;" 36325 36326 initial-slide="0" 36327 36328 36329 infinite 36330 36331 36332 data-generic-media-size="10" 36333> 36334 36335 <slideshow-container ref="slideshowContainer"> 36336 36337 <slideshow-arrows 36338 position="center" 36339 36340><button 36341 class=" 36342 slideshow-control slideshow-control--previous 36343 36344 36345 slideshow-control--style-arrow 36346 button button-unstyled button-unstyled--transparent 36347 flip-x 36348 " 36349 36350 aria-label="Previous slide" 36351 36352 on:click="/previous" 36353 ref="previous" 36354> 36355 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 36356</span> 36357</button> 36358<button 36359 class=" 36360 slideshow-control slideshow-control--next 36361 36362 36363 slideshow-control--style-arrow 36364 button button-unstyled button-unstyled--transparent 36365 36366 " 36367 36368 aria-label="Next slide" 36369
36370 on:click="/next" 36371 ref="next" 36372> 36373 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 36374</span> 36375</button> 36376</slideshow-arrows> 36377 36378 36379 36380 <slideshow-slides 36381 tabindex="-1" 36382 ref="scroller" 36383 36384 > 36385 <slideshow-slide 36386 ref="slides[]" 36387 aria-hidden="false" 36388 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 36389 36390 class="product-media-container media-fit product-media-container--image" 36391 36392 36393 36394 36395 slide-id="41833880649921" 36396 36397 36398 36399 36400> 36401 36402 36403<div 36404 class="product-media" 36405 style="--ratio: 1.0" 36406 data-media-id="41833880649921" 36407> 36408 36409 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 36410 36411 36412</div> 36413 36414 36415 36416</slideshow-slide> 36417<slideshow-slide 36418 ref="slides[]" 36419 aria-hidden="true" 36420 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 36421 36422 class="product-media-container media-fit product-media-container--image" 36423 36424 36425 36426 36427 slide-id="41833880682689" 36428 36429 36430 36431 36432> 36433 36434 36435<div 36436 class="product-media" 36437 style="--ratio: 1.0" 36438 data-media-id="41833880682689" 36439> 36440 36441 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 36442 36443 36444</div> 36445 36446 36447 36448</slideshow-slide> 36449<slideshow-slide 36450 ref="slides[]" 36451 aria-hidden="true" 36452 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 36453 36454 class="product-media-container media-fit product-media-container--image" 36455 36456 36457 36458 36459 slide-id="40373124300993" 36460 36461 36462 36463 36464> 36465 36466 36467<div 36468 class="product-media" 36469 style="--ratio: 1.0" 36470 data-media-id="40373124300993" 36471> 36472 36473 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 36474 36475 36476</div> 36477 36478 36479 36480</slideshow-slide> 36481<slideshow-slide 36482 ref="slides[]" 36483 aria-hidden="true" 36484 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 36485 36486 class="product-media-container media-fit product-media-container--image" 36487 36488 36489 36490 36491 slide-id="41833880715457" 36492 36493 36494 36495 36496> 36497 36498 36499<div 36500 class="product-media" 36501 style="--ratio: 1.0" 36502 data-media-id="41833880715457" 36503> 36504 36505 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 36506 36507 36508</div> 36509 36510 36511 36512</slideshow-slide> 36513<slideshow-slide 36514 ref="slides[]" 36515 aria-hidden="true" 36516 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 36517 36518 class="product-media-container media-fit product-media-container--image" 36519 36520 36521 36522 36523 slide-id="41833880748225" 36524 36525 36526 36527 36528> 36529 36530 36531<div 36532 class="product-media" 36533 style="--ratio: 1.0" 36534 data-media-id="41833880748225" 36535> 36536 36537 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 36538 36539 36540</div> 36541 36542 36543 36544</slideshow-slide> 36545 36546 </slideshow-slides> 36547 </slideshow-container> 36548 36549</slideshow-component> 36550 36551 36552 36553 </a> 36554 36555 36556 <div 36557 class="product-badges product-badges--top-right" 36558 style=" 36559 --badge-border-radius: 2px; 36560 --badge-font-family: var(--font-body--family);
36560 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 36561 " 36562 ></div> 36563 36564 36565 36566<quick-add-component 36567 class="quick-add color-scheme-1 " 36568 ref="quickAdd" 36569 data-product-title="Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple" 36570 data-quick-add-button="add" 36571 data-product-options-count="1" 36572> 36573 <product-form-component 36574 data-section-id="template--24479419367617__main" 36575 data-product-id="10862156873921" 36576 on:submit="/handleSubmit" 36577 class="quick-add__product-form-component" 36578 > 36579 <div 36580 class="visually-hidden" 36581 aria-live="assertive" 36582 role="status" 36583 aria-atomic="true" 36584 ref="liveRegion" 36585 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156873921-AbnhndkZhbW0yK2Rld__card-gallery-28" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 36586 type="hidden" 36587 name="id" 36588 ref="variantId" 36589 value="49814135996609" 36590 36591 > 36592 <input 36593 type="hidden" 36594 name="quantity" 36595 value="1" 36596 > 36597 36598 <add-to-cart-component 36599 ref="addToCartButtonContainer" 36600 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&width=100" 36601 data-add-to-cart-animation="true" 36602> 36603 <button 36604 36605 type="submit" 36606 name="add" 36607 ref="addToCartButton" 36608 on:click="/handleClick" 36609 class="button button quick-add__button quick-add__button--add add-to-cart-button" 36610 36611 36612 > 36613 <span 36614 class="add-to-cart-text" 36615 > 36616 36617 <span 36618 aria-hidden="true" 36619 class="svg-wrapper add-to-cart-icon" 36620 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 36621</span> 36622 36623 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 36624 <span> 36625 <span>Add</span> 36626 </span> 36627 </span> 36628 </span> 36629 36630 <span class="add-to-cart__added"> 36631 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 36632 <g class="check"> 36633 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 36634 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 36635 </g> 36636 <g class="burst"> 36637 <g style="--index: 0;"> 36638 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36639 </g> 36640 <g style="--index: 1;"> 36641 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36642 </g> 36643 <g style="--index: 2;"> 36644 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36645 </g> 36646 <g style="--index: 3;"> 36647 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36648 </g> 36649 <g style="--index: 4;"> 36650 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36651 </g> 36652 <g style="--index: 5;"> 36653 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36654 </g> 36655 <g style="--index: 6;"> 36656 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36657 </g> 36658 <g style="--index: 7;"> 36659 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 36660 </g> 36661 </g> 36662</svg> 36663</span> 36664 </span> 36665 </button> 36666</add-to-cart-component> 36667 36668 36669 <button 36670 class="button quick-add__button quick-add__button--choose add-to-cart-button" 36671 36672 type="button" 36673 name="add" 36674 on:click="quick-add-component/handleClick" 36675 >
36676 <span 36677 class="add-to-cart-text" 36678 > 36679 36680 <span 36681 aria-hidden="true" 36682 class="svg-wrapper add-to-cart-icon" 36683 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 36684</span> 36685 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 36686 <span> 36687 36688 <span> 36689 Choose 36690 </span> 36691 </span> 36692 </span> 36693 </span> 36694 </button><input type="hidden" name="product-id" value="10862156873921" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 36695</quick-add-component> 36696 36697 36698 36699 36700 36701 36702</div> 36703 36704 36705 36706 36707 36708<div class="product-grid-view-zoom-out--details"> 36709 36710 <h3 class="h4">Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple</h3> 36711 36712</div> 36713 36714 36715 36716 36717 36718 36719 36720 36721<div 36722 class=" 36723 group-block 36724 group-block--height-fit 36725 group-block--width-fill 36726 border-style 36727 spacing-style 36728 size-style 36729 36730 36731 " 36732 style=" 36733 --border-width: 1px; --border-style: none; --border-color: 36734rgb(var(--color-border-rgb) / 1.0); --border-radius: 367350px; 36736 36737 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36738 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 36739 36740 " 36741 36742 data-testid="group-block" 36743><div class="group-block__media-wrapper"> 36744 36745 36746 36747 36748 36749 </div> 36750 36751 <div 36752 class=" 36753 group-block-content 36754 36755 layout-panel-flex 36756 layout-panel-flex--column 36757 mobile-column 36758 " 36759 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 36760 36761--gap: 4px; 36762 36763--horizontal-alignment: center; --vertical-alignment: center; 36764--vertical-alignment-mobile: center; 36765" 36766 > 36767 36768 36769 36770 36771 <a 36772 class="contents user-select-text" 36773 ref="productTitleLink" 36774 href="/products/fellow-stagg-ekg-pro-electric-kettle-smoke-green-w-maple?variant=49814135996609" 36775 > 36776 36777 36778 36779 36780 36781 36782 36783 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-28 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 36784 <p>Fellow Stagg EKG Pro Electric Kettle - Smoke Green w/ Maple</p> 36785 </div> 36786 36787 36788 36789 36790 </a> 36791 36792 36793 36794 36795 36796 36797<product-price 36798 class="text-block text-block--align-center rte text-center paragraph spacing-style" 36799 data-block-id="AaTU4QWlBSTJKVFFpe__price-28" 36800 data-product-id="10862156873921" 36801 style=" 36802 36803--color: var(--color-foreground); 36804 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36805 --width: 100%; 36806 " 36807 36808> 36809 <div ref="priceContainer"> 36810 36811 36812 36813 36814 36815 <span class="price">$199.95</span> 36816 36817 36818 36819 36820</div> 36821 36822 36823</product-price> 36824 36825 36826 36827 36828 36829 36830 36831</div> 36832</div> 36833 36834 36835 36836 36837 36838 36839 36840 </div> 36841</product-card></product-card-link> 36842 36843 36844 36845 36846 </li> 36847 36848 <li 36849 id="template--24479419367617__main-10862156677313" 36850 class="product-grid__item product-grid__item--29" 36851 data-page="1" 36852 data-product-id="10862156677313" 36853 ref="cards[]" 36854 > 36855 36856 36857 36858 36859 36860 36861<style data-shopify> 36862 36863</style> 36864 36865 36866<product-card-link 36867 data-product-id="10862156677313" 36868 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=500" 36869 data-product-transition="true" 36870 36871 ><product-card 36872 class="product-card" 36873 data-product-id="10862156677313" 36874 id="product-card-ARFVUbHVMLy90TE1EM__product-card-29" 36875 data-product-transition="true" 36876 36877 36878> 36879 <a 36880 id="42ff56be645ed03248da1156f3c960d5" 36881 36882 href="/products/fellow-stagg-ekg-pro-electric-kettle-stone-blue-w-walnut?variant=49814135636161" 36883 36884 class="product-card__link" 36885 ref="productCardLink" 36886 > 36887 <span class="visually-hidden"> 36888 Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut 36889 </span> 36890 </a> 36891 <div 36892 class=" 36893 product-card__content 36894 layout-panel-flex 36895 layout-panel-flex--column 36896 product-grid__card 36897 spacing-style 36898 border-style 36899 gap-style 36900 36901 " 36902 style=" 36903 --border-width: 1px; --border-style: none; --border-color: 36904rgb(var(--color-border-rgb) / 1.0); --border-radius: 369050px; 36906 36907 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 36908 36909 36910 36911--horizontal-alignment: ; --vertical-alignment: ; 36912--vertical-alignment-mobile: ; 36913 36914 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36915 --product-card-gap: 8px; 36916 --quick-add-display: none; 36917 --quick-add-mobile-display: none; 36918 --quick-add-mobile-opacity: 0; 36919 36920 36921 36922 36923 " 36924 > 36925 36926 36927 36928 36929 36930 36931 36932 36933 36934<div 36935 ref="cardGallery" 36936 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-29 spacing-style border-style card-gallery--badge-top-right" 36937 style=" 36938 --border-width: 1px; --border-style: none; --border-color: 36939rgb(var(--color-border-rgb) / 1.0); --border-radius: 369400px; 36941 36942 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 36943 --gallery-aspect-ratio: 4 / 5; 36944 " 36945 data-product-id="10862156677313" 36946
36947 on:pointerenter="/previewImage" 36948 on:pointerleave="/resetImage" 36949 36950 36951 data-view-transition-to-main-product 36952 36953 data-image-ratio="portrait" 36954 36955> 36956 <a 36957 class="contents" 36958 ref="cardGalleryLink" 36959 href="/products/fellow-stagg-ekg-pro-electric-kettle-stone-blue-w-walnut?variant=49814135636161" 36960 aria-label="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" 36961 > 36962 <slideshow-component 36963 36964 ref="slideshow" 36965 36966 36967 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;" 36968 36969 initial-slide="0" 36970 36971 36972 infinite 36973 36974 36975 data-generic-media-size="8" 36976> 36977 36978 <slideshow-container ref="slideshowContainer"> 36979 36980 <slideshow-arrows 36981 position="center" 36982 36983><button 36984 class=" 36985 slideshow-control slideshow-control--previous 36986 36987 36988 slideshow-control--style-arrow 36989 button button-unstyled button-unstyled--transparent 36990 flip-x 36991 " 36992 36993 aria-label="Previous slide" 36994 36995 on:click="/previous" 36996 ref="previous" 36997> 36998 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 36999</span> 37000</button> 37001<button 37002 class=" 37003 slideshow-control slideshow-control--next 37004 37005 37006 slideshow-control--style-arrow 37007 button button-unstyled button-unstyled--transparent 37008 37009 " 37010 37011 aria-label="Next slide" 37012 37013 on:click="/next" 37014 ref="next" 37015> 37016 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 37017</span> 37018</button> 37019</slideshow-arrows> 37020 37021 37022 37023 <slideshow-slides 37024 tabindex="-1" 37025 ref="scroller" 37026 37027 > 37028 <slideshow-slide 37029 ref="slides[]" 37030 aria-hidden="false" 37031 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37032 37033 class="product-media-container media-fit product-media-container--image" 37034 37035 37036 37037 37038 slide-id="41823392497857" 37039 37040 37041 37042 37043> 37044 37045 37046<div 37047 class="product-media" 37048 style="--ratio: 1.0" 37049 data-media-id="41823392497857" 37050> 37051 37052 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37053 37054 37055</div> 37056 37057 37058 37059</slideshow-slide> 37060<slideshow-slide 37061 ref="slides[]" 37062 aria-hidden="true" 37063 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37064 37065 class="product-media-container media-fit product-media-container--image" 37066 37067 37068 37069 37070 slide-id="41823392530625" 37071 37072 37073 37074 37075> 37076 37077 37078<div 37079 class="product-media" 37080 style="--ratio: 1.0" 37081 data-media-id="41823392530625" 37082> 37083 37084 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37085 37086 37087</div> 37088 37089 37090 37091</slideshow-slide> 37092<slideshow-slide 37093 ref="slides[]" 37094 aria-hidden="true" 37095 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37096 37097 class="product-media-container media-fit product-media-container--image" 37098 37099 37100 37101 37102 slide-id="41823392563393" 37103 37104 37105 37106 37107> 37108 37109 37110<div 37111 class="product-media" 37112 style="--ratio: 1.0" 37113 data-media-id="41823392563393" 37114> 37115 37116 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37117 37118 37119</div> 37120 37121 37122 37123</slideshow-slide> 37124<slideshow-slide 37125 ref="slides[]" 37126 aria-hidden="true" 37127 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37128 37129 class="product-media-container media-fit product-media-container--image" 37130 37131 37132 37133 37134 slide-id="41823392596161" 37135 37136 37137 37138 37139> 37140 37141 37142<div 37143 class="product-media" 37144 style="--ratio: 1.0" 37145 data-media-id="41823392596161" 37146> 37147 37148 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37149 37150 37151</div> 37152 37153 37154 37155</slideshow-slide> 37156<slideshow-slide 37157 ref="slides[]" 37158 aria-hidden="true" 37159 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37160 37161 class="product-media-container media-fit product-media-container--image" 37162 37163 37164 37165 37166 slide-id="41720156029121" 37167 37168 37169 37170 37171> 37172 37173 37174<div 37175 class="product-media" 37176 style="--ratio: 1.0" 37177 data-media-id="41720156029121" 37178> 37179 37180 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=3840" alt="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37181 37182 37183</div> 37184 37185 37186 37187</slideshow-slide> 37188 37189 </slideshow-slides> 37190 </slideshow-container> 37191 37192</slideshow-component> 37193 37194 37195 37196 </a> 37197 37198 37199 <div 37200 class="product-badges product-badges--top-right" 37201 style=" 37202 --badge-border-radius: 2px; 37203 --badge-font-family: var(--font-body--family);
37203 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 37204 " 37205 ><div 37206 class=" 37207 product-badges__badge product-badges__badge--rectangle 37208 color-scheme-3 37209 " 37210 >Sold out 37211</div></div> 37212 37213 37214 37215<quick-add-component 37216 class="quick-add color-scheme-1 " 37217 ref="quickAdd" 37218 data-product-title="Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut" 37219 data-quick-add-button="add" 37220 data-product-options-count="1" 37221> 37222 <product-form-component 37223 data-section-id="template--24479419367617__main" 37224 data-product-id="10862156677313" 37225 on:submit="/handleSubmit" 37226 class="quick-add__product-form-component" 37227 > 37228 <div 37229 class="visually-hidden" 37230 aria-live="assertive" 37231 role="status" 37232 aria-atomic="true" 37233 ref="liveRegion" 37234 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156677313-AbnhndkZhbW0yK2Rld__card-gallery-29" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 37235 type="hidden" 37236 name="id" 37237 ref="variantId" 37238 value="49814135636161" 37239 37240 disabled 37241 37242 > 37243 <input 37244 type="hidden" 37245 name="quantity" 37246 value="1" 37247 > 37248 37249 <add-to-cart-component 37250 ref="addToCartButtonContainer" 37251 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&width=100" 37252 data-add-to-cart-animation="true" 37253> 37254 <button 37255 37256 type="submit" 37257 name="add" 37258 ref="addToCartButton" 37259 on:click="/handleClick" 37260 class="button button quick-add__button quick-add__button--add add-to-cart-button" 37261 37262 37263 disabled 37264 37265 > 37266 <span 37267 class="add-to-cart-text" 37268 > 37269 37270 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 37271 <span> 37272 <span>Add</span> 37273 </span> 37274 </span> 37275 </span> 37276 37277 <span class="add-to-cart__added"> 37278 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 37279 <g class="check"> 37280 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 37281 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 37282 </g> 37283 <g class="burst"> 37284 <g style="--index: 0;"> 37285 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37286 </g> 37287 <g style="--index: 1;"> 37288 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37289 </g> 37290 <g style="--index: 2;"> 37291 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37292 </g> 37293 <g style="--index: 3;"> 37294 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37295 </g> 37296 <g style="--index: 4;"> 37297 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37298 </g> 37299 <g style="--index: 5;"> 37300 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37301 </g> 37302 <g style="--index: 6;"> 37303 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37304 </g> 37305 <g style="--index: 7;"> 37306 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37307 </g> 37308 </g> 37309</svg> 37310</span> 37311 </span> 37312 </button> 37313</add-to-cart-component> 37314 37315 37316 <button 37317 class="button quick-add__button quick-add__button--choose add-to-cart-button" 37318 37319 type="button" 37320 name="add" 37321 on:click="quick-add-component/handleClick" 37322 >
37323 <span 37324 class="add-to-cart-text" 37325 > 37326 37327 <span 37328 aria-hidden="true" 37329 class="svg-wrapper add-to-cart-icon" 37330 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 37331</span> 37332 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 37333 <span> 37334 37335 <span> 37336 Choose 37337 </span> 37338 </span> 37339 </span> 37340 </span> 37341 </button><input type="hidden" name="product-id" value="10862156677313" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 37342</quick-add-component> 37343 37344 37345 37346 37347 37348 37349</div> 37350 37351 37352 37353 37354 37355<div class="product-grid-view-zoom-out--details"> 37356 37357 <h3 class="h4">Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut</h3> 37358 37359</div> 37360 37361 37362 37363 37364 37365 37366 37367 37368<div 37369 class=" 37370 group-block 37371 group-block--height-fit 37372 group-block--width-fill 37373 border-style 37374 spacing-style 37375 size-style 37376 37377 37378 " 37379 style=" 37380 --border-width: 1px; --border-style: none; --border-color: 37381rgb(var(--color-border-rgb) / 1.0); --border-radius: 373820px; 37383 37384 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 37385 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 37386 37387 " 37388 37389 data-testid="group-block" 37390><div class="group-block__media-wrapper"> 37391 37392 37393 37394 37395 37396 </div> 37397 37398 <div 37399 class=" 37400 group-block-content 37401 37402 layout-panel-flex 37403 layout-panel-flex--column 37404 mobile-column 37405 " 37406 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 37407 37408--gap: 4px; 37409 37410--horizontal-alignment: center; --vertical-alignment: center; 37411--vertical-alignment-mobile: center; 37412" 37413 > 37414 37415 37416 37417 37418 <a 37419 class="contents user-select-text" 37420 ref="productTitleLink" 37421 href="/products/fellow-stagg-ekg-pro-electric-kettle-stone-blue-w-walnut?variant=49814135636161" 37422 > 37423 37424 37425 37426 37427 37428 37429 37430 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-29 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 37431 <p>Fellow Stagg EKG Pro Electric Kettle - Stone Blue w/ Walnut</p> 37432 </div> 37433 37434 37435 37436 37437 </a> 37438 37439 37440 37441 37442 37443 37444<product-price 37445 class="text-block text-block--align-center rte text-center paragraph spacing-style" 37446 data-block-id="AaTU4QWlBSTJKVFFpe__price-29" 37447 data-product-id="10862156677313" 37448 style=" 37449 37450--color: var(--color-foreground); 37451 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 37452 --width: 100%; 37453 " 37454 37455> 37456 <div ref="priceContainer"> 37457 37458 37459 37460 37461 37462 <span class="price">$199.95</span> 37463 37464 37465 37466 37467</div> 37468 37469 37470</product-price> 37471 37472 37473 37474 37475 37476 37477 37478</div> 37479</div> 37480 37481 37482 37483 37484 37485 37486 37487 </div> 37488</product-card></product-card-link> 37489 37490 37491 37492 37493 </li> 37494 37495 <li 37496 id="template--24479419367617__main-10862156808385" 37497 class="product-grid__item product-grid__item--30" 37498 data-page="1" 37499 data-product-id="10862156808385" 37500 ref="cards[]" 37501 > 37502 37503 37504 37505 37506 37507 37508<style data-shopify> 37509 37510</style> 37511 37512 37513<product-card-link 37514 data-product-id="10862156808385" 37515 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=500" 37516 data-product-transition="true" 37517 37518 ><product-card 37519 class="product-card" 37520 data-product-id="10862156808385" 37521 id="product-card-ARFVUbHVMLy90TE1EM__product-card-30" 37522 data-product-transition="true" 37523 37524 37525> 37526 <a 37527 id="470a4001bfaefe23cf6acc375e86436d" 37528 37529 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black?variant=49814135603393" 37530 37531 class="product-card__link" 37532 ref="productCardLink" 37533 > 37534 <span class="visually-hidden"> 37535 Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L 37536 </span> 37537 </a> 37538 <div 37539 class=" 37540 product-card__content 37541 layout-panel-flex 37542 layout-panel-flex--column 37543 product-grid__card 37544 spacing-style 37545 border-style 37546 gap-style 37547 37548 " 37549 style=" 37550 --border-width: 1px; --border-style: none; --border-color: 37551rgb(var(--color-border-rgb) / 1.0); --border-radius: 375520px; 37553 37554 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 37555 37556 37557 37558--horizontal-alignment: ; --vertical-alignment: ; 37559--vertical-alignment-mobile: ; 37560 37561 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 37562 --product-card-gap: 8px; 37563 --quick-add-display: flex; 37564 --quick-add-mobile-display: none; 37565 --quick-add-mobile-opacity: 0; 37566 37567 37568 37569 37570 " 37571 > 37572 37573 37574 37575 37576 37577 37578 37579 37580 37581<div 37582 ref="cardGallery" 37583 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-30 spacing-style border-style" 37584 style=" 37585 --border-width: 1px; --border-style: none; --border-color: 37586rgb(var(--color-border-rgb) / 1.0); --border-radius: 375870px; 37588 37589 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 37590 --gallery-aspect-ratio: 4 / 5; 37591 " 37592 data-product-id="10862156808385" 37593
37594 on:pointerenter="/previewImage" 37595 on:pointerleave="/resetImage" 37596 37597 37598 data-view-transition-to-main-product 37599 37600 data-image-ratio="portrait" 37601 37602> 37603 <a 37604 class="contents" 37605 ref="cardGalleryLink" 37606 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black?variant=49814135603393" 37607 aria-label="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" 37608 > 37609 <slideshow-component 37610 37611 ref="slideshow" 37612 37613 37614 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;" 37615 37616 initial-slide="0" 37617 37618 37619 infinite 37620 37621 37622 data-generic-media-size="5" 37623> 37624 37625 <slideshow-container ref="slideshowContainer"> 37626 37627 <slideshow-arrows 37628 position="center" 37629 37630><button 37631 class=" 37632 slideshow-control slideshow-control--previous 37633 37634 37635 slideshow-control--style-arrow 37636 button button-unstyled button-unstyled--transparent 37637 flip-x 37638 " 37639 37640 aria-label="Previous slide" 37641 37642 on:click="/previous" 37643 ref="previous" 37644> 37645 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 37646</span> 37647</button> 37648<button 37649 class=" 37650 slideshow-control slideshow-control--next 37651 37652 37653 slideshow-control--style-arrow 37654 button button-unstyled button-unstyled--transparent 37655 37656 " 37657 37658 aria-label="Next slide" 37659 37660 on:click="/next" 37661 ref="next" 37662> 37663 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 37664</span> 37665</button> 37666</slideshow-arrows> 37667 37668 37669 37670 <slideshow-slides 37671 tabindex="-1" 37672 ref="scroller" 37673 37674 > 37675 <slideshow-slide 37676 ref="slides[]" 37677 aria-hidden="false" 37678 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37679 37680 class="product-media-container media-fit product-media-container--image" 37681 37682 37683 37684 37685 slide-id="40373121614017" 37686 37687 37688 37689 37690> 37691 37692 37693<div 37694 class="product-media" 37695 style="--ratio: 1.0" 37696 data-media-id="40373121614017" 37697> 37698 37699 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37700 37701 37702</div> 37703 37704 37705 37706</slideshow-slide> 37707<slideshow-slide 37708 ref="slides[]" 37709 aria-hidden="true" 37710 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37711 37712 class="product-media-container media-fit product-media-container--image" 37713 37714 37715 37716 37717 slide-id="40373121646785" 37718 37719 37720 37721 37722> 37723 37724 37725<div 37726 class="product-media" 37727 style="--ratio: 1.0" 37728 data-media-id="40373121646785" 37729> 37730 37731 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37732 37733 37734</div> 37735 37736 37737 37738</slideshow-slide> 37739<slideshow-slide 37740 ref="slides[]" 37741 aria-hidden="true" 37742 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37743 37744 class="product-media-container media-fit product-media-container--image" 37745 37746 37747 37748 37749 slide-id="40373121679553" 37750 37751 37752 37753 37754> 37755 37756 37757<div 37758 class="product-media" 37759 style="--ratio: 1.0" 37760 data-media-id="40373121679553" 37761> 37762 37763 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37764 37765 37766</div> 37767 37768 37769 37770</slideshow-slide> 37771<slideshow-slide 37772 ref="slides[]" 37773 aria-hidden="true" 37774 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37775 37776 class="product-media-container media-fit product-media-container--image" 37777 37778 37779 37780 37781 slide-id="40373121712321" 37782 37783 37784 37785 37786> 37787 37788 37789<div 37790 class="product-media" 37791 style="--ratio: 1.0" 37792 data-media-id="40373121712321" 37793> 37794 37795 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37796 37797 37798</div> 37799 37800 37801 37802</slideshow-slide> 37803<slideshow-slide 37804 ref="slides[]" 37805 aria-hidden="true" 37806 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 37807 37808 class="product-media-container media-fit product-media-container--image" 37809 37810 37811 37812 37813 slide-id="40373121745089" 37814 37815 37816 37817 37818> 37819 37820 37821<div 37822 class="product-media" 37823 style="--ratio: 1.0" 37824 data-media-id="40373121745089" 37825> 37826 37827 <img src="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=3840" alt="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" srcset="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 37828 37829 37830</div> 37831 37832 37833 37834</slideshow-slide> 37835 37836 </slideshow-slides> 37837 </slideshow-container> 37838 37839</slideshow-component> 37840 37841 37842 37843 </a> 37844 37845 37846 <div 37847 class="product-badges product-badges--top-right" 37848 style=" 37849 --badge-border-radius: 2px; 37850 --badge-font-family: var(--font-body--family);
37850 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 37851 " 37852 ></div> 37853 37854 37855 37856<quick-add-component 37857 class="quick-add color-scheme-1 " 37858 ref="quickAdd" 37859 data-product-title="Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L" 37860 data-quick-add-button="add" 37861 data-product-options-count="1" 37862> 37863 <product-form-component 37864 data-section-id="template--24479419367617__main" 37865 data-product-id="10862156808385" 37866 on:submit="/handleSubmit" 37867 class="quick-add__product-form-component" 37868 > 37869 <div 37870 class="visually-hidden" 37871 aria-live="assertive" 37872 role="status" 37873 aria-atomic="true" 37874 ref="liveRegion" 37875 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862156808385-AbnhndkZhbW0yK2Rld__card-gallery-30" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 37876 type="hidden" 37877 name="id" 37878 ref="variantId" 37879 value="49814135603393" 37880 37881 > 37882 <input 37883 type="hidden" 37884 name="quantity" 37885 value="1" 37886 > 37887 37888 <add-to-cart-component 37889 ref="addToCartButtonContainer" 37890 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&width=100" 37891 data-add-to-cart-animation="true" 37892> 37893 <button 37894 37895 type="submit" 37896 name="add" 37897 ref="addToCartButton" 37898 on:click="/handleClick" 37899 class="button button quick-add__button quick-add__button--add add-to-cart-button" 37900 37901 37902 > 37903 <span 37904 class="add-to-cart-text" 37905 > 37906 37907 <span 37908 aria-hidden="true" 37909 class="svg-wrapper add-to-cart-icon" 37910 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 37911</span> 37912 37913 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 37914 <span> 37915 <span>Add</span> 37916 </span> 37917 </span> 37918 </span> 37919 37920 <span class="add-to-cart__added"> 37921 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 37922 <g class="check"> 37923 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 37924 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 37925 </g> 37926 <g class="burst"> 37927 <g style="--index: 0;"> 37928 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37929 </g> 37930 <g style="--index: 1;"> 37931 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37932 </g> 37933 <g style="--index: 2;"> 37934 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37935 </g> 37936 <g style="--index: 3;"> 37937 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37938 </g> 37939 <g style="--index: 4;"> 37940 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37941 </g> 37942 <g style="--index: 5;"> 37943 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37944 </g> 37945 <g style="--index: 6;"> 37946 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37947 </g> 37948 <g style="--index: 7;"> 37949 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 37950 </g> 37951 </g> 37952</svg> 37953</span> 37954 </span> 37955 </button> 37956</add-to-cart-component> 37957 37958 37959 <button 37960 class="button quick-add__button quick-add__button--choose add-to-cart-button" 37961 37962 type="button" 37963 name="add" 37964 on:click="quick-add-component/handleClick" 37965 >
37966 <span 37967 class="add-to-cart-text" 37968 > 37969 37970 <span 37971 aria-hidden="true" 37972 class="svg-wrapper add-to-cart-icon" 37973 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 37974</span> 37975 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 37976 <span> 37977 37978 <span> 37979 Choose 37980 </span> 37981 </span> 37982 </span> 37983 </span> 37984 </button><input type="hidden" name="product-id" value="10862156808385" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 37985</quick-add-component> 37986 37987 37988 37989 37990 37991 37992</div> 37993 37994 37995 37996 37997 37998<div class="product-grid-view-zoom-out--details"> 37999 38000 <h3 class="h4">Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L</h3> 38001 38002</div> 38003 38004 38005 38006 38007 38008 38009 38010 38011<div 38012 class=" 38013 group-block 38014 group-block--height-fit 38015 group-block--width-fill 38016 border-style 38017 spacing-style 38018 size-style 38019 38020 38021 " 38022 style=" 38023 --border-width: 1px; --border-style: none; --border-color: 38024rgb(var(--color-border-rgb) / 1.0); --border-radius: 380250px; 38026 38027 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38028 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 38029 38030 " 38031 38032 data-testid="group-block" 38033><div class="group-block__media-wrapper"> 38034 38035 38036 38037 38038 38039 </div> 38040 38041 <div 38042 class=" 38043 group-block-content 38044 38045 layout-panel-flex 38046 layout-panel-flex--column 38047 mobile-column 38048 " 38049 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 38050 38051--gap: 4px; 38052 38053--horizontal-alignment: center; --vertical-alignment: center; 38054--vertical-alignment-mobile: center; 38055" 38056 > 38057 38058 38059 38060 38061 <a 38062 class="contents user-select-text" 38063 ref="productTitleLink" 38064 href="/products/fellow-stagg-ekg-pro-electric-kettle-matte-black?variant=49814135603393" 38065 > 38066 38067 38068 38069 38070 38071 38072 38073 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-30 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 38074 <p>Fellow Stagg EKG Pro Electric Pour Over Kettle, Matte Black, 0.9L</p> 38075 </div> 38076 38077 38078 38079 38080 </a> 38081 38082 38083 38084 38085 38086 38087<product-price 38088 class="text-block text-block--align-center rte text-center paragraph spacing-style" 38089 data-block-id="AaTU4QWlBSTJKVFFpe__price-30" 38090 data-product-id="10862156808385" 38091 style=" 38092 38093--color: var(--color-foreground); 38094 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38095 --width: 100%; 38096 " 38097 38098> 38099 <div ref="priceContainer"> 38100 38101 38102 38103 38104 38105 <span class="price">$179.95</span> 38106 38107 38108 38109 38110</div> 38111 38112 38113</product-price> 38114 38115 38116 38117 38118 38119 38120 38121</div> 38122</div> 38123 38124 38125 38126 38127 38128 38129 38130 </div> 38131</product-card></product-card-link> 38132 38133 38134 38135 38136 </li> 38137 38138 <li 38139 id="template--24479419367617__main-10897347281089" 38140 class="product-grid__item product-grid__item--31" 38141 data-page="1" 38142 data-product-id="10897347281089" 38143 ref="cards[]" 38144 > 38145 38146 38147 38148 38149 38150 38151<style data-shopify> 38152 38153</style> 38154 38155 38156<product-card-link 38157 data-product-id="10897347281089" 38158 data-featured-media-url="" 38159 data-product-transition="true" 38160 38161 ><product-card 38162 class="product-card" 38163 data-product-id="10897347281089" 38164 id="product-card-ARFVUbHVMLy90TE1EM__product-card-31" 38165 data-product-transition="true" 38166 38167 38168> 38169 <a 38170 id="5077cdd98fc5160bf3cc583e4ab05ef2" 38171 38172 href="/products/give-the-gift-of-coffee?variant=49933446611137" 38173 38174 class="product-card__link" 38175 ref="productCardLink" 38176 > 38177 <span class="visually-hidden"> 38178 Give the Gift of Coffee 38179 </span> 38180 </a> 38181 <div 38182 class=" 38183 product-card__content 38184 layout-panel-flex 38185 layout-panel-flex--column 38186 product-grid__card 38187 spacing-style 38188 border-style 38189 gap-style 38190 38191 " 38192 style=" 38193 --border-width: 1px; --border-style: none; --border-color: 38194rgb(var(--color-border-rgb) / 1.0); --border-radius: 381950px; 38196 38197 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 38198 38199 38200 38201--horizontal-alignment: ; --vertical-alignment: ; 38202--vertical-alignment-mobile: ; 38203 38204 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38205 --product-card-gap: 8px; 38206 --quick-add-display: flex; 38207 --quick-add-mobile-display: none; 38208 --quick-add-mobile-opacity: 0; 38209 38210 38211 38212 38213 " 38214 > 38215 38216 38217 38218 38219 38220 38221 38222 38223 38224<div 38225 ref="cardGallery" 38226 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-31 spacing-style border-style" 38227 style=" 38228 --border-width: 1px; --border-style: none; --border-color: 38229rgb(var(--color-border-rgb) / 1.0); --border-radius: 382300px; 38231 38232 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38233 --gallery-aspect-ratio: 4 / 5; 38234 " 38235 data-product-id="10897347281089" 38236
38237 on:pointerenter="/previewImage" 38238 on:pointerleave="/resetImage" 38239 38240 38241 data-view-transition-to-main-product 38242 38243 data-image-ratio="portrait" 38244 38245> 38246 <product-title class="product-card-gallery__title-placeholder"> 38247 <a 38248 class="contents" 38249 ref="productTitleLink" 38250 href="/products/give-the-gift-of-coffee?variant=49933446611137" 38251 aria-hidden="true" 38252 > 38253 <span class="title-text">Give the Gift of Coffee</span> 38254 </a> 38255 </product-title> 38256 38257 38258 <div 38259 class="product-badges product-badges--top-right" 38260 style=" 38261 --badge-border-radius: 2px; 38262 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 38263 " 38264 ></div> 38265 38266 38267 38268<quick-add-component 38269 class="quick-add color-scheme-1 " 38270 ref="quickAdd" 38271 data-product-title="Give the Gift of Coffee" 38272 data-quick-add-button="choose" 38273 data-product-options-count="1" 38274> 38275 <product-form-component 38276 data-section-id="template--24479419367617__main" 38277 data-product-id="10897347281089" 38278 on:submit="/handleSubmit" 38279 class="quick-add__product-form-component" 38280 > 38281 <div 38282 class="visually-hidden" 38283 aria-live="assertive" 38284 role="status" 38285 aria-atomic="true" 38286 ref="liveRegion" 38287 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10897347281089-AbnhndkZhbW0yK2Rld__card-gallery-31" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 38288 type="hidden" 38289 name="id" 38290 ref="variantId" 38291 value="49933446611137" 38292 38293 > 38294 <input 38295 type="hidden" 38296 name="quantity" 38297 value="1" 38298 > 38299 38300 <add-to-cart-component 38301 ref="addToCartButtonContainer" 38302 data-product-variant-media="" 38303 data-add-to-cart-animation="true" 38304> 38305 <button 38306 38307 type="submit" 38308 name="add" 38309 ref="addToCartButton" 38310 on:click="/handleClick" 38311 class="button button quick-add__button quick-add__button--add add-to-cart-button" 38312 38313 38314 > 38315 <span 38316 class="add-to-cart-text" 38317 > 38318 38319 <span 38320 aria-hidden="true" 38321 class="svg-wrapper add-to-cart-icon" 38322 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 38323</span> 38324 38325 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 38326 <span> 38327 <span>Add</span> 38328 </span> 38329 </span> 38330 </span> 38331 38332 <span class="add-to-cart__added"> 38333 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 38334 <g class="check"> 38335 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 38336 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 38337 </g> 38338 <g class="burst"> 38339 <g style="--index: 0;"> 38340 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38341 </g> 38342 <g style="--index: 1;"> 38343 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38344 </g> 38345 <g style="--index: 2;"> 38346 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38347 </g> 38348 <g style="--index: 3;"> 38349 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38350 </g> 38351 <g style="--index: 4;"> 38352 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38353 </g> 38354 <g style="--index: 5;"> 38355 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38356 </g> 38357 <g style="--index: 6;"> 38358 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38359 </g> 38360 <g style="--index: 7;"> 38361 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38362 </g> 38363 </g> 38364</svg> 38365</span> 38366 </span> 38367 </button> 38368</add-to-cart-component> 38369 38370 38371 <button 38372 class="button quick-add__button quick-add__button--choose add-to-cart-button" 38373 38374 type="button" 38375 name="add" 38376 on:click="quick-add-component/handleClick" 38377 >
38378 <span 38379 class="add-to-cart-text" 38380 > 38381 38382 <span 38383 aria-hidden="true" 38384 class="svg-wrapper add-to-cart-icon" 38385 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 38386</span> 38387 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 38388 <span> 38389 38390 <span> 38391 Choose 38392 </span> 38393 </span> 38394 </span> 38395 </span> 38396 </button><input type="hidden" name="product-id" value="10897347281089" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 38397</quick-add-component> 38398 38399 38400 38401 38402 38403 38404</div> 38405 38406 38407 38408 38409 38410<div class="product-grid-view-zoom-out--details"> 38411 38412 <h3 class="h4">Give the Gift of Coffee</h3> 38413 38414</div> 38415 38416 38417 38418 38419 38420 38421 38422 38423<div 38424 class=" 38425 group-block 38426 group-block--height-fit 38427 group-block--width-fill 38428 border-style 38429 spacing-style 38430 size-style 38431 38432 38433 " 38434 style=" 38435 --border-width: 1px; --border-style: none; --border-color: 38436rgb(var(--color-border-rgb) / 1.0); --border-radius: 384370px; 38438 38439 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38440 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 38441 38442 " 38443 38444 data-testid="group-block" 38445><div class="group-block__media-wrapper"> 38446 38447 38448 38449 38450 38451 </div> 38452 38453 <div 38454 class=" 38455 group-block-content 38456 38457 layout-panel-flex 38458 layout-panel-flex--column 38459 mobile-column 38460 " 38461 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 38462 38463--gap: 4px; 38464 38465--horizontal-alignment: center; --vertical-alignment: center; 38466--vertical-alignment-mobile: center; 38467" 38468 > 38469 38470 38471 38472 38473 <a 38474 class="contents user-select-text" 38475 ref="productTitleLink" 38476 href="/products/give-the-gift-of-coffee?variant=49933446611137" 38477 > 38478 38479 38480 38481 38482 38483 38484 38485 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-31 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 38486 <p>Give the Gift of Coffee</p> 38487 </div> 38488 38489 38490 38491 38492 </a> 38493 38494 38495 38496 38497 38498 38499<product-price 38500 class="text-block text-block--align-center rte text-center paragraph spacing-style" 38501 data-block-id="AaTU4QWlBSTJKVFFpe__price-31" 38502 data-product-id="10897347281089" 38503 style=" 38504 38505--color: var(--color-foreground); 38506 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38507 --width: 100%; 38508 " 38509 38510> 38511 <div ref="priceContainer"> 38512 38513 38514 38515 38516 38517 <span class="price">$10.00</span> 38518 38519 38520 38521 38522</div> 38523 38524 38525</product-price> 38526 38527 38528 38529 38530 38531 38532 38533</div> 38534</div> 38535 38536 38537 38538 38539 38540 38541 38542 </div> 38543</product-card></product-card-link> 38544 38545 38546 38547 38548 </li> 38549 38550 <li 38551 id="template--24479419367617__main-10862155694273" 38552 class="product-grid__item product-grid__item--32" 38553 data-page="1" 38554 data-product-id="10862155694273" 38555 ref="cards[]" 38556 > 38557 38558 38559 38560 38561 38562 38563<style data-shopify> 38564 38565</style> 38566 38567 38568<product-card-link 38569 data-product-id="10862155694273" 38570 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=500" 38571 data-product-transition="true" 38572 38573 ><product-card 38574 class="product-card" 38575 data-product-id="10862155694273" 38576 id="product-card-ARFVUbHVMLy90TE1EM__product-card-32" 38577 data-product-transition="true" 38578 38579 38580> 38581 <a 38582 id="dcd1fb0af6e4aa68de456adb9b3da54a" 38583 38584 href="/products/hario-buono-v60-drip-kettle-1-0l-silver?variant=49814134030529" 38585 38586 class="product-card__link" 38587 ref="productCardLink" 38588 > 38589 <span class="visually-hidden"> 38590 Hario Buono V60 Drip Kettle 1.0L - Silver 38591 </span> 38592 </a> 38593 <div 38594 class=" 38595 product-card__content 38596 layout-panel-flex 38597 layout-panel-flex--column 38598 product-grid__card 38599 spacing-style 38600 border-style 38601 gap-style 38602 38603 " 38604 style=" 38605 --border-width: 1px; --border-style: none; --border-color: 38606rgb(var(--color-border-rgb) / 1.0); --border-radius: 386070px; 38608 38609 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 38610 38611 38612 38613--horizontal-alignment: ; --vertical-alignment: ; 38614--vertical-alignment-mobile: ; 38615 38616 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38617 --product-card-gap: 8px; 38618 --quick-add-display: flex; 38619 --quick-add-mobile-display: none; 38620 --quick-add-mobile-opacity: 0; 38621 38622 38623 38624 38625 " 38626 > 38627 38628 38629 38630 38631 38632 38633 38634 38635 38636<div 38637 ref="cardGallery" 38638 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-32 spacing-style border-style" 38639 style=" 38640 --border-width: 1px; --border-style: none; --border-color: 38641rgb(var(--color-border-rgb) / 1.0); --border-radius: 386420px; 38643 38644 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38645 --gallery-aspect-ratio: 4 / 5; 38646 " 38647 data-product-id="10862155694273" 38648
38649 on:pointerenter="/previewImage" 38650 on:pointerleave="/resetImage" 38651 38652 38653 data-view-transition-to-main-product 38654 38655 data-image-ratio="portrait" 38656 38657> 38658 <a 38659 class="contents" 38660 ref="cardGalleryLink" 38661 href="/products/hario-buono-v60-drip-kettle-1-0l-silver?variant=49814134030529" 38662 aria-label="Hario Buono V60 Drip Kettle 1.0L - Silver" 38663 > 38664 <slideshow-component 38665 38666 ref="slideshow" 38667 38668 38669 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 38670 38671 initial-slide="0" 38672 38673 38674 infinite 38675 38676 38677 data-generic-media-size="1" 38678> 38679 38680 <slideshow-container ref="slideshowContainer"> 38681 38682 38683 <slideshow-slides 38684 tabindex="-1" 38685 ref="scroller" 38686 38687 > 38688 <slideshow-slide 38689 ref="slides[]" 38690 aria-hidden="false" 38691 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 38692 38693 class="product-media-container media-fit product-media-container--image" 38694 38695 38696 38697 38698 slide-id="40373114044609" 38699 38700 38701 38702 38703> 38704 38705 38706<div 38707 class="product-media" 38708 style="--ratio: 1.0" 38709 data-media-id="40373114044609" 38710> 38711 38712 <img src="//humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=3840" alt="Hario Buono V60 Drip Kettle 1.0L - Silver coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=240 240w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=352 352w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=832 832w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 38713 38714 38715</div> 38716 38717 38718 38719</slideshow-slide> 38720 38721 </slideshow-slides> 38722 </slideshow-container> 38723 38724</slideshow-component> 38725 38726 38727 38728 </a> 38729 38730 38731 <div 38732 class="product-badges product-badges--top-right" 38733 style=" 38734 --badge-border-radius: 2px; 38735 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 38736 " 38737 ></div> 38738 38739 38740 38741<quick-add-component 38742 class="quick-add color-scheme-1 " 38743 ref="quickAdd" 38744 data-product-title="Hario Buono V60 Drip Kettle 1.0L - Silver" 38745 data-quick-add-button="add" 38746 data-product-options-count="1" 38747> 38748 <product-form-component 38749 data-section-id="template--24479419367617__main" 38750 data-product-id="10862155694273" 38751 on:submit="/handleSubmit" 38752 class="quick-add__product-form-component" 38753 > 38754 <div 38755 class="visually-hidden" 38756 aria-live="assertive" 38757 role="status" 38758 aria-atomic="true" 38759 ref="liveRegion" 38760 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155694273-AbnhndkZhbW0yK2Rld__card-gallery-32" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 38761 type="hidden" 38762 name="id" 38763 ref="variantId" 38764 value="49814134030529" 38765 38766 > 38767 <input 38768 type="hidden" 38769 name="quantity" 38770 value="1" 38771 > 38772 38773 <add-to-cart-component 38774 ref="addToCartButtonContainer" 38775 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&width=100" 38776 data-add-to-cart-animation="true" 38777> 38778 <button 38779 38780 type="submit" 38781 name="add" 38782 ref="addToCartButton" 38783 on:click="/handleClick" 38784 class="button button quick-add__button quick-add__button--add add-to-cart-button" 38785 38786 38787 > 38788 <span 38789 class="add-to-cart-text" 38790 > 38791
38792 <span 38793 aria-hidden="true" 38794 class="svg-wrapper add-to-cart-icon" 38795 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 38796</span> 38797 38798 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 38799 <span> 38800 <span>Add</span> 38801 </span> 38802 </span> 38803 </span> 38804 38805 <span class="add-to-cart__added"> 38806 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 38807 <g class="check"> 38808 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 38809 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 38810 </g> 38811 <g class="burst"> 38812 <g style="--index: 0;"> 38813 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38814 </g> 38815 <g style="--index: 1;"> 38816 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38817 </g> 38818 <g style="--index: 2;"> 38819 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38820 </g> 38821 <g style="--index: 3;"> 38822 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38823 </g> 38824 <g style="--index: 4;"> 38825 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38826 </g> 38827 <g style="--index: 5;"> 38828 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38829 </g> 38830 <g style="--index: 6;"> 38831 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38832 </g> 38833 <g style="--index: 7;"> 38834 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 38835 </g> 38836 </g> 38837</svg> 38838</span> 38839 </span> 38840 </button> 38841</add-to-cart-component> 38842 38843 38844 <button 38845 class="button quick-add__button quick-add__button--choose add-to-cart-button" 38846 38847 type="button" 38848 name="add" 38849 on:click="quick-add-component/handleClick" 38850 > 38851 <span 38852 class="add-to-cart-text" 38853 > 38854 38855 <span 38856 aria-hidden="true" 38857 class="svg-wrapper add-to-cart-icon" 38858 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 38859</span> 38860 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 38861 <span> 38862 38863 <span> 38864 Choose 38865 </span> 38866 </span> 38867 </span> 38868 </span> 38869 </button><input type="hidden" name="product-id" value="10862155694273" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 38870</quick-add-component> 38871 38872 38873 38874 38875 38876 38877</div> 38878 38879 38880 38881 38882 38883<div class="product-grid-view-zoom-out--details"> 38884 38885 <h3 class="h4">Hario Buono V60 Drip Kettle 1.0L - Silver</h3> 38886 38887</div> 38888 38889 38890 38891 38892 38893 38894 38895 38896<div 38897 class=" 38898 group-block 38899 group-block--height-fit 38900 group-block--width-fill 38901 border-style 38902 spacing-style 38903 size-style 38904 38905 38906 " 38907 style=" 38908 --border-width: 1px; --border-style: none; --border-color: 38909rgb(var(--color-border-rgb) / 1.0); --border-radius: 389100px; 38911 38912 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38913 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 38914 38915 " 38916 38917 data-testid="group-block" 38918><div class="group-block__media-wrapper"> 38919 38920 38921 38922 38923 38924 </div> 38925 38926 <div 38927 class=" 38928 group-block-content 38929 38930 layout-panel-flex 38931 layout-panel-flex--column 38932 mobile-column 38933 " 38934 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 38935 38936--gap: 4px; 38937 38938--horizontal-alignment: center; --vertical-alignment: center; 38939--vertical-alignment-mobile: center; 38940" 38941 > 38942 38943 38944 38945 38946 <a 38947 class="contents user-select-text" 38948 ref="productTitleLink" 38949 href="/products/hario-buono-v60-drip-kettle-1-0l-silver?variant=49814134030529" 38950 > 38951 38952 38953 38954 38955 38956 38957 38958 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-32 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 38959 <p>Hario Buono V60 Drip Kettle 1.0L - Silver</p> 38960 </div> 38961 38962 38963 38964 38965 </a> 38966 38967 38968 38969 38970 38971 38972<product-price 38973 class="text-block text-block--align-center rte text-center paragraph spacing-style" 38974 data-block-id="AaTU4QWlBSTJKVFFpe__price-32" 38975 data-product-id="10862155694273" 38976 style=" 38977 38978--color: var(--color-foreground); 38979 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 38980 --width: 100%; 38981 " 38982 38983> 38984 <div ref="priceContainer"> 38985 38986 38987 38988 38989
38990 <span class="price">$58.00</span> 38991 38992 38993 38994 38995</div> 38996 38997 38998</product-price> 38999 39000 39001 39002 39003 39004 39005 39006</div> 39007</div> 39008 39009 39010 39011 39012 39013 39014 39015 </div> 39016</product-card></product-card-link> 39017 39018 39019 39020 39021 </li> 39022 39023 <li 39024 id="template--24479419367617__main-10862155956417" 39025 class="product-grid__item product-grid__item--33" 39026 data-page="1" 39027 data-product-id="10862155956417" 39028 ref="cards[]" 39029 > 39030 39031 39032 39033 39034 39035 39036<style data-shopify> 39037 39038</style> 39039 39040 39041<product-card-link 39042 data-product-id="10862155956417" 39043 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=500" 39044 data-product-transition="true" 39045 39046 ><product-card 39047 class="product-card" 39048 data-product-id="10862155956417" 39049 id="product-card-ARFVUbHVMLy90TE1EM__product-card-33" 39050 data-product-transition="true" 39051 39052 39053> 39054 <a 39055 id="73df857d5d14863a32ec10e4029fc807" 39056 39057 href="/products/hario-buono-v60-drip-kettle-1-2l-matte-black?variant=49814134292673" 39058 39059 class="product-card__link" 39060 ref="productCardLink" 39061 > 39062 <span class="visually-hidden"> 39063 Hario Buono V60 Drip Kettle 1.2L - Matte Black 39064 </span> 39065 </a> 39066 <div 39067 class=" 39068 product-card__content 39069 layout-panel-flex 39070 layout-panel-flex--column 39071 product-grid__card 39072 spacing-style 39073 border-style 39074 gap-style 39075 39076 " 39077 style=" 39078 --border-width: 1px; --border-style: none; --border-color: 39079rgb(var(--color-border-rgb) / 1.0); --border-radius: 390800px; 39081 39082 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 39083 39084 39085 39086--horizontal-alignment: ; --vertical-alignment: ; 39087--vertical-alignment-mobile: ; 39088 39089 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39090 --product-card-gap: 8px; 39091 --quick-add-display: flex; 39092 --quick-add-mobile-display: none; 39093 --quick-add-mobile-opacity: 0; 39094 39095 39096 39097 39098 " 39099 > 39100 39101 39102 39103 39104 39105 39106 39107 39108 39109<div 39110 ref="cardGallery" 39111 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-33 spacing-style border-style" 39112 style=" 39113 --border-width: 1px; --border-style: none; --border-color: 39114rgb(var(--color-border-rgb) / 1.0); --border-radius: 391150px; 39116 39117 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39118 --gallery-aspect-ratio: 4 / 5; 39119 " 39120 data-product-id="10862155956417" 39121 39122 on:pointerenter="/previewImage" 39123 on:pointerleave="/resetImage" 39124 39125 39126 data-view-transition-to-main-product 39127 39128 data-image-ratio="portrait" 39129 39130> 39131 <a 39132 class="contents" 39133 ref="cardGalleryLink" 39134 href="/products/hario-buono-v60-drip-kettle-1-2l-matte-black?variant=49814134292673" 39135 aria-label="Hario Buono V60 Drip Kettle 1.2L - Matte Black" 39136 > 39137 <slideshow-component 39138 39139 ref="slideshow" 39140 39141 39142 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;" 39143 39144 initial-slide="0" 39145 39146 39147 infinite 39148 39149 39150 data-generic-media-size="5" 39151> 39152 39153 <slideshow-container ref="slideshowContainer"> 39154 39155 <slideshow-arrows 39156 position="center" 39157 39158><button 39159 class=" 39160 slideshow-control slideshow-control--previous 39161 39162 39163 slideshow-control--style-arrow 39164 button button-unstyled button-unstyled--transparent 39165 flip-x 39166 " 39167 39168 aria-label="Previous slide" 39169 39170 on:click="/previous" 39171 ref="previous" 39172> 39173 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 39174</span> 39175</button> 39176<button 39177 class=" 39178 slideshow-control slideshow-control--next 39179 39180 39181 slideshow-control--style-arrow 39182 button button-unstyled button-unstyled--transparent 39183 39184 " 39185 39186 aria-label="Next slide" 39187 39188 on:click="/next" 39189 ref="next" 39190> 39191 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 39192</span> 39193</button> 39194</slideshow-arrows> 39195 39196 39197 39198 <slideshow-slides 39199 tabindex="-1" 39200 ref="scroller" 39201 39202 > 39203 <slideshow-slide 39204 ref="slides[]" 39205 aria-hidden="false" 39206 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39207 39208 class="product-media-container media-fit product-media-container--image" 39209 39210 39211 39212 39213 slide-id="40373115060417" 39214 39215 39216 39217 39218> 39219 39220 39221<div 39222 class="product-media" 39223 style="--ratio: 1.0" 39224 data-media-id="40373115060417" 39225> 39226 39227 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39228 39229 39230</div> 39231 39232 39233 39234</slideshow-slide> 39235<slideshow-slide 39236 ref="slides[]" 39237 aria-hidden="true" 39238 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39239 39240 class="product-media-container media-fit product-media-container--image" 39241 39242 39243 39244 39245 slide-id="40373115093185" 39246 39247 39248 39249 39250> 39251 39252 39253<div 39254 class="product-media" 39255 style="--ratio: 1.0" 39256 data-media-id="40373115093185" 39257> 39258 39259 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39260 39261 39262</div> 39263 39264 39265 39266</slideshow-slide> 39267<slideshow-slide 39268 ref="slides[]" 39269 aria-hidden="true" 39270 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39271 39272 class="product-media-container media-fit product-media-container--image" 39273 39274 39275 39276 39277 slide-id="40373115125953" 39278 39279 39280 39281 39282> 39283 39284 39285<div 39286 class="product-media" 39287 style="--ratio: 1.0" 39288 data-media-id="40373115125953" 39289> 39290 39291 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39292 39293 39294</div> 39295 39296 39297 39298</slideshow-slide> 39299<slideshow-slide 39300 ref="slides[]" 39301 aria-hidden="true" 39302 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39303 39304 class="product-media-container media-fit product-media-container--image" 39305 39306 39307 39308 39309 slide-id="40373115158721" 39310
39311 39312 39313 39314> 39315 39316 39317<div 39318 class="product-media" 39319 style="--ratio: 1.0" 39320 data-media-id="40373115158721" 39321> 39322 39323 <img src="//humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39324 39325 39326</div> 39327 39328 39329 39330</slideshow-slide> 39331<slideshow-slide 39332 ref="slides[]" 39333 aria-hidden="true" 39334 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39335 39336 class="product-media-container media-fit product-media-container--image" 39337 39338 39339 39340 39341 slide-id="40373115191489" 39342 39343 39344 39345 39346> 39347 39348 39349<div 39350 class="product-media" 39351 style="--ratio: 1.0" 39352 data-media-id="40373115191489" 39353> 39354 39355 <img src="//humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39356 39357 39358</div> 39359 39360 39361 39362</slideshow-slide> 39363 39364 </slideshow-slides> 39365 </slideshow-container> 39366 39367</slideshow-component> 39368 39369 39370 39371 </a> 39372 39373 39374 <div 39375 class="product-badges product-badges--top-right" 39376 style=" 39377 --badge-border-radius: 2px; 39378 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 39379 " 39380 ></div> 39381 39382 39383 39384<quick-add-component 39385 class="quick-add color-scheme-1 " 39386 ref="quickAdd" 39387 data-product-title="Hario Buono V60 Drip Kettle 1.2L - Matte Black" 39388 data-quick-add-button="add" 39389 data-product-options-count="1" 39390> 39391 <product-form-component 39392 data-section-id="template--24479419367617__main" 39393 data-product-id="10862155956417" 39394 on:submit="/handleSubmit" 39395 class="quick-add__product-form-component" 39396 > 39397 <div 39398 class="visually-hidden" 39399 aria-live="assertive" 39400 role="status" 39401 aria-atomic="true" 39402 ref="liveRegion" 39403 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155956417-AbnhndkZhbW0yK2Rld__card-gallery-33" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 39404 type="hidden" 39405 name="id" 39406 ref="variantId" 39407 value="49814134292673" 39408 39409 > 39410 <input 39411 type="hidden" 39412 name="quantity" 39413 value="1" 39414 > 39415 39416 <add-to-cart-component 39417 ref="addToCartButtonContainer" 39418 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&width=100" 39419 data-add-to-cart-animation="true" 39420> 39421 <button 39422 39423 type="submit" 39424 name="add" 39425 ref="addToCartButton" 39426 on:click="/handleClick" 39427 class="button button quick-add__button quick-add__button--add add-to-cart-button" 39428 39429 39430 > 39431 <span 39432 class="add-to-cart-text" 39433 > 39434
39435 <span 39436 aria-hidden="true" 39437 class="svg-wrapper add-to-cart-icon" 39438 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 39439</span> 39440 39441 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 39442 <span> 39443 <span>Add</span> 39444 </span> 39445 </span> 39446 </span> 39447 39448 <span class="add-to-cart__added"> 39449 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 39450 <g class="check"> 39451 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 39452 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 39453 </g> 39454 <g class="burst"> 39455 <g style="--index: 0;"> 39456 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39457 </g> 39458 <g style="--index: 1;"> 39459 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39460 </g> 39461 <g style="--index: 2;"> 39462 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39463 </g> 39464 <g style="--index: 3;"> 39465 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39466 </g> 39467 <g style="--index: 4;"> 39468 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39469 </g> 39470 <g style="--index: 5;"> 39471 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39472 </g> 39473 <g style="--index: 6;"> 39474 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39475 </g> 39476 <g style="--index: 7;"> 39477 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 39478 </g> 39479 </g> 39480</svg> 39481</span> 39482 </span> 39483 </button> 39484</add-to-cart-component> 39485 39486 39487 <button 39488 class="button quick-add__button quick-add__button--choose add-to-cart-button" 39489 39490 type="button" 39491 name="add" 39492 on:click="quick-add-component/handleClick" 39493 > 39494 <span 39495 class="add-to-cart-text" 39496 > 39497 39498 <span 39499 aria-hidden="true" 39500 class="svg-wrapper add-to-cart-icon" 39501 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 39502</span> 39503 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 39504 <span> 39505 39506 <span> 39507 Choose 39508 </span> 39509 </span> 39510 </span> 39511 </span> 39512 </button><input type="hidden" name="product-id" value="10862155956417" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 39513</quick-add-component> 39514 39515 39516 39517 39518 39519 39520</div> 39521 39522 39523 39524 39525 39526<div class="product-grid-view-zoom-out--details"> 39527 39528 <h3 class="h4">Hario Buono V60 Drip Kettle 1.2L - Matte Black</h3> 39529 39530</div> 39531 39532 39533 39534 39535 39536 39537 39538 39539<div 39540 class=" 39541 group-block 39542 group-block--height-fit 39543 group-block--width-fill 39544 border-style 39545 spacing-style 39546 size-style 39547 39548 39549 " 39550 style=" 39551 --border-width: 1px; --border-style: none; --border-color: 39552rgb(var(--color-border-rgb) / 1.0); --border-radius: 395530px; 39554 39555 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39556 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 39557 39558 " 39559 39560 data-testid="group-block" 39561><div class="group-block__media-wrapper"> 39562 39563 39564 39565 39566 39567 </div> 39568 39569 <div 39570 class=" 39571 group-block-content 39572 39573 layout-panel-flex 39574 layout-panel-flex--column 39575 mobile-column 39576 " 39577 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 39578 39579--gap: 4px; 39580 39581--horizontal-alignment: center; --vertical-alignment: center; 39582--vertical-alignment-mobile: center; 39583" 39584 > 39585 39586 39587 39588 39589 <a 39590 class="contents user-select-text" 39591 ref="productTitleLink" 39592 href="/products/hario-buono-v60-drip-kettle-1-2l-matte-black?variant=49814134292673" 39593 > 39594 39595 39596 39597 39598 39599 39600 39601 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-33 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 39602 <p>Hario Buono V60 Drip Kettle 1.2L - Matte Black</p> 39603 </div> 39604 39605 39606 39607 39608 </a> 39609 39610 39611 39612 39613 39614 39615<product-price 39616 class="text-block text-block--align-center rte text-center paragraph spacing-style" 39617 data-block-id="AaTU4QWlBSTJKVFFpe__price-33" 39618 data-product-id="10862155956417" 39619 style=" 39620 39621--color: var(--color-foreground); 39622 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39623 --width: 100%; 39624 " 39625 39626> 39627 <div ref="priceContainer"> 39628 39629 39630 39631 39632
39633 <span class="price">$79.00</span> 39634 39635 39636 39637 39638</div> 39639 39640 39641</product-price> 39642 39643 39644 39645 39646 39647 39648 39649</div> 39650</div> 39651 39652 39653 39654 39655 39656 39657 39658 </div> 39659</product-card></product-card-link> 39660 39661 39662 39663 39664 </li> 39665 39666 <li 39667 id="template--24479419367617__main-10862155890881" 39668 class="product-grid__item product-grid__item--34" 39669 data-page="1" 39670 data-product-id="10862155890881" 39671 ref="cards[]" 39672 > 39673 39674 39675 39676 39677 39678 39679<style data-shopify> 39680 39681</style> 39682 39683 39684<product-card-link 39685 data-product-id="10862155890881" 39686 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=500" 39687 data-product-transition="true" 39688 39689 ><product-card 39690 class="product-card" 39691 data-product-id="10862155890881" 39692 id="product-card-ARFVUbHVMLy90TE1EM__product-card-34" 39693 data-product-transition="true" 39694 39695 39696> 39697 <a 39698 id="77b3446d1efb9db9528323d760bb7602" 39699 39700 href="/products/hario-buono-v60-drip-kettle-1-2l-silver?variant=49814134161601" 39701 39702 class="product-card__link" 39703 ref="productCardLink" 39704 > 39705 <span class="visually-hidden"> 39706 Hario Buono V60 Drip Kettle 1.2L - Silver 39707 </span> 39708 </a> 39709 <div 39710 class=" 39711 product-card__content 39712 layout-panel-flex 39713 layout-panel-flex--column 39714 product-grid__card 39715 spacing-style 39716 border-style 39717 gap-style 39718 39719 " 39720 style=" 39721 --border-width: 1px; --border-style: none; --border-color: 39722rgb(var(--color-border-rgb) / 1.0); --border-radius: 397230px; 39724 39725 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 39726 39727 39728 39729--horizontal-alignment: ; --vertical-alignment: ; 39730--vertical-alignment-mobile: ; 39731 39732 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39733 --product-card-gap: 8px; 39734 --quick-add-display: flex; 39735 --quick-add-mobile-display: none; 39736 --quick-add-mobile-opacity: 0; 39737 39738 39739 39740 39741 " 39742 > 39743 39744 39745 39746 39747 39748 39749 39750 39751 39752<div 39753 ref="cardGallery" 39754 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-34 spacing-style border-style" 39755 style=" 39756 --border-width: 1px; --border-style: none; --border-color: 39757rgb(var(--color-border-rgb) / 1.0); --border-radius: 397580px; 39759 39760 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 39761 --gallery-aspect-ratio: 4 / 5; 39762 " 39763 data-product-id="10862155890881" 39764 39765 on:pointerenter="/previewImage" 39766 on:pointerleave="/resetImage" 39767 39768 39769 data-view-transition-to-main-product 39770 39771 data-image-ratio="portrait" 39772 39773> 39774 <a 39775 class="contents" 39776 ref="cardGalleryLink" 39777 href="/products/hario-buono-v60-drip-kettle-1-2l-silver?variant=49814134161601" 39778 aria-label="Hario Buono V60 Drip Kettle 1.2L - Silver" 39779 > 39780 <slideshow-component 39781 39782 ref="slideshow" 39783 39784 39785 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 39786 39787 initial-slide="0" 39788 39789 39790 infinite 39791 39792 39793 data-generic-media-size="4" 39794> 39795 39796 <slideshow-container ref="slideshowContainer"> 39797 39798 <slideshow-arrows 39799 position="center" 39800 39801><button 39802 class=" 39803 slideshow-control slideshow-control--previous 39804 39805 39806 slideshow-control--style-arrow 39807 button button-unstyled button-unstyled--transparent 39808 flip-x 39809 " 39810 39811 aria-label="Previous slide" 39812 39813 on:click="/previous" 39814 ref="previous" 39815> 39816 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 39817</span> 39818</button> 39819<button 39820 class=" 39821 slideshow-control slideshow-control--next 39822 39823 39824 slideshow-control--style-arrow 39825 button button-unstyled button-unstyled--transparent 39826 39827 " 39828 39829 aria-label="Next slide" 39830 39831 on:click="/next" 39832 ref="next" 39833> 39834 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 39835</span> 39836</button> 39837</slideshow-arrows> 39838 39839 39840 39841 <slideshow-slides 39842 tabindex="-1" 39843 ref="scroller" 39844 39845 > 39846 <slideshow-slide 39847 ref="slides[]" 39848 aria-hidden="false" 39849 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39850 39851 class="product-media-container media-fit product-media-container--image" 39852 39853 39854 39855 39856 slide-id="40373114470593" 39857 39858 39859 39860 39861> 39862 39863 39864<div 39865 class="product-media" 39866 style="--ratio: 1.0" 39867 data-media-id="40373114470593" 39868> 39869 39870 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39871 39872 39873</div> 39874 39875 39876 39877</slideshow-slide> 39878<slideshow-slide 39879 ref="slides[]" 39880 aria-hidden="true" 39881 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39882 39883 class="product-media-container media-fit product-media-container--image" 39884 39885 39886 39887 39888 slide-id="40373114503361" 39889 39890 39891 39892 39893> 39894 39895 39896<div 39897 class="product-media" 39898 style="--ratio: 1.0" 39899 data-media-id="40373114503361" 39900> 39901 39902 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39903 39904 39905</div> 39906 39907 39908 39909</slideshow-slide> 39910<slideshow-slide 39911 ref="slides[]" 39912 aria-hidden="true" 39913 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39914 39915 class="product-media-container media-fit product-media-container--image" 39916 39917 39918 39919 39920 slide-id="40373114536129" 39921 39922 39923 39924 39925> 39926 39927 39928<div 39929 class="product-media" 39930 style="--ratio: 1.0" 39931 data-media-id="40373114536129" 39932> 39933 39934 <img src="//humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39935 39936 39937</div> 39938 39939 39940 39941</slideshow-slide> 39942<slideshow-slide 39943 ref="slides[]" 39944 aria-hidden="true" 39945 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 39946 39947 class="product-media-container media-fit product-media-container--image" 39948 39949 39950 39951 39952 slide-id="40373114568897" 39953 39954 39955 39956 39957> 39958 39959 39960<div 39961 class="product-media" 39962 style="--ratio: 1.0" 39963 data-media-id="40373114568897" 39964> 39965 39966 <img src="//humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 39967 39968 39969</div> 39970 39971 39972 39973</slideshow-slide> 39974 39975 </slideshow-slides> 39976 </slideshow-container> 39977 39978</slideshow-component> 39979 39980 39981 39982 </a> 39983 39984 39985 <div 39986 class="product-badges product-badges--top-right" 39987 style=" 39988 --badge-border-radius: 2px; 39989 --badge-font-family: var(--font-body--family);
39989 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 39990 " 39991 ></div> 39992 39993 39994 39995<quick-add-component 39996 class="quick-add color-scheme-1 " 39997 ref="quickAdd" 39998 data-product-title="Hario Buono V60 Drip Kettle 1.2L - Silver" 39999 data-quick-add-button="add" 40000 data-product-options-count="1" 40001> 40002 <product-form-component 40003 data-section-id="template--24479419367617__main" 40004 data-product-id="10862155890881" 40005 on:submit="/handleSubmit" 40006 class="quick-add__product-form-component" 40007 > 40008 <div 40009 class="visually-hidden" 40010 aria-live="assertive" 40011 role="status" 40012 aria-atomic="true" 40013 ref="liveRegion" 40014 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155890881-AbnhndkZhbW0yK2Rld__card-gallery-34" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 40015 type="hidden" 40016 name="id" 40017 ref="variantId" 40018 value="49814134161601" 40019 40020 > 40021 <input 40022 type="hidden" 40023 name="quantity" 40024 value="1" 40025 > 40026 40027 <add-to-cart-component 40028 ref="addToCartButtonContainer" 40029 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&width=100" 40030 data-add-to-cart-animation="true" 40031> 40032 <button 40033 40034 type="submit" 40035 name="add" 40036 ref="addToCartButton" 40037 on:click="/handleClick" 40038 class="button button quick-add__button quick-add__button--add add-to-cart-button" 40039 40040 40041 > 40042 <span 40043 class="add-to-cart-text" 40044 > 40045 40046 <span 40047 aria-hidden="true" 40048 class="svg-wrapper add-to-cart-icon" 40049 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 40050</span> 40051 40052 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 40053 <span> 40054 <span>Add</span> 40055 </span> 40056 </span> 40057 </span> 40058 40059 <span class="add-to-cart__added"> 40060 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 40061 <g class="check"> 40062 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 40063 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 40064 </g> 40065 <g class="burst"> 40066 <g style="--index: 0;"> 40067 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40068 </g> 40069 <g style="--index: 1;"> 40070 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40071 </g> 40072 <g style="--index: 2;"> 40073 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40074 </g> 40075 <g style="--index: 3;"> 40076 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40077 </g> 40078 <g style="--index: 4;"> 40079 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40080 </g> 40081 <g style="--index: 5;"> 40082 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40083 </g> 40084 <g style="--index: 6;"> 40085 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40086 </g> 40087 <g style="--index: 7;"> 40088 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40089 </g> 40090 </g> 40091</svg> 40092</span> 40093 </span> 40094 </button> 40095</add-to-cart-component> 40096 40097 40098 <button 40099 class="button quick-add__button quick-add__button--choose add-to-cart-button" 40100 40101 type="button" 40102 name="add" 40103 on:click="quick-add-component/handleClick" 40104 >
40105 <span 40106 class="add-to-cart-text" 40107 > 40108 40109 <span 40110 aria-hidden="true" 40111 class="svg-wrapper add-to-cart-icon" 40112 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 40113</span> 40114 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 40115 <span> 40116 40117 <span> 40118 Choose 40119 </span> 40120 </span> 40121 </span> 40122 </span> 40123 </button><input type="hidden" name="product-id" value="10862155890881" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 40124</quick-add-component> 40125 40126 40127 40128 40129 40130 40131</div> 40132 40133 40134 40135 40136 40137<div class="product-grid-view-zoom-out--details"> 40138 40139 <h3 class="h4">Hario Buono V60 Drip Kettle 1.2L - Silver</h3> 40140 40141</div> 40142 40143 40144 40145 40146 40147 40148 40149 40150<div 40151 class=" 40152 group-block 40153 group-block--height-fit 40154 group-block--width-fill 40155 border-style 40156 spacing-style 40157 size-style 40158 40159 40160 " 40161 style=" 40162 --border-width: 1px; --border-style: none; --border-color: 40163rgb(var(--color-border-rgb) / 1.0); --border-radius: 401640px; 40165 40166 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40167 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 40168 40169 " 40170 40171 data-testid="group-block" 40172><div class="group-block__media-wrapper"> 40173 40174 40175 40176 40177 40178 </div> 40179 40180 <div 40181 class=" 40182 group-block-content 40183 40184 layout-panel-flex 40185 layout-panel-flex--column 40186 mobile-column 40187 " 40188 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 40189 40190--gap: 4px; 40191 40192--horizontal-alignment: center; --vertical-alignment: center; 40193--vertical-alignment-mobile: center; 40194" 40195 > 40196 40197 40198 40199 40200 <a 40201 class="contents user-select-text" 40202 ref="productTitleLink" 40203 href="/products/hario-buono-v60-drip-kettle-1-2l-silver?variant=49814134161601" 40204 > 40205 40206 40207 40208 40209 40210 40211 40212 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-34 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 40213 <p>Hario Buono V60 Drip Kettle 1.2L - Silver</p> 40214 </div> 40215 40216 40217 40218 40219 </a> 40220 40221 40222 40223 40224 40225 40226<product-price 40227 class="text-block text-block--align-center rte text-center paragraph spacing-style" 40228 data-block-id="AaTU4QWlBSTJKVFFpe__price-34" 40229 data-product-id="10862155890881" 40230 style=" 40231 40232--color: var(--color-foreground); 40233 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40234 --width: 100%; 40235 " 40236 40237> 40238 <div ref="priceContainer"> 40239 40240 40241 40242 40243 40244 <span class="price">$59.00</span> 40245 40246 40247 40248 40249</div> 40250 40251 40252</product-price> 40253 40254 40255 40256 40257 40258 40259 40260</div> 40261</div> 40262 40263 40264 40265 40266 40267 40268 40269 </div> 40270</product-card></product-card-link> 40271 40272 40273 40274 40275 </li> 40276 40277 <li 40278 id="template--24479419367617__main-10862155792577" 40279 class="product-grid__item product-grid__item--35" 40280 data-page="1" 40281 data-product-id="10862155792577" 40282 ref="cards[]" 40283 > 40284 40285 40286 40287 40288 40289 40290<style data-shopify> 40291 40292</style> 40293 40294 40295<product-card-link 40296 data-product-id="10862155792577" 40297 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=500" 40298 data-product-transition="true" 40299 40300 ><product-card 40301 class="product-card" 40302 data-product-id="10862155792577" 40303 id="product-card-ARFVUbHVMLy90TE1EM__product-card-35" 40304 data-product-transition="true" 40305 40306 40307> 40308 <a 40309 id="98f7782c0cb4895c95ab78b123dee4d5" 40310 40311 href="/products/hario-v60-buono-electric-kettle?variant=49814134227137" 40312 40313 class="product-card__link" 40314 ref="productCardLink" 40315 > 40316 <span class="visually-hidden"> 40317 Hario V60 Buono Electric Kettle 40318 </span> 40319 </a> 40320 <div 40321 class=" 40322 product-card__content 40323 layout-panel-flex 40324 layout-panel-flex--column 40325 product-grid__card 40326 spacing-style 40327 border-style 40328 gap-style 40329 40330 " 40331 style=" 40332 --border-width: 1px; --border-style: none; --border-color: 40333rgb(var(--color-border-rgb) / 1.0); --border-radius: 403340px; 40335 40336 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 40337 40338 40339 40340--horizontal-alignment: ; --vertical-alignment: ; 40341--vertical-alignment-mobile: ; 40342 40343 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40344 --product-card-gap: 8px; 40345 --quick-add-display: flex; 40346 --quick-add-mobile-display: none; 40347 --quick-add-mobile-opacity: 0; 40348 40349 40350 40351 40352 " 40353 > 40354 40355 40356 40357 40358 40359 40360 40361 40362 40363<div 40364 ref="cardGallery" 40365 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-35 spacing-style border-style" 40366 style=" 40367 --border-width: 1px; --border-style: none; --border-color: 40368rgb(var(--color-border-rgb) / 1.0); --border-radius: 403690px; 40370 40371 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40372 --gallery-aspect-ratio: 4 / 5; 40373 " 40374 data-product-id="10862155792577" 40375
40376 on:pointerenter="/previewImage" 40377 on:pointerleave="/resetImage" 40378 40379 40380 data-view-transition-to-main-product 40381 40382 data-image-ratio="portrait" 40383 40384> 40385 <a 40386 class="contents" 40387 ref="cardGalleryLink" 40388 href="/products/hario-v60-buono-electric-kettle?variant=49814134227137" 40389 aria-label="Hario V60 Buono Electric Kettle" 40390 > 40391 <slideshow-component 40392 40393 ref="slideshow" 40394 40395 40396 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;" 40397 40398 initial-slide="0" 40399 40400 40401 infinite 40402 40403 40404 data-generic-media-size="6" 40405> 40406 40407 <slideshow-container ref="slideshowContainer"> 40408 40409 <slideshow-arrows 40410 position="center" 40411 40412><button 40413 class=" 40414 slideshow-control slideshow-control--previous 40415 40416 40417 slideshow-control--style-arrow 40418 button button-unstyled button-unstyled--transparent 40419 flip-x 40420 " 40421 40422 aria-label="Previous slide" 40423 40424 on:click="/previous" 40425 ref="previous" 40426> 40427 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 40428</span> 40429</button> 40430<button 40431 class=" 40432 slideshow-control slideshow-control--next 40433 40434 40435 slideshow-control--style-arrow 40436 button button-unstyled button-unstyled--transparent 40437 40438 " 40439 40440 aria-label="Next slide" 40441 40442 on:click="/next" 40443 ref="next" 40444> 40445 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 40446</span> 40447</button> 40448</slideshow-arrows> 40449 40450 40451 40452 <slideshow-slides 40453 tabindex="-1" 40454 ref="scroller" 40455 40456 > 40457 <slideshow-slide 40458 ref="slides[]" 40459 aria-hidden="false" 40460 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 40461 40462 class="product-media-container media-fit product-media-container--image" 40463 40464 40465 40466 40467 slide-id="40374058156225" 40468 40469 40470 40471 40472> 40473 40474 40475<div 40476 class="product-media" 40477 style="--ratio: 1.0" 40478 data-media-id="40374058156225" 40479> 40480 40481 <img src="//humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=3840" alt="Hario V60 Buono Electric Kettle coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 40482 40483 40484</div> 40485 40486 40487 40488</slideshow-slide> 40489<slideshow-slide 40490 ref="slides[]" 40491 aria-hidden="true" 40492 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 40493 40494 class="product-media-container media-fit product-media-container--image" 40495 40496 40497 40498 40499 slide-id="40374058188993" 40500 40501 40502 40503 40504> 40505 40506 40507<div 40508 class="product-media" 40509 style="--ratio: 1.0" 40510 data-media-id="40374058188993" 40511> 40512 40513 <img src="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=3840" alt="Hario V60 Buono Electric Kettle" srcset="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 40514 40515 40516</div> 40517 40518 40519 40520</slideshow-slide> 40521<slideshow-slide 40522 ref="slides[]" 40523 aria-hidden="true" 40524 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 40525 40526 class="product-media-container media-fit product-media-container--image" 40527 40528 40529 40530 40531 slide-id="40374057828545" 40532 40533 40534 40535 40536> 40537 40538 40539<div 40540 class="product-media" 40541 style="--ratio: 1.0" 40542 data-media-id="40374057828545" 40543> 40544 40545 <img src="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-2987
405457fd246c9.jpg?v=1764114304&width=3840" alt="Hario V60 Buono Electric Kettle" srcset="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 40546 40547 40548</div> 40549 40550 40551 40552</slideshow-slide> 40553<slideshow-slide 40554 ref="slides[]" 40555 aria-hidden="true" 40556 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 40557 40558 class="product-media-container media-fit product-media-container--image" 40559 40560 40561 40562 40563 slide-id="40374057861313" 40564 40565 40566 40567 40568> 40569 40570 40571<div 40572 class="product-media" 40573 style="--ratio: 1.0" 40574 data-media-id="40374057861313" 40575> 40576 40577 <img src="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=3840" alt="Hario V60 Buono Electric Kettle" srcset="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 40578 40579 40580</div> 40581 40582 40583 40584</slideshow-slide> 40585<slideshow-slide 40586 ref="slides[]" 40587 aria-hidden="true" 40588 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 40589 40590 class="product-media-container media-fit product-media-container--image" 40591 40592 40593 40594 40595 slide-id="40374057894081" 40596 40597 40598 40599 40600> 40601 40602 40603<div 40604 class="product-media" 40605 style="--ratio: 1.0" 40606 data-media-id="40374057894081" 40607> 40608 40609 <img src="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=3840" alt="Hario V60 Buono Electric Kettle" srcset="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 40610 40611 40612</div> 40613 40614 40615 40616</slideshow-slide> 40617 40618 </slideshow-slides> 40619 </slideshow-container> 40620 40621</slideshow-component> 40622 40623 40624 40625 </a> 40626 40627 40628 <div 40629 class="product-badges product-badges--top-right" 40630 style=" 40631 --badge-border-radius: 2px; 40632 --badge-font-family: var(--font-body--family);
40632 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 40633 " 40634 ></div> 40635 40636 40637 40638<quick-add-component 40639 class="quick-add color-scheme-1 " 40640 ref="quickAdd" 40641 data-product-title="Hario V60 Buono Electric Kettle" 40642 data-quick-add-button="add" 40643 data-product-options-count="1" 40644> 40645 <product-form-component 40646 data-section-id="template--24479419367617__main" 40647 data-product-id="10862155792577" 40648 on:submit="/handleSubmit" 40649 class="quick-add__product-form-component" 40650 > 40651 <div 40652 class="visually-hidden" 40653 aria-live="assertive" 40654 role="status" 40655 aria-atomic="true" 40656 ref="liveRegion" 40657 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155792577-AbnhndkZhbW0yK2Rld__card-gallery-35" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 40658 type="hidden" 40659 name="id" 40660 ref="variantId" 40661 value="49814134227137" 40662 40663 > 40664 <input 40665 type="hidden" 40666 name="quantity" 40667 value="1" 40668 > 40669 40670 <add-to-cart-component 40671 ref="addToCartButtonContainer" 40672 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&width=100" 40673 data-add-to-cart-animation="true" 40674> 40675 <button 40676 40677 type="submit" 40678 name="add" 40679 ref="addToCartButton" 40680 on:click="/handleClick" 40681 class="button button quick-add__button quick-add__button--add add-to-cart-button" 40682 40683 40684 > 40685 <span 40686 class="add-to-cart-text" 40687 > 40688 40689 <span 40690 aria-hidden="true" 40691 class="svg-wrapper add-to-cart-icon" 40692 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 40693</span> 40694 40695 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 40696 <span> 40697 <span>Add</span> 40698 </span> 40699 </span> 40700 </span> 40701 40702 <span class="add-to-cart__added"> 40703 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 40704 <g class="check"> 40705 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 40706 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 40707 </g> 40708 <g class="burst"> 40709 <g style="--index: 0;"> 40710 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40711 </g> 40712 <g style="--index: 1;"> 40713 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40714 </g> 40715 <g style="--index: 2;"> 40716 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40717 </g> 40718 <g style="--index: 3;"> 40719 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40720 </g> 40721 <g style="--index: 4;"> 40722 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40723 </g> 40724 <g style="--index: 5;"> 40725 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40726 </g> 40727 <g style="--index: 6;"> 40728 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40729 </g> 40730 <g style="--index: 7;"> 40731 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 40732 </g> 40733 </g> 40734</svg> 40735</span> 40736 </span> 40737 </button> 40738</add-to-cart-component> 40739 40740 40741 <button 40742 class="button quick-add__button quick-add__button--choose add-to-cart-button" 40743 40744 type="button" 40745 name="add" 40746 on:click="quick-add-component/handleClick" 40747 >
40748 <span 40749 class="add-to-cart-text" 40750 > 40751 40752 <span 40753 aria-hidden="true" 40754 class="svg-wrapper add-to-cart-icon" 40755 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 40756</span> 40757 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 40758 <span> 40759 40760 <span> 40761 Choose 40762 </span> 40763 </span> 40764 </span> 40765 </span> 40766 </button><input type="hidden" name="product-id" value="10862155792577" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 40767</quick-add-component> 40768 40769 40770 40771 40772 40773 40774</div> 40775 40776 40777 40778 40779 40780<div class="product-grid-view-zoom-out--details"> 40781 40782 <h3 class="h4">Hario V60 Buono Electric Kettle</h3> 40783 40784</div> 40785 40786 40787 40788 40789 40790 40791 40792 40793<div 40794 class=" 40795 group-block 40796 group-block--height-fit 40797 group-block--width-fill 40798 border-style 40799 spacing-style 40800 size-style 40801 40802 40803 " 40804 style=" 40805 --border-width: 1px; --border-style: none; --border-color: 40806rgb(var(--color-border-rgb) / 1.0); --border-radius: 408070px; 40808 40809 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40810 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 40811 40812 " 40813 40814 data-testid="group-block" 40815><div class="group-block__media-wrapper"> 40816 40817 40818 40819 40820 40821 </div> 40822 40823 <div 40824 class=" 40825 group-block-content 40826 40827 layout-panel-flex 40828 layout-panel-flex--column 40829 mobile-column 40830 " 40831 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 40832 40833--gap: 4px; 40834 40835--horizontal-alignment: center; --vertical-alignment: center; 40836--vertical-alignment-mobile: center; 40837" 40838 > 40839 40840 40841 40842 40843 <a 40844 class="contents user-select-text" 40845 ref="productTitleLink" 40846 href="/products/hario-v60-buono-electric-kettle?variant=49814134227137" 40847 > 40848 40849 40850 40851 40852 40853 40854 40855 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-35 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 40856 <p>Hario V60 Buono Electric Kettle</p> 40857 </div> 40858 40859 40860 40861 40862 </a> 40863 40864 40865 40866 40867 40868 40869<product-price 40870 class="text-block text-block--align-center rte text-center paragraph spacing-style" 40871 data-block-id="AaTU4QWlBSTJKVFFpe__price-35" 40872 data-product-id="10862155792577" 40873 style=" 40874 40875--color: var(--color-foreground); 40876 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40877 --width: 100%; 40878 " 40879 40880> 40881 <div ref="priceContainer"> 40882 40883 40884 40885 40886 40887 <span class="price">$89.00</span> 40888 40889 40890 40891 40892</div> 40893 40894 40895</product-price> 40896 40897 40898 40899 40900 40901 40902 40903</div> 40904</div> 40905 40906 40907 40908 40909 40910 40911 40912 </div> 40913</product-card></product-card-link> 40914 40915 40916 40917 40918 </li> 40919 40920 <li 40921 id="template--24479419367617__main-10862155759809" 40922 class="product-grid__item product-grid__item--36" 40923 data-page="1" 40924 data-product-id="10862155759809" 40925 ref="cards[]" 40926 > 40927 40928 40929 40930 40931 40932 40933<style data-shopify> 40934 40935</style> 40936 40937 40938<product-card-link 40939 data-product-id="10862155759809" 40940 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=500" 40941 data-product-transition="true" 40942 40943 ><product-card 40944 class="product-card" 40945 data-product-id="10862155759809" 40946 id="product-card-ARFVUbHVMLy90TE1EM__product-card-36" 40947 data-product-transition="true" 40948 40949 40950> 40951 <a 40952 id="7b55fd83cfd0a43e80d808aae936eb2f" 40953 40954 href="/products/hario-v60-drip-scale-and-timer-black?variant=49814134096065" 40955 40956 class="product-card__link" 40957 ref="productCardLink" 40958 > 40959 <span class="visually-hidden"> 40960 Hario V60 Drip Scale and Timer - Black 40961 </span> 40962 </a> 40963 <div 40964 class=" 40965 product-card__content 40966 layout-panel-flex 40967 layout-panel-flex--column 40968 product-grid__card 40969 spacing-style 40970 border-style 40971 gap-style 40972 40973 " 40974 style=" 40975 --border-width: 1px; --border-style: none; --border-color: 40976rgb(var(--color-border-rgb) / 1.0); --border-radius: 409770px; 40978 40979 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 40980 40981 40982 40983--horizontal-alignment: ; --vertical-alignment: ; 40984--vertical-alignment-mobile: ; 40985 40986 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 40987 --product-card-gap: 8px; 40988 --quick-add-display: flex; 40989 --quick-add-mobile-display: none; 40990 --quick-add-mobile-opacity: 0; 40991 40992 40993 40994 40995 " 40996 > 40997 40998 40999 41000 41001 41002 41003 41004 41005 41006<div 41007 ref="cardGallery" 41008 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-36 spacing-style border-style" 41009 style=" 41010 --border-width: 1px; --border-style: none; --border-color: 41011rgb(var(--color-border-rgb) / 1.0); --border-radius: 410120px; 41013 41014 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 41015 --gallery-aspect-ratio: 4 / 5; 41016 " 41017 data-product-id="10862155759809" 41018
41019 on:pointerenter="/previewImage" 41020 on:pointerleave="/resetImage" 41021 41022 41023 data-view-transition-to-main-product 41024 41025 data-image-ratio="portrait" 41026 41027> 41028 <a 41029 class="contents" 41030 ref="cardGalleryLink" 41031 href="/products/hario-v60-drip-scale-and-timer-black?variant=49814134096065" 41032 aria-label="Hario V60 Drip Scale and Timer - Black" 41033 > 41034 <slideshow-component 41035 41036 ref="slideshow" 41037 41038 41039 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;" 41040 41041 initial-slide="0" 41042 41043 41044 infinite 41045 41046 41047 data-generic-media-size="6" 41048> 41049 41050 <slideshow-container ref="slideshowContainer"> 41051 41052 <slideshow-arrows 41053 position="center" 41054 41055><button 41056 class=" 41057 slideshow-control slideshow-control--previous 41058 41059 41060 slideshow-control--style-arrow 41061 button button-unstyled button-unstyled--transparent 41062 flip-x 41063 " 41064 41065 aria-label="Previous slide" 41066 41067 on:click="/previous" 41068 ref="previous" 41069> 41070 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 41071</span> 41072</button> 41073<button 41074 class=" 41075 slideshow-control slideshow-control--next 41076 41077 41078 slideshow-control--style-arrow 41079 button button-unstyled button-unstyled--transparent 41080 41081 " 41082 41083 aria-label="Next slide" 41084 41085 on:click="/next" 41086 ref="next" 41087> 41088 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 41089</span> 41090</button> 41091</slideshow-arrows> 41092 41093 41094 41095 <slideshow-slides 41096 tabindex="-1" 41097 ref="scroller" 41098 41099 > 41100 <slideshow-slide 41101 ref="slides[]" 41102 aria-hidden="false" 41103 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41104 41105 class="product-media-container media-fit product-media-container--image" 41106 41107 41108 41109 41110 slide-id="41720131616961" 41111 41112 41113 41114 41115> 41116 41117 41118<div 41119 class="product-media" 41120 style="--ratio: 1.0" 41121 data-media-id="41720131616961" 41122> 41123 41124 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=3840" alt="Hario V60 Drip Scale and Timer - Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41125 41126 41127</div> 41128 41129 41130 41131</slideshow-slide> 41132<slideshow-slide 41133 ref="slides[]" 41134 aria-hidden="true" 41135 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41136 41137 class="product-media-container media-fit product-media-container--image" 41138 41139 41140 41141 41142 slide-id="40373114306753" 41143 41144 41145 41146 41147> 41148 41149 41150<div 41151 class="product-media" 41152 style="--ratio: 1.0" 41153 data-media-id="40373114306753" 41154> 41155 41156 <img src="//humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41157 41158 41159</div> 41160 41161 41162 41163</slideshow-slide> 41164<slideshow-slide 41165 ref="slides[]" 41166 aria-hidden="true" 41167 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41168 41169 class="product-media-container media-fit product-media-container--image" 41170 41171 41172 41173 41174 slide-id="40373114339521" 41175 41176 41177 41178 41179> 41180 41181 41182<div 41183 class="product-media" 41184 style="--ratio: 1.0" 41185 data-media-id="40373114339521" 41186> 41187 41188 <img src="//humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41189 41190 41191</div> 41192 41193 41194 41195</slideshow-slide> 41196<slideshow-slide 41197 ref="slides[]" 41198 aria-hidden="true" 41199 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41200 41201 class="product-media-container media-fit product-media-container--image" 41202 41203 41204 41205 41206 slide-id="41720131649729" 41207 41208 41209 41210 41211> 41212 41213 41214<div 41215 class="product-media" 41216 style="--ratio: 1.0" 41217 data-media-id="41720131649729" 41218> 41219 41220 <img src="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41221 41222 41223</div> 41224 41225 41226 41227</slideshow-slide> 41228<slideshow-slide 41229 ref="slides[]" 41230 aria-hidden="true" 41231 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41232 41233 class="product-media-container media-fit product-media-container--image" 41234 41235 41236 41237 41238 slide-id="41720131682497" 41239 41240 41241 41242 41243> 41244 41245 41246<div 41247 class="product-media" 41248 style="--ratio: 1.0" 41249 data-media-id="41720131682497" 41250> 41251 41252 <img src="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41253 41254 41255</div> 41256 41257 41258 41259</slideshow-slide> 41260 41261 </slideshow-slides> 41262 </slideshow-container> 41263 41264</slideshow-component> 41265 41266 41267 41268 </a> 41269 41270 41271 <div 41272 class="product-badges product-badges--top-right" 41273 style=" 41274 --badge-border-radius: 2px; 41275 --badge-font-family: var(--font-body--family);
41275 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 41276 " 41277 ></div> 41278 41279 41280 41281<quick-add-component 41282 class="quick-add color-scheme-1 " 41283 ref="quickAdd" 41284 data-product-title="Hario V60 Drip Scale and Timer - Black" 41285 data-quick-add-button="add" 41286 data-product-options-count="1" 41287> 41288 <product-form-component 41289 data-section-id="template--24479419367617__main" 41290 data-product-id="10862155759809" 41291 on:submit="/handleSubmit" 41292 class="quick-add__product-form-component" 41293 > 41294 <div 41295 class="visually-hidden" 41296 aria-live="assertive" 41297 role="status" 41298 aria-atomic="true" 41299 ref="liveRegion" 41300 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155759809-AbnhndkZhbW0yK2Rld__card-gallery-36" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 41301 type="hidden" 41302 name="id" 41303 ref="variantId" 41304 value="49814134096065" 41305 41306 > 41307 <input 41308 type="hidden" 41309 name="quantity" 41310 value="1" 41311 > 41312 41313 <add-to-cart-component 41314 ref="addToCartButtonContainer" 41315 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&width=100" 41316 data-add-to-cart-animation="true" 41317> 41318 <button 41319 41320 type="submit" 41321 name="add" 41322 ref="addToCartButton" 41323 on:click="/handleClick" 41324 class="button button quick-add__button quick-add__button--add add-to-cart-button" 41325 41326 41327 > 41328 <span 41329 class="add-to-cart-text" 41330 > 41331 41332 <span 41333 aria-hidden="true" 41334 class="svg-wrapper add-to-cart-icon" 41335 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 41336</span> 41337 41338 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 41339 <span> 41340 <span>Add</span> 41341 </span> 41342 </span> 41343 </span> 41344 41345 <span class="add-to-cart__added"> 41346 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 41347 <g class="check"> 41348 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 41349 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 41350 </g> 41351 <g class="burst"> 41352 <g style="--index: 0;"> 41353 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41354 </g> 41355 <g style="--index: 1;"> 41356 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41357 </g> 41358 <g style="--index: 2;"> 41359 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41360 </g> 41361 <g style="--index: 3;"> 41362 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41363 </g> 41364 <g style="--index: 4;"> 41365 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41366 </g> 41367 <g style="--index: 5;"> 41368 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41369 </g> 41370 <g style="--index: 6;"> 41371 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41372 </g> 41373 <g style="--index: 7;"> 41374 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41375 </g> 41376 </g> 41377</svg> 41378</span> 41379 </span> 41380 </button> 41381</add-to-cart-component> 41382 41383 41384 <button 41385 class="button quick-add__button quick-add__button--choose add-to-cart-button" 41386 41387 type="button" 41388 name="add" 41389 on:click="quick-add-component/handleClick" 41390 >
41391 <span 41392 class="add-to-cart-text" 41393 > 41394 41395 <span 41396 aria-hidden="true" 41397 class="svg-wrapper add-to-cart-icon" 41398 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 41399</span> 41400 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 41401 <span> 41402 41403 <span> 41404 Choose 41405 </span> 41406 </span> 41407 </span> 41408 </span> 41409 </button><input type="hidden" name="product-id" value="10862155759809" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 41410</quick-add-component> 41411 41412 41413 41414 41415 41416 41417</div> 41418 41419 41420 41421 41422 41423<div class="product-grid-view-zoom-out--details"> 41424 41425 <h3 class="h4">Hario V60 Drip Scale and Timer - Black</h3> 41426 41427</div> 41428 41429 41430 41431 41432 41433 41434 41435 41436<div 41437 class=" 41438 group-block 41439 group-block--height-fit 41440 group-block--width-fill 41441 border-style 41442 spacing-style 41443 size-style 41444 41445 41446 " 41447 style=" 41448 --border-width: 1px; --border-style: none; --border-color: 41449rgb(var(--color-border-rgb) / 1.0); --border-radius: 414500px; 41451 41452 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 41453 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 41454 41455 " 41456 41457 data-testid="group-block" 41458><div class="group-block__media-wrapper"> 41459 41460 41461 41462 41463 41464 </div> 41465 41466 <div 41467 class=" 41468 group-block-content 41469 41470 layout-panel-flex 41471 layout-panel-flex--column 41472 mobile-column 41473 " 41474 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 41475 41476--gap: 4px; 41477 41478--horizontal-alignment: center; --vertical-alignment: center; 41479--vertical-alignment-mobile: center; 41480" 41481 > 41482 41483 41484 41485 41486 <a 41487 class="contents user-select-text" 41488 ref="productTitleLink" 41489 href="/products/hario-v60-drip-scale-and-timer-black?variant=49814134096065" 41490 > 41491 41492 41493 41494 41495 41496 41497 41498 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-36 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 41499 <p>Hario V60 Drip Scale and Timer - Black</p> 41500 </div> 41501 41502 41503 41504 41505 </a> 41506 41507 41508 41509 41510 41511 41512<product-price 41513 class="text-block text-block--align-center rte text-center paragraph spacing-style" 41514 data-block-id="AaTU4QWlBSTJKVFFpe__price-36" 41515 data-product-id="10862155759809" 41516 style=" 41517 41518--color: var(--color-foreground); 41519 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 41520 --width: 100%; 41521 " 41522 41523> 41524 <div ref="priceContainer"> 41525 41526 41527 41528 41529 41530 <span class="price">$59.00</span> 41531 41532 41533 41534 41535</div> 41536 41537 41538</product-price> 41539 41540 41541 41542 41543 41544 41545 41546</div> 41547</div> 41548 41549 41550 41551 41552 41553 41554 41555 </div> 41556</product-card></product-card-link> 41557 41558 41559 41560 41561 </li> 41562 41563 <li 41564 id="template--24479419367617__main-10862155727041" 41565 class="product-grid__item product-grid__item--37" 41566 data-page="1" 41567 data-product-id="10862155727041" 41568 ref="cards[]" 41569 > 41570 41571 41572 41573 41574 41575 41576<style data-shopify> 41577 41578</style> 41579 41580 41581<product-card-link 41582 data-product-id="10862155727041" 41583 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=500" 41584 data-product-transition="true" 41585 41586 ><product-card 41587 class="product-card" 41588 data-product-id="10862155727041" 41589 id="product-card-ARFVUbHVMLy90TE1EM__product-card-37" 41590 data-product-transition="true" 41591 41592 41593> 41594 <a 41595 id="508332f5aa013efeac6e7e1827720300" 41596 41597 href="/products/hario-v60-drip-scale-and-timer-turquoise?variant=49814134063297" 41598 41599 class="product-card__link" 41600 ref="productCardLink" 41601 > 41602 <span class="visually-hidden"> 41603 Hario V60 Drip Scale and Timer - Turquoise 41604 </span> 41605 </a> 41606 <div 41607 class=" 41608 product-card__content 41609 layout-panel-flex 41610 layout-panel-flex--column 41611 product-grid__card 41612 spacing-style 41613 border-style 41614 gap-style 41615 41616 " 41617 style=" 41618 --border-width: 1px; --border-style: none; --border-color: 41619rgb(var(--color-border-rgb) / 1.0); --border-radius: 416200px; 41621 41622 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 41623 41624 41625 41626--horizontal-alignment: ; --vertical-alignment: ; 41627--vertical-alignment-mobile: ; 41628 41629 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 41630 --product-card-gap: 8px; 41631 --quick-add-display: none; 41632 --quick-add-mobile-display: none; 41633 --quick-add-mobile-opacity: 0; 41634 41635 41636 41637 41638 " 41639 > 41640 41641 41642 41643 41644 41645 41646 41647 41648 41649<div 41650 ref="cardGallery" 41651 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-37 spacing-style border-style card-gallery--badge-top-right" 41652 style=" 41653 --border-width: 1px; --border-style: none; --border-color: 41654rgb(var(--color-border-rgb) / 1.0); --border-radius: 416550px; 41656 41657 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 41658 --gallery-aspect-ratio: 4 / 5; 41659 " 41660 data-product-id="10862155727041" 41661
41662 on:pointerenter="/previewImage" 41663 on:pointerleave="/resetImage" 41664 41665 41666 data-view-transition-to-main-product 41667 41668 data-image-ratio="portrait" 41669 41670> 41671 <a 41672 class="contents" 41673 ref="cardGalleryLink" 41674 href="/products/hario-v60-drip-scale-and-timer-turquoise?variant=49814134063297" 41675 aria-label="Hario V60 Drip Scale and Timer - Turquoise" 41676 > 41677 <slideshow-component 41678 41679 ref="slideshow" 41680 41681 41682 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 41683 41684 initial-slide="0" 41685 41686 41687 infinite 41688 41689 41690 data-generic-media-size="4" 41691> 41692 41693 <slideshow-container ref="slideshowContainer"> 41694 41695 <slideshow-arrows 41696 position="center" 41697 41698><button 41699 class=" 41700 slideshow-control slideshow-control--previous 41701 41702 41703 slideshow-control--style-arrow 41704 button button-unstyled button-unstyled--transparent 41705 flip-x 41706 " 41707 41708 aria-label="Previous slide" 41709 41710 on:click="/previous" 41711 ref="previous" 41712> 41713 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 41714</span> 41715</button> 41716<button 41717 class=" 41718 slideshow-control slideshow-control--next 41719 41720 41721 slideshow-control--style-arrow 41722 button button-unstyled button-unstyled--transparent 41723 41724 " 41725 41726 aria-label="Next slide" 41727 41728 on:click="/next" 41729 ref="next" 41730> 41731 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 41732</span> 41733</button> 41734</slideshow-arrows> 41735 41736 41737 41738 <slideshow-slides 41739 tabindex="-1" 41740 ref="scroller" 41741 41742 > 41743 <slideshow-slide 41744 ref="slides[]" 41745 aria-hidden="false" 41746 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41747 41748 class="product-media-container media-fit product-media-container--image" 41749 41750 41751 41752 41753 slide-id="40373114077377" 41754 41755 41756 41757 41758> 41759 41760 41761<div 41762 class="product-media" 41763 style="--ratio: 1.0" 41764 data-media-id="40373114077377" 41765> 41766 41767 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41768 41769 41770</div> 41771 41772 41773 41774</slideshow-slide> 41775<slideshow-slide 41776 ref="slides[]" 41777 aria-hidden="true" 41778 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41779 41780 class="product-media-container media-fit product-media-container--image" 41781 41782 41783 41784 41785 slide-id="40373114110145" 41786 41787 41788 41789 41790> 41791 41792 41793<div 41794 class="product-media" 41795 style="--ratio: 1.0" 41796 data-media-id="40373114110145" 41797> 41798 41799 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41800 41801 41802</div> 41803 41804 41805 41806</slideshow-slide> 41807<slideshow-slide 41808 ref="slides[]" 41809 aria-hidden="true" 41810 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41811 41812 class="product-media-container media-fit product-media-container--image" 41813 41814 41815 41816 41817 slide-id="40373114142913" 41818 41819 41820 41821 41822> 41823 41824 41825<div 41826 class="product-media" 41827 style="--ratio: 1.0" 41828 data-media-id="40373114142913" 41829> 41830 41831 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41832 41833 41834</div> 41835 41836 41837 41838</slideshow-slide> 41839<slideshow-slide 41840 ref="slides[]" 41841 aria-hidden="true" 41842 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 41843 41844 class="product-media-container media-fit product-media-container--image" 41845 41846 41847 41848 41849 slide-id="40373114175681" 41850 41851 41852 41853 41854> 41855 41856 41857<div 41858 class="product-media" 41859 style="--ratio: 1.0" 41860 data-media-id="40373114175681" 41861> 41862 41863 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 41864 41865 41866</div> 41867 41868 41869 41870</slideshow-slide> 41871 41872 </slideshow-slides> 41873 </slideshow-container> 41874 41875</slideshow-component> 41876 41877 41878 41879 </a> 41880 41881 41882 <div 41883 class="product-badges product-badges--top-right" 41884 style=" 41885 --badge-border-radius: 2px; 41886 --badge-font-family: var(--font-body--family);
41886 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 41887 " 41888 ><div 41889 class=" 41890 product-badges__badge product-badges__badge--rectangle 41891 color-scheme-3 41892 " 41893 >Sold out 41894</div></div> 41895 41896 41897 41898<quick-add-component 41899 class="quick-add color-scheme-1 " 41900 ref="quickAdd" 41901 data-product-title="Hario V60 Drip Scale and Timer - Turquoise" 41902 data-quick-add-button="add" 41903 data-product-options-count="1" 41904> 41905 <product-form-component 41906 data-section-id="template--24479419367617__main" 41907 data-product-id="10862155727041" 41908 on:submit="/handleSubmit" 41909 class="quick-add__product-form-component" 41910 > 41911 <div 41912 class="visually-hidden" 41913 aria-live="assertive" 41914 role="status" 41915 aria-atomic="true" 41916 ref="liveRegion" 41917 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155727041-AbnhndkZhbW0yK2Rld__card-gallery-37" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 41918 type="hidden" 41919 name="id" 41920 ref="variantId" 41921 value="49814134063297" 41922 41923 disabled 41924 41925 > 41926 <input 41927 type="hidden" 41928 name="quantity" 41929 value="1" 41930 > 41931 41932 <add-to-cart-component 41933 ref="addToCartButtonContainer" 41934 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&width=100" 41935 data-add-to-cart-animation="true" 41936> 41937 <button 41938 41939 type="submit" 41940 name="add" 41941 ref="addToCartButton" 41942 on:click="/handleClick" 41943 class="button button quick-add__button quick-add__button--add add-to-cart-button" 41944 41945 41946 disabled 41947 41948 > 41949 <span 41950 class="add-to-cart-text" 41951 > 41952 41953 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 41954 <span> 41955 <span>Add</span> 41956 </span> 41957 </span> 41958 </span> 41959 41960 <span class="add-to-cart__added"> 41961 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 41962 <g class="check"> 41963 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 41964 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 41965 </g> 41966 <g class="burst"> 41967 <g style="--index: 0;"> 41968 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41969 </g> 41970 <g style="--index: 1;"> 41971 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41972 </g> 41973 <g style="--index: 2;"> 41974 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41975 </g> 41976 <g style="--index: 3;"> 41977 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41978 </g> 41979 <g style="--index: 4;"> 41980 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41981 </g> 41982 <g style="--index: 5;"> 41983 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41984 </g> 41985 <g style="--index: 6;"> 41986 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41987 </g> 41988 <g style="--index: 7;"> 41989 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 41990 </g> 41991 </g> 41992</svg> 41993</span> 41994 </span> 41995 </button> 41996</add-to-cart-component> 41997 41998 41999 <button 42000 class="button quick-add__button quick-add__button--choose add-to-cart-button" 42001 42002 type="button" 42003 name="add" 42004 on:click="quick-add-component/handleClick" 42005 >
42006 <span 42007 class="add-to-cart-text" 42008 > 42009 42010 <span 42011 aria-hidden="true" 42012 class="svg-wrapper add-to-cart-icon" 42013 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 42014</span> 42015 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 42016 <span> 42017 42018 <span> 42019 Choose 42020 </span> 42021 </span> 42022 </span> 42023 </span> 42024 </button><input type="hidden" name="product-id" value="10862155727041" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 42025</quick-add-component> 42026 42027 42028 42029 42030 42031 42032</div> 42033 42034 42035 42036 42037 42038<div class="product-grid-view-zoom-out--details"> 42039 42040 <h3 class="h4">Hario V60 Drip Scale and Timer - Turquoise</h3> 42041 42042</div> 42043 42044 42045 42046 42047 42048 42049 42050 42051<div 42052 class=" 42053 group-block 42054 group-block--height-fit 42055 group-block--width-fill 42056 border-style 42057 spacing-style 42058 size-style 42059 42060 42061 " 42062 style=" 42063 --border-width: 1px; --border-style: none; --border-color: 42064rgb(var(--color-border-rgb) / 1.0); --border-radius: 420650px; 42066 42067 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42068 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 42069 42070 " 42071 42072 data-testid="group-block" 42073><div class="group-block__media-wrapper"> 42074 42075 42076 42077 42078 42079 </div> 42080 42081 <div 42082 class=" 42083 group-block-content 42084 42085 layout-panel-flex 42086 layout-panel-flex--column 42087 mobile-column 42088 " 42089 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 42090 42091--gap: 4px; 42092 42093--horizontal-alignment: center; --vertical-alignment: center; 42094--vertical-alignment-mobile: center; 42095" 42096 > 42097 42098 42099 42100 42101 <a 42102 class="contents user-select-text" 42103 ref="productTitleLink" 42104 href="/products/hario-v60-drip-scale-and-timer-turquoise?variant=49814134063297" 42105 > 42106 42107 42108 42109 42110 42111 42112 42113 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-37 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 42114 <p>Hario V60 Drip Scale and Timer - Turquoise</p> 42115 </div> 42116 42117 42118 42119 42120 </a> 42121 42122 42123 42124 42125 42126 42127<product-price 42128 class="text-block text-block--align-center rte text-center paragraph spacing-style" 42129 data-block-id="AaTU4QWlBSTJKVFFpe__price-37" 42130 data-product-id="10862155727041" 42131 style=" 42132 42133--color: var(--color-foreground); 42134 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42135 --width: 100%; 42136 " 42137 42138> 42139 <div ref="priceContainer"> 42140 42141 42142 42143 42144 42145 <span class="price">$58.00</span> 42146 42147 42148 42149 42150</div> 42151 42152 42153</product-price> 42154 42155 42156 42157 42158 42159 42160 42161</div> 42162</div> 42163 42164 42165 42166 42167 42168 42169 42170 </div> 42171</product-card></product-card-link> 42172 42173 42174 42175 42176 </li> 42177 42178 <li 42179 id="template--24479419367617__main-10862155923649" 42180 class="product-grid__item product-grid__item--38" 42181 data-page="1" 42182 data-product-id="10862155923649" 42183 ref="cards[]" 42184 > 42185 42186 42187 42188 42189 42190 42191<style data-shopify> 42192 42193</style> 42194 42195 42196<product-card-link 42197 data-product-id="10862155923649" 42198 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=500" 42199 data-product-transition="true" 42200 42201 ><product-card 42202 class="product-card" 42203 data-product-id="10862155923649" 42204 id="product-card-ARFVUbHVMLy90TE1EM__product-card-38" 42205 data-product-transition="true" 42206 42207 42208> 42209 <a 42210 id="c3d21ecb49a07522be7111c1e6375f9e" 42211 42212 href="/products/hario-v60-drip-scale-and-timer-white?variant=49814134259905" 42213 42214 class="product-card__link" 42215 ref="productCardLink" 42216 > 42217 <span class="visually-hidden"> 42218 Hario V60 Drip Scale and Timer - White 42219 </span> 42220 </a> 42221 <div 42222 class=" 42223 product-card__content 42224 layout-panel-flex 42225 layout-panel-flex--column 42226 product-grid__card 42227 spacing-style 42228 border-style 42229 gap-style 42230 42231 " 42232 style=" 42233 --border-width: 1px; --border-style: none; --border-color: 42234rgb(var(--color-border-rgb) / 1.0); --border-radius: 422350px; 42236 42237 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 42238 42239 42240 42241--horizontal-alignment: ; --vertical-alignment: ; 42242--vertical-alignment-mobile: ; 42243 42244 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42245 --product-card-gap: 8px; 42246 --quick-add-display: flex; 42247 --quick-add-mobile-display: none; 42248 --quick-add-mobile-opacity: 0; 42249 42250 42251 42252 42253 " 42254 > 42255 42256 42257 42258 42259 42260 42261 42262 42263 42264<div 42265 ref="cardGallery" 42266 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-38 spacing-style border-style" 42267 style=" 42268 --border-width: 1px; --border-style: none; --border-color: 42269rgb(var(--color-border-rgb) / 1.0); --border-radius: 422700px; 42271 42272 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42273 --gallery-aspect-ratio: 4 / 5; 42274 " 42275 data-product-id="10862155923649" 42276
42277 on:pointerenter="/previewImage" 42278 on:pointerleave="/resetImage" 42279 42280 42281 data-view-transition-to-main-product 42282 42283 data-image-ratio="portrait" 42284 42285> 42286 <a 42287 class="contents" 42288 ref="cardGalleryLink" 42289 href="/products/hario-v60-drip-scale-and-timer-white?variant=49814134259905" 42290 aria-label="Hario V60 Drip Scale and Timer - White" 42291 > 42292 <slideshow-component 42293 42294 ref="slideshow" 42295 42296 42297 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 42298 42299 initial-slide="0" 42300 42301 42302 infinite 42303 42304 42305 data-generic-media-size="4" 42306> 42307 42308 <slideshow-container ref="slideshowContainer"> 42309 42310 <slideshow-arrows 42311 position="center" 42312 42313><button 42314 class=" 42315 slideshow-control slideshow-control--previous 42316 42317 42318 slideshow-control--style-arrow 42319 button button-unstyled button-unstyled--transparent 42320 flip-x 42321 " 42322 42323 aria-label="Previous slide" 42324 42325 on:click="/previous" 42326 ref="previous" 42327> 42328 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 42329</span> 42330</button> 42331<button 42332 class=" 42333 slideshow-control slideshow-control--next 42334 42335 42336 slideshow-control--style-arrow 42337 button button-unstyled button-unstyled--transparent 42338 42339 " 42340 42341 aria-label="Next slide" 42342 42343 on:click="/next" 42344 ref="next" 42345> 42346 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 42347</span> 42348</button> 42349</slideshow-arrows> 42350 42351 42352 42353 <slideshow-slides 42354 tabindex="-1" 42355 ref="scroller" 42356 42357 > 42358 <slideshow-slide 42359 ref="slides[]" 42360 aria-hidden="false" 42361 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 42362 42363 class="product-media-container media-fit product-media-container--image" 42364 42365 42366 42367 42368 slide-id="40373114929345" 42369 42370 42371 42372 42373> 42374 42375 42376<div 42377 class="product-media" 42378 style="--ratio: 1.0" 42379 data-media-id="40373114929345" 42380> 42381 42382 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - White coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.
42382jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 42383 42384 42385</div> 42386 42387 42388 42389</slideshow-slide> 42390<slideshow-slide 42391 ref="slides[]" 42392 aria-hidden="true" 42393 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 42394 42395 class="product-media-container media-fit product-media-container--image" 42396 42397 42398 42399 42400 slide-id="40373114962113" 42401 42402 42403 42404 42405> 42406 42407 42408<div 42409 class="product-media" 42410 style="--ratio: 1.0" 42411 data-media-id="40373114962113" 42412> 42413 42414 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - White" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 42415 42416 42417</div> 42418 42419 42420 42421</slideshow-slide> 42422<slideshow-slide 42423 ref="slides[]" 42424 aria-hidden="true" 42425 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 42426 42427 class="product-media-container media-fit product-media-container--image" 42428 42429 42430 42431 42432 slide-id="40373114994881" 42433 42434 42435 42436 42437> 42438 42439 42440<div 42441 class="product-media" 42442 style="--ratio: 1.0" 42443 data-media-id="40373114994881" 42444> 42445 42446 <img src="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - White" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 42447 42448 42449</div> 42450 42451 42452 42453</slideshow-slide> 42454<slideshow-slide 42455 ref="slides[]" 42456 aria-hidden="true" 42457 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 42458 42459 class="product-media-container media-fit product-media-container--image" 42460 42461 42462 42463 42464 slide-id="40373115027649" 42465 42466 42467 42468 42469> 42470 42471 42472<div 42473 class="product-media" 42474 style="--ratio: 1.0" 42475 data-media-id="40373115027649" 42476> 42477 42478 <img src="//humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae
42478-b060604986ba.jpg?v=1764095754&width=3840" alt="Hario V60 Drip Scale and Timer - White" srcset="//humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 42479 42480 42481</div> 42482 42483 42484 42485</slideshow-slide> 42486 42487 </slideshow-slides> 42488 </slideshow-container> 42489 42490</slideshow-component> 42491 42492 42493 42494 </a> 42495 42496 42497 <div 42498 class="product-badges product-badges--top-right" 42499 style=" 42500 --badge-border-radius: 2px; 42501 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 42502 " 42503 ></div> 42504 42505 42506 42507<quick-add-component 42508 class="quick-add color-scheme-1 " 42509 ref="quickAdd" 42510 data-product-title="Hario V60 Drip Scale and Timer - White" 42511 data-quick-add-button="add" 42512 data-product-options-count="1" 42513> 42514 <product-form-component 42515 data-section-id="template--24479419367617__main" 42516 data-product-id="10862155923649" 42517 on:submit="/handleSubmit" 42518 class="quick-add__product-form-component" 42519 > 42520 <div 42521 class="visually-hidden" 42522 aria-live="assertive" 42523 role="status" 42524 aria-atomic="true" 42525 ref="liveRegion" 42526 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10862155923649-AbnhndkZhbW0yK2Rld__card-gallery-38" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 42527 type="hidden" 42528 name="id" 42529 ref="variantId" 42530 value="49814134259905" 42531 42532 > 42533 <input 42534 type="hidden" 42535 name="quantity" 42536 value="1" 42537 > 42538 42539 <add-to-cart-component 42540 ref="addToCartButtonContainer" 42541 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&width=100" 42542 data-add-to-cart-animation="true" 42543> 42544 <button 42545 42546 type="submit" 42547 name="add" 42548 ref="addToCartButton" 42549 on:click="/handleClick" 42550 class="button button quick-add__button quick-add__button--add add-to-cart-button" 42551 42552 42553 > 42554 <span 42555 class="add-to-cart-text" 42556 > 42557 42558 <span 42559 aria-hidden="true" 42560 class="svg-wrapper add-to-cart-icon" 42561 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 42562</span> 42563
42564 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 42565 <span> 42566 <span>Add</span> 42567 </span> 42568 </span> 42569 </span> 42570 42571 <span class="add-to-cart__added"> 42572 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 42573 <g class="check"> 42574 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 42575 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 42576 </g> 42577 <g class="burst"> 42578 <g style="--index: 0;"> 42579 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42580 </g> 42581 <g style="--index: 1;"> 42582 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42583 </g> 42584 <g style="--index: 2;"> 42585 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42586 </g> 42587 <g style="--index: 3;"> 42588 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42589 </g> 42590 <g style="--index: 4;"> 42591 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42592 </g> 42593 <g style="--index: 5;"> 42594 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42595 </g> 42596 <g style="--index: 6;"> 42597 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42598 </g> 42599 <g style="--index: 7;"> 42600 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42601 </g> 42602 </g> 42603</svg> 42604</span> 42605 </span> 42606 </button> 42607</add-to-cart-component> 42608 42609 42610 <button 42611 class="button quick-add__button quick-add__button--choose add-to-cart-button" 42612 42613 type="button" 42614 name="add" 42615 on:click="quick-add-component/handleClick" 42616 > 42617 <span 42618 class="add-to-cart-text" 42619 > 42620 42621 <span 42622 aria-hidden="true" 42623 class="svg-wrapper add-to-cart-icon" 42624 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 42625</span> 42626 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 42627 <span> 42628 42629 <span> 42630 Choose 42631 </span> 42632 </span> 42633 </span> 42634 </span> 42635 </button><input type="hidden" name="product-id" value="10862155923649" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 42636</quick-add-component> 42637 42638 42639 42640 42641 42642 42643</div> 42644 42645 42646 42647 42648 42649<div class="product-grid-view-zoom-out--details"> 42650 42651 <h3 class="h4">Hario V60 Drip Scale and Timer - White</h3> 42652 42653</div> 42654 42655 42656 42657 42658 42659 42660 42661 42662<div 42663 class=" 42664 group-block 42665 group-block--height-fit 42666 group-block--width-fill 42667 border-style 42668 spacing-style 42669 size-style 42670 42671 42672 " 42673 style=" 42674 --border-width: 1px; --border-style: none; --border-color: 42675rgb(var(--color-border-rgb) / 1.0); --border-radius: 426760px; 42677 42678 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42679 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 42680 42681 " 42682 42683 data-testid="group-block" 42684><div class="group-block__media-wrapper"> 42685 42686 42687 42688 42689 42690 </div> 42691 42692 <div 42693 class=" 42694 group-block-content 42695 42696 layout-panel-flex 42697 layout-panel-flex--column 42698 mobile-column 42699 " 42700 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 42701 42702--gap: 4px; 42703 42704--horizontal-alignment: center; --vertical-alignment: center; 42705--vertical-alignment-mobile: center; 42706" 42707 > 42708 42709 42710 42711 42712 <a 42713 class="contents user-select-text" 42714 ref="productTitleLink" 42715 href="/products/hario-v60-drip-scale-and-timer-white?variant=49814134259905" 42716 > 42717 42718 42719 42720 42721 42722 42723 42724 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-38 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 42725 <p>Hario V60 Drip Scale and Timer - White</p> 42726 </div> 42727 42728 42729 42730 42731 </a> 42732 42733 42734 42735 42736 42737 42738<product-price 42739 class="text-block text-block--align-center rte text-center paragraph spacing-style" 42740 data-block-id="AaTU4QWlBSTJKVFFpe__price-38" 42741 data-product-id="10862155923649" 42742 style=" 42743 42744--color: var(--color-foreground); 42745 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42746 --width: 100%; 42747 " 42748 42749> 42750 <div ref="priceContainer"> 42751 42752 42753 42754 42755
42756 <span class="price">$59.00</span> 42757 42758 42759 42760 42761</div> 42762 42763 42764</product-price> 42765 42766 42767 42768 42769 42770 42771 42772</div> 42773</div> 42774 42775 42776 42777 42778 42779 42780 42781 </div> 42782</product-card></product-card-link> 42783 42784 42785 42786 42787 </li> 42788 42789 <li 42790 id="template--24479419367617__main-10078868308161" 42791 class="product-grid__item product-grid__item--39" 42792 data-page="1" 42793 data-product-id="10078868308161" 42794 ref="cards[]" 42795 > 42796 42797 42798 42799 42800 42801 42802<style data-shopify> 42803 42804</style> 42805 42806 42807<product-card-link 42808 data-product-id="10078868308161" 42809 data-featured-media-url="" 42810 data-product-transition="true" 42811 42812 ><product-card 42813 class="product-card" 42814 data-product-id="10078868308161" 42815 id="product-card-ARFVUbHVMLy90TE1EM__product-card-39" 42816 data-product-transition="true" 42817 42818 42819> 42820 <a 42821 id="b8791b727efe16f98d90ff4570d37cd6" 42822 42823 href="/products/humboldt-bay-coffee-gift-card?variant=47414049865921" 42824 42825 class="product-card__link" 42826 ref="productCardLink" 42827 > 42828 <span class="visually-hidden"> 42829 Humboldt Bay Coffee Gift Card 42830 </span> 42831 </a> 42832 <div 42833 class=" 42834 product-card__content 42835 layout-panel-flex 42836 layout-panel-flex--column 42837 product-grid__card 42838 spacing-style 42839 border-style 42840 gap-style 42841 42842 " 42843 style=" 42844 --border-width: 1px; --border-style: none; --border-color: 42845rgb(var(--color-border-rgb) / 1.0); --border-radius: 428460px; 42847 42848 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 42849 42850 42851 42852--horizontal-alignment: ; --vertical-alignment: ; 42853--vertical-alignment-mobile: ; 42854 42855 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42856 --product-card-gap: 8px; 42857 --quick-add-display: flex; 42858 --quick-add-mobile-display: none; 42859 --quick-add-mobile-opacity: 0; 42860 42861 42862 42863 42864 " 42865 > 42866 42867 42868 42869 42870 42871 42872 42873 42874 42875<div 42876 ref="cardGallery" 42877 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-39 spacing-style border-style" 42878 style=" 42879 --border-width: 1px; --border-style: none; --border-color: 42880rgb(var(--color-border-rgb) / 1.0); --border-radius: 428810px; 42882 42883 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 42884 --gallery-aspect-ratio: 4 / 5; 42885 " 42886 data-product-id="10078868308161" 42887 42888 on:pointerenter="/previewImage" 42889 on:pointerleave="/resetImage" 42890 42891 42892 data-view-transition-to-main-product 42893 42894 data-image-ratio="portrait" 42895 42896> 42897 <product-title class="product-card-gallery__title-placeholder"> 42898 <a 42899 class="contents" 42900 ref="productTitleLink" 42901 href="/products/humboldt-bay-coffee-gift-card?variant=47414049865921" 42902 aria-hidden="true" 42903 > 42904 <span class="title-text">Humboldt Bay Coffee Gift Card</span> 42905 </a> 42906 </product-title> 42907 42908 42909 <div 42910 class="product-badges product-badges--top-right" 42911 style=" 42912 --badge-border-radius: 2px; 42913 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 42914 " 42915 ></div> 42916 42917 42918 42919<quick-add-component 42920 class="quick-add color-scheme-1 " 42921 ref="quickAdd" 42922 data-product-title="Humboldt Bay Coffee Gift Card" 42923 data-quick-add-button="choose" 42924 data-product-options-count="1" 42925> 42926 <product-form-component 42927 data-section-id="template--24479419367617__main" 42928 data-product-id="10078868308161" 42929 on:submit="/handleSubmit" 42930 class="quick-add__product-form-component" 42931 > 42932 <div 42933 class="visually-hidden" 42934 aria-live="assertive" 42935 role="status" 42936 aria-atomic="true" 42937 ref="liveRegion" 42938 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10078868308161-AbnhndkZhbW0yK2Rld__card-gallery-39" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 42939 type="hidden" 42940 name="id" 42941 ref="variantId" 42942 value="47414049865921" 42943 42944 > 42945 <input 42946 type="hidden" 42947 name="quantity" 42948 value="1" 42949 > 42950 42951 <add-to-cart-component 42952 ref="addToCartButtonContainer" 42953 data-product-variant-media="" 42954 data-add-to-cart-animation="true" 42955> 42956 <button 42957 42958 type="submit" 42959 name="add" 42960 ref="addToCartButton" 42961 on:click="/handleClick" 42962 class="button button quick-add__button quick-add__button--add add-to-cart-button" 42963 42964 42965 > 42966 <span 42967 class="add-to-cart-text" 42968 > 42969
42970 <span 42971 aria-hidden="true" 42972 class="svg-wrapper add-to-cart-icon" 42973 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 42974</span> 42975 42976 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 42977 <span> 42978 <span>Add</span> 42979 </span> 42980 </span> 42981 </span> 42982 42983 <span class="add-to-cart__added"> 42984 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 42985 <g class="check"> 42986 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 42987 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 42988 </g> 42989 <g class="burst"> 42990 <g style="--index: 0;"> 42991 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42992 </g> 42993 <g style="--index: 1;"> 42994 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42995 </g> 42996 <g style="--index: 2;"> 42997 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 42998 </g> 42999 <g style="--index: 3;"> 43000 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43001 </g> 43002 <g style="--index: 4;"> 43003 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43004 </g> 43005 <g style="--index: 5;"> 43006 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43007 </g> 43008 <g style="--index: 6;"> 43009 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43010 </g> 43011 <g style="--index: 7;"> 43012 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43013 </g> 43014 </g> 43015</svg> 43016</span> 43017 </span> 43018 </button> 43019</add-to-cart-component> 43020 43021 43022 <button 43023 class="button quick-add__button quick-add__button--choose add-to-cart-button" 43024 43025 type="button" 43026 name="add" 43027 on:click="quick-add-component/handleClick" 43028 > 43029 <span 43030 class="add-to-cart-text" 43031 > 43032 43033 <span 43034 aria-hidden="true" 43035 class="svg-wrapper add-to-cart-icon" 43036 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 43037</span> 43038 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 43039 <span> 43040 43041 <span> 43042 Choose 43043 </span> 43044 </span> 43045 </span> 43046 </span> 43047 </button><input type="hidden" name="product-id" value="10078868308161" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 43048</quick-add-component> 43049 43050 43051 43052 43053 43054 43055</div> 43056 43057 43058 43059 43060 43061<div class="product-grid-view-zoom-out--details"> 43062 43063 <h3 class="h4">Humboldt Bay Coffee Gift Card</h3> 43064 43065</div> 43066 43067 43068 43069 43070 43071 43072 43073 43074<div 43075 class=" 43076 group-block 43077 group-block--height-fit 43078 group-block--width-fill 43079 border-style 43080 spacing-style 43081 size-style 43082 43083 43084 " 43085 style=" 43086 --border-width: 1px; --border-style: none; --border-color: 43087rgb(var(--color-border-rgb) / 1.0); --border-radius: 430880px; 43089 43090 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43091 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 43092 43093 " 43094 43095 data-testid="group-block" 43096><div class="group-block__media-wrapper"> 43097 43098 43099 43100 43101 43102 </div> 43103 43104 <div 43105 class=" 43106 group-block-content 43107 43108 layout-panel-flex 43109 layout-panel-flex--column 43110 mobile-column 43111 " 43112 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 43113 43114--gap: 4px; 43115 43116--horizontal-alignment: center; --vertical-alignment: center; 43117--vertical-alignment-mobile: center; 43118" 43119 > 43120 43121 43122 43123 43124 <a 43125 class="contents user-select-text" 43126 ref="productTitleLink" 43127 href="/products/humboldt-bay-coffee-gift-card?variant=47414049865921" 43128 > 43129 43130 43131 43132 43133 43134 43135 43136 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-39 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 43137 <p>Humboldt Bay Coffee Gift Card</p> 43138 </div> 43139 43140 43141 43142 43143 </a> 43144 43145 43146 43147 43148 43149 43150<product-price 43151 class="text-block text-block--align-center rte text-center paragraph spacing-style" 43152 data-block-id="AaTU4QWlBSTJKVFFpe__price-39" 43153 data-product-id="10078868308161" 43154 style=" 43155 43156--color: var(--color-foreground); 43157 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43158 --width: 100%; 43159 " 43160 43161> 43162 <div ref="priceContainer"> 43163 43164 43165 43166 43167
43168 <span class="price">$10.00</span> 43169 43170 43171 43172 43173</div> 43174 43175 43176</product-price> 43177 43178 43179 43180 43181 43182 43183 43184</div> 43185</div> 43186 43187 43188 43189 43190 43191 43192 43193 </div> 43194</product-card></product-card-link> 43195 43196 43197 43198 43199 </li> 43200 43201 <li 43202 id="template--24479419367617__main-10128116023489" 43203 class="product-grid__item product-grid__item--40" 43204 data-page="1" 43205 data-product-id="10128116023489" 43206 ref="cards[]" 43207 > 43208 43209 43210 43211 43212 43213 43214<style data-shopify> 43215 43216</style> 43217 43218 43219<product-card-link 43220 data-product-id="10128116023489" 43221 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=500" 43222 data-product-transition="true" 43223 43224 ><product-card 43225 class="product-card" 43226 data-product-id="10128116023489" 43227 id="product-card-ARFVUbHVMLy90TE1EM__product-card-40" 43228 data-product-transition="true" 43229 43230 43231> 43232 <a 43233 id="e2f049753f1e4ae1aaea18e7025979c0" 43234 43235 href="/products/red-storm-ship-shirt?variant=47689974022337" 43236 43237 class="product-card__link" 43238 ref="productCardLink" 43239 > 43240 <span class="visually-hidden"> 43241 Humboldt Bay Coffee Hoodie 43242 </span> 43243 </a> 43244 <div 43245 class=" 43246 product-card__content 43247 layout-panel-flex 43248 layout-panel-flex--column 43249 product-grid__card 43250 spacing-style 43251 border-style 43252 gap-style 43253 43254 " 43255 style=" 43256 --border-width: 1px; --border-style: none; --border-color: 43257rgb(var(--color-border-rgb) / 1.0); --border-radius: 432580px; 43259 43260 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 43261 43262 43263 43264--horizontal-alignment: ; --vertical-alignment: ; 43265--vertical-alignment-mobile: ; 43266 43267 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43268 --product-card-gap: 8px; 43269 --quick-add-display: flex; 43270 --quick-add-mobile-display: none; 43271 --quick-add-mobile-opacity: 0; 43272 43273 43274 43275 43276 " 43277 > 43278 43279 43280 43281 43282 43283 43284 43285 43286 43287<div 43288 ref="cardGallery" 43289 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-40 spacing-style border-style" 43290 style=" 43291 --border-width: 1px; --border-style: none; --border-color: 43292rgb(var(--color-border-rgb) / 1.0); --border-radius: 432930px; 43294 43295 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43296 --gallery-aspect-ratio: 4 / 5; 43297 " 43298 data-product-id="10128116023489" 43299 43300 on:pointerenter="/previewImage" 43301 on:pointerleave="/resetImage" 43302 43303 43304 data-view-transition-to-main-product 43305 43306 data-image-ratio="portrait" 43307 43308> 43309 <a 43310 class="contents" 43311 ref="cardGalleryLink" 43312 href="/products/red-storm-ship-shirt?variant=47689974022337" 43313 aria-label="Humboldt Bay Coffee Hoodie" 43314 > 43315 <slideshow-component 43316 43317 ref="slideshow" 43318 43319 43320 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;" 43321 43322 initial-slide="0" 43323 43324 43325 infinite 43326 43327 43328 data-generic-media-size="6" 43329> 43330 43331 <slideshow-container ref="slideshowContainer"> 43332 43333 <slideshow-arrows 43334 position="center" 43335 43336><button 43337 class=" 43338 slideshow-control slideshow-control--previous 43339 43340 43341 slideshow-control--style-arrow 43342 button button-unstyled button-unstyled--transparent 43343 flip-x 43344 " 43345 43346 aria-label="Previous slide" 43347 43348 on:click="/previous" 43349 ref="previous" 43350> 43351 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 43352</span> 43353</button> 43354<button 43355 class=" 43356 slideshow-control slideshow-control--next 43357 43358 43359 slideshow-control--style-arrow 43360 button button-unstyled button-unstyled--transparent 43361 43362 " 43363 43364 aria-label="Next slide" 43365 43366 on:click="/next" 43367 ref="next" 43368> 43369 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 43370</span> 43371</button> 43372</slideshow-arrows> 43373 43374 43375 43376 <slideshow-slides 43377 tabindex="-1" 43378 ref="scroller" 43379 43380 > 43381 <slideshow-slide 43382 ref="slides[]" 43383 aria-hidden="false" 43384 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43385 43386 class="product-media-container media-fit product-media-container--image" 43387 43388 43389 43390 43391 slide-id="36178230509761" 43392 43393 43394 43395 43396> 43397 43398 43399<div 43400 class="product-media" 43401 style="--ratio: 0.7998046875" 43402 data-media-id="36178230509761" 43403> 43404 43405 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=3840" alt="Humboldt Bay Coffee hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43406 43407 43408</div> 43409 43410 43411 43412</slideshow-slide> 43413<slideshow-slide 43414 ref="slides[]" 43415 aria-hidden="true" 43416 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43417 43418 class="product-media-container media-fit product-media-container--image" 43419 43420 43421 43422 43423 slide-id="36178230476993" 43424 43425 43426 43427 43428> 43429 43430 43431<div 43432 class="product-media" 43433 style="--ratio: 0.7998046875" 43434 data-media-id="36178230476993" 43435> 43436 43437 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43438 43439 43440</div> 43441 43442 43443 43444</slideshow-slide> 43445<slideshow-slide 43446 ref="slides[]" 43447 aria-hidden="true" 43448 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43449 43450 class="product-media-container media-fit product-media-container--image" 43451 43452 43453 43454 43455 slide-id="36178134728897" 43456 43457 43458 43459 43460> 43461 43462 43463<div 43464 class="product-media" 43465 style="--ratio: 0.8" 43466 data-media-id="36178134728897" 43467> 43468 43469 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43470 43471 43472</div> 43473 43474 43475 43476</slideshow-slide> 43477<slideshow-slide 43478 ref="slides[]" 43479 aria-hidden="true" 43480 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43481 43482 class="product-media-container media-fit product-media-container--image" 43483 43484 variant-image 43485 43486 43487 slide-id="36178134696129" 43488 43489 43490 hidden 43491 43492 43493 variant-image 43494> 43495 43496 43497<div 43498 class="product-media" 43499 style="--ratio: 0.7998046875" 43500 data-media-id="36178134696129" 43501> 43502 43503 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43504 43505 43506</div> 43507 43508 43509 43510</slideshow-slide> 43511<slideshow-slide 43512 ref="slides[]" 43513 aria-hidden="true" 43514 style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43515 43516 class="product-media-container media-fit product-media-container--image" 43517 43518 43519 43520
43521 slide-id="36178438848705" 43522 43523 43524 43525 43526> 43527 43528 43529<div 43530 class="product-media" 43531 style="--ratio: 0.7998046875" 43532 data-media-id="36178438848705" 43533> 43534 43535 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43536 43537 43538</div> 43539 43540 43541 43542</slideshow-slide> 43543<slideshow-slide 43544 ref="slides[]" 43545 aria-hidden="true" 43546 style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43547 43548 class="product-media-container media-fit product-media-container--image" 43549 43550 43551 43552 43553 slide-id="36178438815937" 43554 43555 43556 43557 43558> 43559 43560 43561<div 43562 class="product-media" 43563 style="--ratio: 0.7998046875" 43564 data-media-id="36178438815937" 43565> 43566 43567 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43568 43569 43570</div> 43571 43572 43573 43574</slideshow-slide> 43575<slideshow-slide 43576 ref="slides[]" 43577 aria-hidden="true" 43578 style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 43579 43580 class="product-media-container media-fit product-media-container--image" 43581 43582 variant-image 43583 43584 43585 slide-id="36178438750401" 43586 43587 43588 hidden 43589 43590 43591 variant-image 43592> 43593 43594 43595<div 43596 class="product-media" 43597 style="--ratio: 0.7998046875" 43598 data-media-id="36178438750401" 43599> 43600 43601 <img src="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 43602 43603 43604</div> 43605 43606 43607 43608</slideshow-slide> 43609 43610 </slideshow-slides> 43611 </slideshow-container> 43612 43613</slideshow-component> 43614 43615 43616 43617 </a> 43618 43619 43620 <div 43621 class="product-badges product-badges--top-right" 43622 style=" 43623 --badge-border-radius: 2px; 43624 --badge-font-family: var(--font-body--family);
43624 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 43625 " 43626 ></div> 43627 43628 43629 43630<quick-add-component 43631 class="quick-add color-scheme-1 " 43632 ref="quickAdd" 43633 data-product-title="Humboldt Bay Coffee Hoodie" 43634 data-quick-add-button="choose" 43635 data-product-options-count="2" 43636> 43637 <product-form-component 43638 data-section-id="template--24479419367617__main" 43639 data-product-id="10128116023489" 43640 on:submit="/handleSubmit" 43641 class="quick-add__product-form-component" 43642 > 43643 <div 43644 class="visually-hidden" 43645 aria-live="assertive" 43646 role="status" 43647 aria-atomic="true" 43648 ref="liveRegion" 43649 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10128116023489-AbnhndkZhbW0yK2Rld__card-gallery-40" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 43650 type="hidden" 43651 name="id" 43652 ref="variantId" 43653 value="47689974022337" 43654 43655 > 43656 <input 43657 type="hidden" 43658 name="quantity" 43659 value="1" 43660 > 43661 43662 <add-to-cart-component 43663 ref="addToCartButtonContainer" 43664 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&width=100" 43665 data-add-to-cart-animation="true" 43666> 43667 <button 43668 43669 type="submit" 43670 name="add" 43671 ref="addToCartButton" 43672 on:click="/handleClick" 43673 class="button button quick-add__button quick-add__button--add add-to-cart-button" 43674 43675 43676 > 43677 <span 43678 class="add-to-cart-text" 43679 > 43680 43681 <span 43682 aria-hidden="true" 43683 class="svg-wrapper add-to-cart-icon" 43684 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 43685</span> 43686 43687 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 43688 <span> 43689 <span>Add</span> 43690 </span> 43691 </span> 43692 </span> 43693 43694 <span class="add-to-cart__added"> 43695 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 43696 <g class="check"> 43697 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 43698 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 43699 </g> 43700 <g class="burst"> 43701 <g style="--index: 0;"> 43702 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43703 </g> 43704 <g style="--index: 1;"> 43705 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43706 </g> 43707 <g style="--index: 2;"> 43708 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43709 </g> 43710 <g style="--index: 3;"> 43711 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43712 </g> 43713 <g style="--index: 4;"> 43714 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43715 </g> 43716 <g style="--index: 5;"> 43717 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43718 </g> 43719 <g style="--index: 6;"> 43720 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43721 </g> 43722 <g style="--index: 7;"> 43723 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 43724 </g> 43725 </g> 43726</svg> 43727</span> 43728 </span> 43729 </button> 43730</add-to-cart-component> 43731 43732 43733 <button 43734 class="button quick-add__button quick-add__button--choose add-to-cart-button" 43735 43736 type="button" 43737 name="add" 43738 on:click="quick-add-component/handleClick" 43739 >
43740 <span 43741 class="add-to-cart-text" 43742 > 43743 43744 <span 43745 aria-hidden="true" 43746 class="svg-wrapper add-to-cart-icon" 43747 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 43748</span> 43749 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 43750 <span> 43751 43752 <span> 43753 Choose 43754 </span> 43755 </span> 43756 </span> 43757 </span> 43758 </button><input type="hidden" name="product-id" value="10128116023489" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 43759</quick-add-component> 43760 43761 43762 43763 43764 43765 43766</div> 43767 43768 43769 43770 43771 43772<div class="product-grid-view-zoom-out--details"> 43773 43774 <h3 class="h4">Humboldt Bay Coffee Hoodie</h3> 43775 43776</div> 43777 43778 43779 43780 43781 43782 43783 43784 43785<div 43786 class=" 43787 group-block 43788 group-block--height-fit 43789 group-block--width-fill 43790 border-style 43791 spacing-style 43792 size-style 43793 43794 43795 " 43796 style=" 43797 --border-width: 1px; --border-style: none; --border-color: 43798rgb(var(--color-border-rgb) / 1.0); --border-radius: 437990px; 43800 43801 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43802 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 43803 43804 " 43805 43806 data-testid="group-block" 43807><div class="group-block__media-wrapper"> 43808 43809 43810 43811 43812 43813 </div> 43814 43815 <div 43816 class=" 43817 group-block-content 43818 43819 layout-panel-flex 43820 layout-panel-flex--column 43821 mobile-column 43822 " 43823 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 43824 43825--gap: 4px; 43826 43827--horizontal-alignment: center; --vertical-alignment: center; 43828--vertical-alignment-mobile: center; 43829" 43830 > 43831 43832 43833 43834 43835 <a 43836 class="contents user-select-text" 43837 ref="productTitleLink" 43838 href="/products/red-storm-ship-shirt?variant=47689974022337" 43839 > 43840 43841 43842 43843 43844 43845 43846 43847 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-40 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 43848 <p>Humboldt Bay Coffee Hoodie</p> 43849 </div> 43850 43851 43852 43853 43854 </a> 43855 43856 43857 43858 43859 43860 43861<product-price 43862 class="text-block text-block--align-center rte text-center paragraph spacing-style" 43863 data-block-id="AaTU4QWlBSTJKVFFpe__price-40" 43864 data-product-id="10128116023489" 43865 style=" 43866 43867--color: var(--color-foreground); 43868 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43869 --width: 100%; 43870 " 43871 43872> 43873 <div ref="priceContainer"> 43874 43875 43876 43877 43878 43879 <span class="price">$45.00</span> 43880 43881 43882 43883 43884</div> 43885 43886 43887</product-price> 43888 43889 43890 43891 43892 43893 43894 43895</div> 43896</div> 43897 43898 43899 43900 43901 43902 43903 43904 </div> 43905</product-card></product-card-link> 43906 43907 43908 43909 43910 </li> 43911 43912 <li 43913 id="template--24479419367617__main-10625017446593" 43914 class="product-grid__item product-grid__item--41" 43915 data-page="1" 43916 data-product-id="10625017446593" 43917 ref="cards[]" 43918 > 43919 43920 43921 43922 43923 43924 43925<style data-shopify> 43926 43927</style> 43928 43929 43930<product-card-link 43931 data-product-id="10625017446593" 43932 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=500" 43933 data-product-transition="true" 43934 43935 ><product-card 43936 class="product-card" 43937 data-product-id="10625017446593" 43938 id="product-card-ARFVUbHVMLy90TE1EM__product-card-41" 43939 data-product-transition="true" 43940 43941 43942> 43943 <a 43944 id="743011c78a19d4491241566a0fc79e3b" 43945 43946 href="/products/humboldt-bay-coffee-klean-kanteen?variant=48850877284545" 43947 43948 class="product-card__link" 43949 ref="productCardLink" 43950 > 43951 <span class="visually-hidden"> 43952 Humboldt Bay Coffee Klean Kanteen 43953 </span> 43954 </a> 43955 <div 43956 class=" 43957 product-card__content 43958 layout-panel-flex 43959 layout-panel-flex--column 43960 product-grid__card 43961 spacing-style 43962 border-style 43963 gap-style 43964 43965 " 43966 style=" 43967 --border-width: 1px; --border-style: none; --border-color: 43968rgb(var(--color-border-rgb) / 1.0); --border-radius: 439690px; 43970 43971 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 43972 43973 43974 43975--horizontal-alignment: ; --vertical-alignment: ; 43976--vertical-alignment-mobile: ; 43977 43978 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 43979 --product-card-gap: 8px; 43980 --quick-add-display: flex; 43981 --quick-add-mobile-display: none; 43982 --quick-add-mobile-opacity: 0; 43983 43984 43985 43986 43987 " 43988 > 43989 43990 43991 43992 43993 43994 43995 43996 43997 43998<div 43999 ref="cardGallery" 44000 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-41 spacing-style border-style" 44001 style=" 44002 --border-width: 1px; --border-style: none; --border-color: 44003rgb(var(--color-border-rgb) / 1.0); --border-radius: 440040px; 44005 44006 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44007 --gallery-aspect-ratio: 4 / 5; 44008 " 44009 data-product-id="10625017446593" 44010
44011 on:pointerenter="/previewImage" 44012 on:pointerleave="/resetImage" 44013 44014 44015 data-view-transition-to-main-product 44016 44017 data-image-ratio="portrait" 44018 44019> 44020 <a 44021 class="contents" 44022 ref="cardGalleryLink" 44023 href="/products/humboldt-bay-coffee-klean-kanteen?variant=48850877284545" 44024 aria-label="Humboldt Bay Coffee Klean Kanteen" 44025 > 44026 <slideshow-component 44027 44028 ref="slideshow" 44029 44030 44031 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 44032 44033 initial-slide="0" 44034 44035 44036 infinite 44037 44038 44039 data-generic-media-size="1" 44040> 44041 44042 <slideshow-container ref="slideshowContainer"> 44043 44044 44045 <slideshow-slides 44046 tabindex="-1" 44047 ref="scroller" 44048 44049 > 44050 <slideshow-slide 44051 ref="slides[]" 44052 aria-hidden="false" 44053 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 44054 44055 class="product-media-container media-fit product-media-container--image" 44056 44057 44058 44059 44060 slide-id="38496918995137" 44061 44062 44063 44064 44065> 44066 44067 44068<div 44069 class="product-media" 44070 style="--ratio: 0.799890350877193" 44071 data-media-id="38496918995137" 44072> 44073 44074 <img src="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=3840" alt="Humboldt Bay Coffee Klean Kanteen bottle" srcset="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=240 240w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=352 352w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=832 832w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 44075 44076 44077</div> 44078 44079 44080 44081</slideshow-slide> 44082 44083 </slideshow-slides> 44084 </slideshow-container> 44085 44086</slideshow-component> 44087 44088 44089 44090 </a> 44091 44092 44093 <div 44094 class="product-badges product-badges--top-right" 44095 style=" 44096 --badge-border-radius: 2px; 44097 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 44098 " 44099 ></div> 44100 44101 44102 44103<quick-add-component 44104 class="quick-add color-scheme-1 " 44105 ref="quickAdd" 44106 data-product-title="Humboldt Bay Coffee Klean Kanteen" 44107 data-quick-add-button="add" 44108 data-product-options-count="1" 44109> 44110 <product-form-component 44111 data-section-id="template--24479419367617__main" 44112 data-product-id="10625017446593" 44113 on:submit="/handleSubmit" 44114 class="quick-add__product-form-component" 44115 > 44116 <div 44117 class="visually-hidden" 44118 aria-live="assertive" 44119 role="status" 44120 aria-atomic="true" 44121 ref="liveRegion" 44122 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10625017446593-AbnhndkZhbW0yK2Rld__card-gallery-41" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 44123 type="hidden" 44124 name="id" 44125 ref="variantId" 44126 value="48850877284545" 44127 44128 > 44129 <input 44130 type="hidden" 44131 name="quantity" 44132 value="1" 44133 > 44134 44135 <add-to-cart-component 44136 ref="addToCartButtonContainer" 44137 data-product-variant-media="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&width=100" 44138 data-add-to-cart-animation="true" 44139> 44140 <button 44141 44142 type="submit" 44143 name="add" 44144 ref="addToCartButton" 44145 on:click="/handleClick" 44146 class="button button quick-add__button quick-add__button--add add-to-cart-button" 44147 44148 44149 > 44150 <span 44151 class="add-to-cart-text" 44152 > 44153
44154 <span 44155 aria-hidden="true" 44156 class="svg-wrapper add-to-cart-icon" 44157 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 44158</span> 44159 44160 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 44161 <span> 44162 <span>Add</span> 44163 </span> 44164 </span> 44165 </span> 44166 44167 <span class="add-to-cart__added"> 44168 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 44169 <g class="check"> 44170 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 44171 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 44172 </g> 44173 <g class="burst"> 44174 <g style="--index: 0;"> 44175 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44176 </g> 44177 <g style="--index: 1;"> 44178 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44179 </g> 44180 <g style="--index: 2;"> 44181 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44182 </g> 44183 <g style="--index: 3;"> 44184 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44185 </g> 44186 <g style="--index: 4;"> 44187 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44188 </g> 44189 <g style="--index: 5;"> 44190 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44191 </g> 44192 <g style="--index: 6;"> 44193 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44194 </g> 44195 <g style="--index: 7;"> 44196 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44197 </g> 44198 </g> 44199</svg> 44200</span> 44201 </span> 44202 </button> 44203</add-to-cart-component> 44204 44205 44206 <button 44207 class="button quick-add__button quick-add__button--choose add-to-cart-button" 44208 44209 type="button" 44210 name="add" 44211 on:click="quick-add-component/handleClick" 44212 > 44213 <span 44214 class="add-to-cart-text" 44215 > 44216 44217 <span 44218 aria-hidden="true" 44219 class="svg-wrapper add-to-cart-icon" 44220 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 44221</span> 44222 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 44223 <span> 44224 44225 <span> 44226 Choose 44227 </span> 44228 </span> 44229 </span> 44230 </span> 44231 </button><input type="hidden" name="product-id" value="10625017446593" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 44232</quick-add-component> 44233 44234 44235 44236 44237 44238 44239</div> 44240 44241 44242 44243 44244 44245<div class="product-grid-view-zoom-out--details"> 44246 44247 <h3 class="h4">Humboldt Bay Coffee Klean Kanteen</h3> 44248 44249</div> 44250 44251 44252 44253 44254 44255 44256 44257 44258<div 44259 class=" 44260 group-block 44261 group-block--height-fit 44262 group-block--width-fill 44263 border-style 44264 spacing-style 44265 size-style 44266 44267 44268 " 44269 style=" 44270 --border-width: 1px; --border-style: none; --border-color: 44271rgb(var(--color-border-rgb) / 1.0); --border-radius: 442720px; 44273 44274 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44275 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 44276 44277 " 44278 44279 data-testid="group-block" 44280><div class="group-block__media-wrapper"> 44281 44282 44283 44284 44285 44286 </div> 44287 44288 <div 44289 class=" 44290 group-block-content 44291 44292 layout-panel-flex 44293 layout-panel-flex--column 44294 mobile-column 44295 " 44296 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 44297 44298--gap: 4px; 44299 44300--horizontal-alignment: center; --vertical-alignment: center; 44301--vertical-alignment-mobile: center; 44302" 44303 > 44304 44305 44306 44307 44308 <a 44309 class="contents user-select-text" 44310 ref="productTitleLink" 44311 href="/products/humboldt-bay-coffee-klean-kanteen?variant=48850877284545" 44312 > 44313 44314 44315 44316 44317 44318 44319 44320 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-41 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 44321 <p>Humboldt Bay Coffee Klean Kanteen</p> 44322 </div> 44323 44324 44325 44326 44327 </a> 44328 44329 44330 44331 44332 44333 44334<product-price 44335 class="text-block text-block--align-center rte text-center paragraph spacing-style" 44336 data-block-id="AaTU4QWlBSTJKVFFpe__price-41" 44337 data-product-id="10625017446593" 44338 style=" 44339 44340--color: var(--color-foreground); 44341 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44342 --width: 100%; 44343 " 44344 44345> 44346 <div ref="priceContainer"> 44347 44348 44349 44350 44351
44352 <span class="price">$35.00</span> 44353 44354 44355 44356 44357</div> 44358 44359 44360</product-price> 44361 44362 44363 44364 44365 44366 44367 44368</div> 44369</div> 44370 44371 44372 44373 44374 44375 44376 44377 </div> 44378</product-card></product-card-link> 44379 44380 44381 44382 44383 </li> 44384 44385 <li 44386 id="template--24479419367617__main-6556466249921" 44387 class="product-grid__item product-grid__item--42" 44388 data-page="1" 44389 data-product-id="6556466249921" 44390 ref="cards[]" 44391 > 44392 44393 44394 44395 44396 44397 44398<style data-shopify> 44399 44400</style> 44401 44402 44403<product-card-link 44404 data-product-id="6556466249921" 44405 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=500" 44406 data-product-transition="true" 44407 44408 ><product-card 44409 class="product-card" 44410 data-product-id="6556466249921" 44411 id="product-card-ARFVUbHVMLy90TE1EM__product-card-42" 44412 data-product-transition="true" 44413 44414 44415> 44416 <a 44417 id="7480150120fe84da05409540347d7bbf" 44418 44419 href="/products/mug?variant=39319611572417" 44420 44421 class="product-card__link" 44422 ref="productCardLink" 44423 > 44424 <span class="visually-hidden"> 44425 Mug 44426 </span> 44427 </a> 44428 <div 44429 class=" 44430 product-card__content 44431 layout-panel-flex 44432 layout-panel-flex--column 44433 product-grid__card 44434 spacing-style 44435 border-style 44436 gap-style 44437 44438 " 44439 style=" 44440 --border-width: 1px; --border-style: none; --border-color: 44441rgb(var(--color-border-rgb) / 1.0); --border-radius: 444420px; 44443 44444 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 44445 44446 44447 44448--horizontal-alignment: ; --vertical-alignment: ; 44449--vertical-alignment-mobile: ; 44450 44451 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44452 --product-card-gap: 8px; 44453 --quick-add-display: flex; 44454 --quick-add-mobile-display: none; 44455 --quick-add-mobile-opacity: 0; 44456 44457 44458 44459 44460 " 44461 > 44462 44463 44464 44465 44466 44467 44468 44469 44470 44471<div 44472 ref="cardGallery" 44473 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-42 spacing-style border-style card-gallery--badge-top-right" 44474 style=" 44475 --border-width: 1px; --border-style: none; --border-color: 44476rgb(var(--color-border-rgb) / 1.0); --border-radius: 444770px; 44478 44479 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44480 --gallery-aspect-ratio: 4 / 5; 44481 " 44482 data-product-id="6556466249921" 44483 44484 on:pointerenter="/previewImage" 44485 on:pointerleave="/resetImage" 44486 44487 44488 data-view-transition-to-main-product 44489 44490 data-image-ratio="portrait" 44491 44492> 44493 <a 44494 class="contents" 44495 ref="cardGalleryLink" 44496 href="/products/mug?variant=39319611572417" 44497 aria-label="Mug" 44498 > 44499 <slideshow-component 44500 44501 ref="slideshow" 44502 44503 44504 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 44505 44506 initial-slide="0" 44507 44508 44509 infinite 44510 44511 44512 data-generic-media-size="1" 44513> 44514 44515 <slideshow-container ref="slideshowContainer"> 44516 44517 44518 <slideshow-slides 44519 tabindex="-1" 44520 ref="scroller" 44521 44522 > 44523 <slideshow-slide 44524 ref="slides[]" 44525 aria-hidden="false" 44526 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 44527 44528 class="product-media-container media-fit product-media-container--image" 44529 44530 44531 44532 44533 slide-id="20392874770625" 44534 44535 44536 44537 44538> 44539 44540 44541<div 44542 class="product-media" 44543 style="--ratio: 1.0" 44544 data-media-id="20392874770625" 44545> 44546 44547 <img src="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=3840" alt="Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=240 240w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=352 352w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=832 832w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 44548 44549 44550</div> 44551 44552 44553 44554</slideshow-slide> 44555 44556 </slideshow-slides> 44557 </slideshow-container> 44558 44559</slideshow-component> 44560 44561 44562 44563 </a> 44564 44565 44566 <div 44567 class="product-badges product-badges--top-right" 44568 style=" 44569 --badge-border-radius: 2px; 44570 --badge-font-family: var(--font-body--family);
44570 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 44571 " 44572 ><div 44573 class=" 44574 product-badges__badge product-badges__badge--rectangle 44575 color-scheme-5 44576 " 44577 >Sale 44578</div></div> 44579 44580 44581 44582<quick-add-component 44583 class="quick-add color-scheme-1 " 44584 ref="quickAdd" 44585 data-product-title="Mug" 44586 data-quick-add-button="add" 44587 data-product-options-count="1" 44588> 44589 <product-form-component 44590 data-section-id="template--24479419367617__main" 44591 data-product-id="6556466249921" 44592 on:submit="/handleSubmit" 44593 class="quick-add__product-form-component" 44594 > 44595 <div 44596 class="visually-hidden" 44597 aria-live="assertive" 44598 role="status" 44599 aria-atomic="true" 44600 ref="liveRegion" 44601 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6556466249921-AbnhndkZhbW0yK2Rld__card-gallery-42" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 44602 type="hidden" 44603 name="id" 44604 ref="variantId" 44605 value="39319611572417" 44606 44607 > 44608 <input 44609 type="hidden" 44610 name="quantity" 44611 value="1" 44612 > 44613 44614 <add-to-cart-component 44615 ref="addToCartButtonContainer" 44616 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&width=100" 44617 data-add-to-cart-animation="true" 44618> 44619 <button 44620 44621 type="submit" 44622 name="add" 44623 ref="addToCartButton" 44624 on:click="/handleClick" 44625 class="button button quick-add__button quick-add__button--add add-to-cart-button" 44626 44627 44628 > 44629 <span 44630 class="add-to-cart-text" 44631 > 44632 44633 <span 44634 aria-hidden="true" 44635 class="svg-wrapper add-to-cart-icon" 44636 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 44637</span> 44638 44639 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 44640 <span> 44641 <span>Add</span> 44642 </span> 44643 </span> 44644 </span> 44645 44646 <span class="add-to-cart__added"> 44647 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 44648 <g class="check"> 44649 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 44650 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 44651 </g> 44652 <g class="burst"> 44653 <g style="--index: 0;"> 44654 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44655 </g> 44656 <g style="--index: 1;"> 44657 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44658 </g> 44659 <g style="--index: 2;"> 44660 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44661 </g> 44662 <g style="--index: 3;"> 44663 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44664 </g> 44665 <g style="--index: 4;"> 44666 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44667 </g> 44668 <g style="--index: 5;"> 44669 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44670 </g> 44671 <g style="--index: 6;"> 44672 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44673 </g> 44674 <g style="--index: 7;"> 44675 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 44676 </g> 44677 </g> 44678</svg> 44679</span> 44680 </span> 44681 </button> 44682</add-to-cart-component> 44683 44684 44685 <button 44686 class="button quick-add__button quick-add__button--choose add-to-cart-button" 44687 44688 type="button" 44689 name="add" 44690 on:click="quick-add-component/handleClick" 44691 >
44692 <span 44693 class="add-to-cart-text" 44694 > 44695 44696 <span 44697 aria-hidden="true" 44698 class="svg-wrapper add-to-cart-icon" 44699 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 44700</span> 44701 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 44702 <span> 44703 44704 <span> 44705 Choose 44706 </span> 44707 </span> 44708 </span> 44709 </span> 44710 </button><input type="hidden" name="product-id" value="6556466249921" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 44711</quick-add-component> 44712 44713 44714 44715 44716 44717 44718</div> 44719 44720 44721 44722 44723 44724<div class="product-grid-view-zoom-out--details"> 44725 44726 <h3 class="h4">Mug</h3> 44727 44728</div> 44729 44730 44731 44732 44733 44734 44735 44736 44737<div 44738 class=" 44739 group-block 44740 group-block--height-fit 44741 group-block--width-fill 44742 border-style 44743 spacing-style 44744 size-style 44745 44746 44747 " 44748 style=" 44749 --border-width: 1px; --border-style: none; --border-color: 44750rgb(var(--color-border-rgb) / 1.0); --border-radius: 447510px; 44752 44753 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44754 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 44755 44756 " 44757 44758 data-testid="group-block" 44759><div class="group-block__media-wrapper"> 44760 44761 44762 44763 44764 44765 </div> 44766 44767 <div 44768 class=" 44769 group-block-content 44770 44771 layout-panel-flex 44772 layout-panel-flex--column 44773 mobile-column 44774 " 44775 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 44776 44777--gap: 4px; 44778 44779--horizontal-alignment: center; --vertical-alignment: center; 44780--vertical-alignment-mobile: center; 44781" 44782 > 44783 44784 44785 44786 44787 <a 44788 class="contents user-select-text" 44789 ref="productTitleLink" 44790 href="/products/mug?variant=39319611572417" 44791 > 44792 44793 44794 44795 44796 44797 44798 44799 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-42 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 44800 <p>Mug</p> 44801 </div> 44802 44803 44804 44805 44806 </a> 44807 44808 44809 44810 44811 44812 44813<product-price 44814 class="text-block text-block--align-center rte text-center paragraph spacing-style" 44815 data-block-id="AaTU4QWlBSTJKVFFpe__price-42" 44816 data-product-id="6556466249921" 44817 style=" 44818 44819--color: var(--color-foreground); 44820 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44821 --width: 100%; 44822 " 44823 44824> 44825 <div ref="priceContainer"> 44826 44827 44828 44829 44830 44831 <span role="group"> 44832 <span class="visually-hidden">Sale price </span> 44833 <span class="price">$8.00</span> 44834 </span> 44835 44836 44837 44838 <span role="group"> 44839 <span class="visually-hidden">Regular price </span> 44840 <span class="compare-at-price">$10.00</span> 44841 </span> 44842 44843 44844</div> 44845 44846 44847</product-price> 44848 44849 44850 44851 44852 44853 44854 44855</div> 44856</div> 44857 44858 44859 44860 44861 44862 44863 44864 </div> 44865</product-card></product-card-link> 44866 44867 44868 44869 44870 </li> 44871 44872 <li 44873 id="template--24479419367617__main-7119519023297" 44874 class="product-grid__item product-grid__item--43" 44875 data-page="1" 44876 data-product-id="7119519023297" 44877 ref="cards[]" 44878 > 44879 44880 44881 44882 44883 44884 44885<style data-shopify> 44886 44887</style> 44888 44889 44890<product-card-link 44891 data-product-id="7119519023297" 44892 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=500" 44893 data-product-transition="true" 44894 44895 ><product-card 44896 class="product-card" 44897 data-product-id="7119519023297" 44898 id="product-card-ARFVUbHVMLy90TE1EM__product-card-43" 44899 data-product-transition="true" 44900 44901 44902> 44903 <a
44904 id="d2bda12f6ded57b11f6c4f423b6df177" 44905 44906 href="/products/organic-black-irish-blend?variant=41292069994689" 44907 44908 class="product-card__link" 44909 ref="productCardLink" 44910 > 44911 <span class="visually-hidden"> 44912 Organic Black Irish Blend 44913 </span> 44914 </a> 44915 <div 44916 class=" 44917 product-card__content 44918 layout-panel-flex 44919 layout-panel-flex--column 44920 product-grid__card 44921 spacing-style 44922 border-style 44923 gap-style 44924 44925 " 44926 style=" 44927 --border-width: 1px; --border-style: none; --border-color: 44928rgb(var(--color-border-rgb) / 1.0); --border-radius: 449290px; 44930 44931 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 44932 44933 44934 44935--horizontal-alignment: ; --vertical-alignment: ; 44936--vertical-alignment-mobile: ; 44937 44938 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44939 --product-card-gap: 8px; 44940 --quick-add-display: flex; 44941 --quick-add-mobile-display: none; 44942 --quick-add-mobile-opacity: 0; 44943 44944 44945 44946 44947 " 44948 > 44949 44950 44951 44952 44953 44954 44955 44956 44957 44958<div 44959 ref="cardGallery" 44960 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-43 spacing-style border-style" 44961 style=" 44962 --border-width: 1px; --border-style: none; --border-color: 44963rgb(var(--color-border-rgb) / 1.0); --border-radius: 449640px; 44965 44966 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 44967 --gallery-aspect-ratio: 4 / 5; 44968 " 44969 data-product-id="7119519023297" 44970 44971 on:pointerenter="/previewImage" 44972 on:pointerleave="/resetImage" 44973 44974 44975 data-view-transition-to-main-product 44976 44977 data-image-ratio="portrait" 44978 44979> 44980 <a 44981 class="contents" 44982 ref="cardGalleryLink" 44983 href="/products/organic-black-irish-blend?variant=41292069994689" 44984 aria-label="Organic Black Irish Blend" 44985 > 44986 <slideshow-component 44987 44988 ref="slideshow" 44989 44990 44991 style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" 44992 44993 initial-slide="0" 44994 44995 44996 infinite 44997 44998 44999 data-generic-media-size="2" 45000> 45001 45002 <slideshow-container ref="slideshowContainer"> 45003 45004 45005 <slideshow-slides 45006 tabindex="-1" 45007 ref="scroller" 45008 45009 > 45010 <slideshow-slide 45011 ref="slides[]" 45012 aria-hidden="false" 45013 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45014 45015 class="product-media-container media-fit product-media-container--image" 45016 45017 45018 45019 45020 slide-id="24109790363841" 45021 45022 45023 45024 45025> 45026 45027 45028<div 45029 class="product-media" 45030 style="--ratio: 1.0" 45031 data-media-id="24109790363841" 45032> 45033 45034 <img src="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=3840" alt="Organic Black Irish Blend - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45035 45036 45037</div> 45038 45039 45040 45041</slideshow-slide> 45042<slideshow-slide 45043 ref="slides[]" 45044 aria-hidden="true" 45045 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45046 45047 class="product-media-container media-fit product-media-container--image" 45048 45049 45050 45051 45052 slide-id="24109791871169" 45053 45054 45055 45056 45057> 45058 45059 45060<div 45061 class="product-media" 45062 style="--ratio: 1.0" 45063 data-media-id="24109791871169" 45064> 45065 45066 <img src="//humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=3840" alt="Organic Black Irish Blend - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45067 45068 45069</div> 45070 45071 45072 45073</slideshow-slide> 45074 45075 </slideshow-slides> 45076 </slideshow-container> 45077 45078</slideshow-component> 45079 45080 45081 45082 </a> 45083 45084 45085 <div 45086 class="product-badges product-badges--top-right" 45087 style=" 45088 --badge-border-radius: 2px; 45089 --badge-font-family: var(--font-body--family);
45089 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 45090 " 45091 ></div> 45092 45093 45094 45095<quick-add-component 45096 class="quick-add color-scheme-1 " 45097 ref="quickAdd" 45098 data-product-title="Organic Black Irish Blend" 45099 data-quick-add-button="choose" 45100 data-product-options-count="2" 45101> 45102 <product-form-component 45103 data-section-id="template--24479419367617__main" 45104 data-product-id="7119519023297" 45105 on:submit="/handleSubmit" 45106 class="quick-add__product-form-component" 45107 > 45108 <div 45109 class="visually-hidden" 45110 aria-live="assertive" 45111 role="status" 45112 aria-atomic="true" 45113 ref="liveRegion" 45114 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7119519023297-AbnhndkZhbW0yK2Rld__card-gallery-43" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 45115 type="hidden" 45116 name="id" 45117 ref="variantId" 45118 value="41292069994689" 45119 45120 > 45121 <input 45122 type="hidden" 45123 name="quantity" 45124 value="1" 45125 > 45126 45127 <add-to-cart-component 45128 ref="addToCartButtonContainer" 45129 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&width=100" 45130 data-add-to-cart-animation="true" 45131> 45132 <button 45133 45134 type="submit" 45135 name="add" 45136 ref="addToCartButton" 45137 on:click="/handleClick" 45138 class="button button quick-add__button quick-add__button--add add-to-cart-button" 45139 45140 45141 > 45142 <span 45143 class="add-to-cart-text" 45144 > 45145 45146 <span 45147 aria-hidden="true" 45148 class="svg-wrapper add-to-cart-icon" 45149 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 45150</span> 45151 45152 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 45153 <span> 45154 <span>Add</span> 45155 </span> 45156 </span> 45157 </span> 45158 45159 <span class="add-to-cart__added"> 45160 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 45161 <g class="check"> 45162 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 45163 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 45164 </g> 45165 <g class="burst"> 45166 <g style="--index: 0;"> 45167 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45168 </g> 45169 <g style="--index: 1;"> 45170 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45171 </g> 45172 <g style="--index: 2;"> 45173 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45174 </g> 45175 <g style="--index: 3;"> 45176 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45177 </g> 45178 <g style="--index: 4;"> 45179 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45180 </g> 45181 <g style="--index: 5;"> 45182 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45183 </g> 45184 <g style="--index: 6;"> 45185 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45186 </g> 45187 <g style="--index: 7;"> 45188 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45189 </g> 45190 </g> 45191</svg> 45192</span> 45193 </span> 45194 </button> 45195</add-to-cart-component> 45196 45197 45198 <button 45199 class="button quick-add__button quick-add__button--choose add-to-cart-button" 45200 45201 type="button" 45202 name="add" 45203 on:click="quick-add-component/handleClick" 45204 >
45205 <span 45206 class="add-to-cart-text" 45207 > 45208 45209 <span 45210 aria-hidden="true" 45211 class="svg-wrapper add-to-cart-icon" 45212 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 45213</span> 45214 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 45215 <span> 45216 45217 <span> 45218 Choose 45219 </span> 45220 </span> 45221 </span> 45222 </span> 45223 </button><input type="hidden" name="product-id" value="7119519023297" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 45224</quick-add-component> 45225 45226 45227 45228 45229 45230 45231</div> 45232 45233 45234 45235 45236 45237<div class="product-grid-view-zoom-out--details"> 45238 45239 <h3 class="h4">Organic Black Irish Blend</h3> 45240 45241</div> 45242 45243 45244 45245 45246 45247 45248 45249 45250<div 45251 class=" 45252 group-block 45253 group-block--height-fit 45254 group-block--width-fill 45255 border-style 45256 spacing-style 45257 size-style 45258 45259 45260 " 45261 style=" 45262 --border-width: 1px; --border-style: none; --border-color: 45263rgb(var(--color-border-rgb) / 1.0); --border-radius: 452640px; 45265 45266 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45267 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 45268 45269 " 45270 45271 data-testid="group-block" 45272><div class="group-block__media-wrapper"> 45273 45274 45275 45276 45277 45278 </div> 45279 45280 <div 45281 class=" 45282 group-block-content 45283 45284 layout-panel-flex 45285 layout-panel-flex--column 45286 mobile-column 45287 " 45288 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 45289 45290--gap: 4px; 45291 45292--horizontal-alignment: center; --vertical-alignment: center; 45293--vertical-alignment-mobile: center; 45294" 45295 > 45296 45297 45298 45299 45300 <a 45301 class="contents user-select-text" 45302 ref="productTitleLink" 45303 href="/products/organic-black-irish-blend?variant=41292069994689" 45304 > 45305 45306 45307 45308 45309 45310 45311 45312 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-43 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 45313 <p>Organic Black Irish Blend</p> 45314 </div> 45315 45316 45317 45318 45319 </a> 45320 45321 45322 45323 45324 45325 45326<product-price 45327 class="text-block text-block--align-center rte text-center paragraph spacing-style" 45328 data-block-id="AaTU4QWlBSTJKVFFpe__price-43" 45329 data-product-id="7119519023297" 45330 style=" 45331 45332--color: var(--color-foreground); 45333 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45334 --width: 100%; 45335 " 45336 45337> 45338 <div ref="priceContainer"> 45339 45340 45341 45342 45343 45344 <span class="price">$18.00</span> 45345 45346 45347 45348 45349</div> 45350 45351 45352</product-price> 45353 45354 45355 45356 45357 45358 45359 45360</div> 45361</div> 45362 45363 45364 45365 45366 45367 45368 45369 </div> 45370</product-card></product-card-link> 45371 45372 45373 45374 45375 </li> 45376 45377 <li 45378 id="template--24479419367617__main-7119537963201" 45379 class="product-grid__item product-grid__item--44" 45380 data-page="1" 45381 data-product-id="7119537963201" 45382 ref="cards[]" 45383 > 45384 45385 45386 45387 45388 45389 45390<style data-shopify> 45391 45392</style> 45393 45394 45395<product-card-link 45396 data-product-id="7119537963201" 45397 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=500" 45398 data-product-transition="true" 45399 45400 ><product-card 45401 class="product-card" 45402 data-product-id="7119537963201" 45403 id="product-card-ARFVUbHVMLy90TE1EM__product-card-44" 45404 data-product-transition="true" 45405 45406 45407> 45408 <a 45409 id="8fa0306f676fcf674db77b265fad6a27" 45410 45411 href="/products/organic-breakfast-blend?variant=41292096471233" 45412 45413 class="product-card__link" 45414 ref="productCardLink" 45415 > 45416 <span class="visually-hidden"> 45417 Organic Breakfast Blend 45418 </span> 45419 </a> 45420 <div 45421 class=" 45422 product-card__content 45423 layout-panel-flex 45424 layout-panel-flex--column 45425 product-grid__card 45426 spacing-style 45427 border-style 45428 gap-style 45429 45430 " 45431 style=" 45432 --border-width: 1px; --border-style: none; --border-color: 45433rgb(var(--color-border-rgb) / 1.0); --border-radius: 454340px; 45435 45436 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 45437 45438 45439 45440--horizontal-alignment: ; --vertical-alignment: ; 45441--vertical-alignment-mobile: ; 45442 45443 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45444 --product-card-gap: 8px; 45445 --quick-add-display: flex; 45446 --quick-add-mobile-display: none; 45447 --quick-add-mobile-opacity: 0; 45448 45449 45450 45451 45452 " 45453 > 45454 45455 45456 45457 45458 45459 45460 45461 45462 45463<div 45464 ref="cardGallery" 45465 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-44 spacing-style border-style" 45466 style=" 45467 --border-width: 1px; --border-style: none; --border-color: 45468rgb(var(--color-border-rgb) / 1.0); --border-radius: 454690px; 45470 45471 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45472 --gallery-aspect-ratio: 4 / 5; 45473 " 45474 data-product-id="7119537963201" 45475
45476 on:pointerenter="/previewImage" 45477 on:pointerleave="/resetImage" 45478 45479 45480 data-view-transition-to-main-product 45481 45482 data-image-ratio="portrait" 45483 45484> 45485 <a 45486 class="contents" 45487 ref="cardGalleryLink" 45488 href="/products/organic-breakfast-blend?variant=41292096471233" 45489 aria-label="Organic Breakfast Blend" 45490 > 45491 <slideshow-component 45492 45493 ref="slideshow" 45494 45495 45496 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 45497 45498 initial-slide="0" 45499 45500 45501 infinite 45502 45503 45504 data-generic-media-size="4" 45505> 45506 45507 <slideshow-container ref="slideshowContainer"> 45508 45509 <slideshow-arrows 45510 position="center" 45511 45512><button 45513 class=" 45514 slideshow-control slideshow-control--previous 45515 45516 45517 slideshow-control--style-arrow 45518 button button-unstyled button-unstyled--transparent 45519 flip-x 45520 " 45521 45522 aria-label="Previous slide" 45523 45524 on:click="/previous" 45525 ref="previous" 45526> 45527 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 45528</span> 45529</button> 45530<button 45531 class=" 45532 slideshow-control slideshow-control--next 45533 45534 45535 slideshow-control--style-arrow 45536 button button-unstyled button-unstyled--transparent 45537 45538 " 45539 45540 aria-label="Next slide" 45541 45542 on:click="/next" 45543 ref="next" 45544> 45545 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 45546</span> 45547</button> 45548</slideshow-arrows> 45549 45550 45551 45552 <slideshow-slides 45553 tabindex="-1" 45554 ref="scroller" 45555 45556 > 45557 <slideshow-slide 45558 ref="slides[]" 45559 aria-hidden="false" 45560 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45561 45562 class="product-media-container media-fit product-media-container--image" 45563 45564 45565 45566 45567 slide-id="25904670277825" 45568 45569 45570 45571 45572> 45573 45574 45575<div 45576 class="product-media" 45577 style="--ratio: 0.7998046875" 45578 data-media-id="25904670277825" 45579> 45580 45581 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=3840" alt="Bag of Organic Breakfast Blend from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45582 45583 45584</div> 45585 45586 45587 45588</slideshow-slide> 45589<slideshow-slide 45590 ref="slides[]" 45591 aria-hidden="true" 45592 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45593 45594 class="product-media-container media-fit product-media-container--image" 45595 45596 45597 45598 45599 slide-id="25904670310593" 45600 45601 45602 45603 45604> 45605 45606 45607<div 45608 class="product-media" 45609 style="--ratio: 0.7998046875" 45610 data-media-id="25904670310593" 45611> 45612 45613 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45614 45615 45616</div> 45617 45618 45619 45620</slideshow-slide> 45621<slideshow-slide 45622 ref="slides[]" 45623 aria-hidden="true" 45624 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45625 45626 class="product-media-container media-fit product-media-container--image" 45627 45628 45629 45630 45631 slide-id="25904670343361" 45632 45633 45634 45635 45636> 45637 45638 45639<div 45640 class="product-media" 45641 style="--ratio: 0.7998046875" 45642 data-media-id="25904670343361" 45643> 45644 45645 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45646 45647 45648</div> 45649 45650 45651 45652</slideshow-slide> 45653<slideshow-slide 45654 ref="slides[]" 45655 aria-hidden="true" 45656 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 45657 45658 class="product-media-container media-fit product-media-container--image" 45659 45660 45661 45662 45663 slide-id="25904670376129" 45664 45665 45666 45667 45668> 45669 45670 45671<div 45672 class="product-media" 45673 style="--ratio: 0.7998046875" 45674 data-media-id="25904670376129" 45675> 45676 45677 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 45678 45679 45680</div> 45681 45682 45683 45684</slideshow-slide> 45685 45686 </slideshow-slides> 45687 </slideshow-container> 45688 45689</slideshow-component> 45690 45691 45692 45693 </a> 45694 45695 45696 <div 45697 class="product-badges product-badges--top-right" 45698 style=" 45699 --badge-border-radius: 2px; 45700 --badge-font-family: var(--font-body--family);
45700 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 45701 " 45702 ></div> 45703 45704 45705 45706<quick-add-component 45707 class="quick-add color-scheme-1 " 45708 ref="quickAdd" 45709 data-product-title="Organic Breakfast Blend" 45710 data-quick-add-button="choose" 45711 data-product-options-count="2" 45712> 45713 <product-form-component 45714 data-section-id="template--24479419367617__main" 45715 data-product-id="7119537963201" 45716 on:submit="/handleSubmit" 45717 class="quick-add__product-form-component" 45718 > 45719 <div 45720 class="visually-hidden" 45721 aria-live="assertive" 45722 role="status" 45723 aria-atomic="true" 45724 ref="liveRegion" 45725 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7119537963201-AbnhndkZhbW0yK2Rld__card-gallery-44" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 45726 type="hidden" 45727 name="id" 45728 ref="variantId" 45729 value="41292096471233" 45730 45731 > 45732 <input 45733 type="hidden" 45734 name="quantity" 45735 value="1" 45736 > 45737 45738 <add-to-cart-component 45739 ref="addToCartButtonContainer" 45740 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&width=100" 45741 data-add-to-cart-animation="true" 45742> 45743 <button 45744 45745 type="submit" 45746 name="add" 45747 ref="addToCartButton" 45748 on:click="/handleClick" 45749 class="button button quick-add__button quick-add__button--add add-to-cart-button" 45750 45751 45752 > 45753 <span 45754 class="add-to-cart-text" 45755 > 45756 45757 <span 45758 aria-hidden="true" 45759 class="svg-wrapper add-to-cart-icon" 45760 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 45761</span> 45762 45763 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 45764 <span> 45765 <span>Add</span> 45766 </span> 45767 </span> 45768 </span> 45769 45770 <span class="add-to-cart__added"> 45771 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 45772 <g class="check"> 45773 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 45774 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 45775 </g> 45776 <g class="burst"> 45777 <g style="--index: 0;"> 45778 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45779 </g> 45780 <g style="--index: 1;"> 45781 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45782 </g> 45783 <g style="--index: 2;"> 45784 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45785 </g> 45786 <g style="--index: 3;"> 45787 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45788 </g> 45789 <g style="--index: 4;"> 45790 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45791 </g> 45792 <g style="--index: 5;"> 45793 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45794 </g> 45795 <g style="--index: 6;"> 45796 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45797 </g> 45798 <g style="--index: 7;"> 45799 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 45800 </g> 45801 </g> 45802</svg> 45803</span> 45804 </span> 45805 </button> 45806</add-to-cart-component> 45807 45808 45809 <button 45810 class="button quick-add__button quick-add__button--choose add-to-cart-button" 45811 45812 type="button" 45813 name="add" 45814 on:click="quick-add-component/handleClick" 45815 >
45816 <span 45817 class="add-to-cart-text" 45818 > 45819 45820 <span 45821 aria-hidden="true" 45822 class="svg-wrapper add-to-cart-icon" 45823 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 45824</span> 45825 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 45826 <span> 45827 45828 <span> 45829 Choose 45830 </span> 45831 </span> 45832 </span> 45833 </span> 45834 </button><input type="hidden" name="product-id" value="7119537963201" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 45835</quick-add-component> 45836 45837 45838 45839 45840 45841 45842</div> 45843 45844 45845 45846 45847 45848<div class="product-grid-view-zoom-out--details"> 45849 45850 <h3 class="h4">Organic Breakfast Blend</h3> 45851 45852</div> 45853 45854 45855 45856 45857 45858 45859 45860 45861<div 45862 class=" 45863 group-block 45864 group-block--height-fit 45865 group-block--width-fill 45866 border-style 45867 spacing-style 45868 size-style 45869 45870 45871 " 45872 style=" 45873 --border-width: 1px; --border-style: none; --border-color: 45874rgb(var(--color-border-rgb) / 1.0); --border-radius: 458750px; 45876 45877 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45878 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 45879 45880 " 45881 45882 data-testid="group-block" 45883><div class="group-block__media-wrapper"> 45884 45885 45886 45887 45888 45889 </div> 45890 45891 <div 45892 class=" 45893 group-block-content 45894 45895 layout-panel-flex 45896 layout-panel-flex--column 45897 mobile-column 45898 " 45899 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 45900 45901--gap: 4px; 45902 45903--horizontal-alignment: center; --vertical-alignment: center; 45904--vertical-alignment-mobile: center; 45905" 45906 > 45907 45908 45909 45910 45911 <a 45912 class="contents user-select-text" 45913 ref="productTitleLink" 45914 href="/products/organic-breakfast-blend?variant=41292096471233" 45915 > 45916 45917 45918 45919 45920 45921 45922 45923 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-44 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 45924 <p>Organic Breakfast Blend</p> 45925 </div> 45926 45927 45928 45929 45930 </a> 45931 45932 45933 45934 45935 45936 45937<product-price 45938 class="text-block text-block--align-center rte text-center paragraph spacing-style" 45939 data-block-id="AaTU4QWlBSTJKVFFpe__price-44" 45940 data-product-id="7119537963201" 45941 style=" 45942 45943--color: var(--color-foreground); 45944 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 45945 --width: 100%; 45946 " 45947 45948> 45949 <div ref="priceContainer"> 45950 45951 45952 45953 45954 45955 <span class="price">$18.00</span> 45956 45957 45958 45959 45960</div> 45961 45962 45963</product-price> 45964 45965 45966 45967 45968 45969 45970 45971</div> 45972</div> 45973 45974 45975 45976 45977 45978 45979 45980 </div> 45981</product-card></product-card-link> 45982 45983 45984 45985 45986 </li> 45987 45988 <li 45989 id="template--24479419367617__main-7119880323265" 45990 class="product-grid__item product-grid__item--45" 45991 data-page="1" 45992 data-product-id="7119880323265" 45993 ref="cards[]" 45994 > 45995 45996 45997 45998 45999 46000 46001<style data-shopify> 46002 46003</style> 46004 46005 46006<product-card-link 46007 data-product-id="7119880323265" 46008 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=500" 46009 data-product-transition="true" 46010 46011 ><product-card 46012 class="product-card" 46013 data-product-id="7119880323265" 46014 id="product-card-ARFVUbHVMLy90TE1EM__product-card-45" 46015 data-product-transition="true" 46016 46017 46018> 46019 <a 46020 id="39d70c14b7ee75a2bbdf70685f4f011b" 46021 46022 href="/products/organic-camping-blend?variant=41292911509697" 46023 46024 class="product-card__link" 46025 ref="productCardLink" 46026 > 46027 <span class="visually-hidden"> 46028 Organic Camping Blend 46029 </span> 46030 </a> 46031 <div 46032 class=" 46033 product-card__content 46034 layout-panel-flex 46035 layout-panel-flex--column 46036 product-grid__card 46037 spacing-style 46038 border-style 46039 gap-style 46040 46041 " 46042 style=" 46043 --border-width: 1px; --border-style: none; --border-color: 46044rgb(var(--color-border-rgb) / 1.0); --border-radius: 460450px; 46046 46047 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 46048 46049 46050 46051--horizontal-alignment: ; --vertical-alignment: ; 46052--vertical-alignment-mobile: ; 46053 46054 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46055 --product-card-gap: 8px; 46056 --quick-add-display: flex; 46057 --quick-add-mobile-display: none; 46058 --quick-add-mobile-opacity: 0; 46059 46060 46061 46062 46063 " 46064 > 46065 46066 46067 46068 46069 46070 46071 46072 46073 46074<div 46075 ref="cardGallery" 46076 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-45 spacing-style border-style" 46077 style=" 46078 --border-width: 1px; --border-style: none; --border-color: 46079rgb(var(--color-border-rgb) / 1.0); --border-radius: 460800px; 46081 46082 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46083 --gallery-aspect-ratio: 4 / 5; 46084 " 46085 data-product-id="7119880323265" 46086
46087 on:pointerenter="/previewImage" 46088 on:pointerleave="/resetImage" 46089 46090 46091 data-view-transition-to-main-product 46092 46093 data-image-ratio="portrait" 46094 46095> 46096 <a 46097 class="contents" 46098 ref="cardGalleryLink" 46099 href="/products/organic-camping-blend?variant=41292911509697" 46100 aria-label="Organic Camping Blend" 46101 > 46102 <slideshow-component 46103 46104 ref="slideshow" 46105 46106 46107 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 46108 46109 initial-slide="0" 46110 46111 46112 infinite 46113 46114 46115 data-generic-media-size="4" 46116> 46117 46118 <slideshow-container ref="slideshowContainer"> 46119 46120 <slideshow-arrows 46121 position="center" 46122 46123><button 46124 class=" 46125 slideshow-control slideshow-control--previous 46126 46127 46128 slideshow-control--style-arrow 46129 button button-unstyled button-unstyled--transparent 46130 flip-x 46131 " 46132 46133 aria-label="Previous slide" 46134 46135 on:click="/previous" 46136 ref="previous" 46137> 46138 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 46139</span> 46140</button> 46141<button 46142 class=" 46143 slideshow-control slideshow-control--next 46144 46145 46146 slideshow-control--style-arrow 46147 button button-unstyled button-unstyled--transparent 46148 46149 " 46150 46151 aria-label="Next slide" 46152 46153 on:click="/next" 46154 ref="next" 46155> 46156 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 46157</span> 46158</button> 46159</slideshow-arrows> 46160 46161 46162 46163 <slideshow-slides 46164 tabindex="-1" 46165 ref="scroller" 46166 46167 > 46168 <slideshow-slide 46169 ref="slides[]" 46170 aria-hidden="false" 46171 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 46172 46173 class="product-media-container media-fit product-media-container--image" 46174 46175 46176 46177 46178 slide-id="25904664805569" 46179 46180 46181 46182 46183> 46184 46185 46186<div 46187 class="product-media" 46188 style="--ratio: 0.7998046875" 46189 data-media-id="25904664805569" 46190> 46191 46192 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=3840" alt="Bag of Organic Camping Blend from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 46193 46194 46195</div> 46196 46197 46198 46199</slideshow-slide> 46200<slideshow-slide 46201 ref="slides[]" 46202 aria-hidden="true" 46203 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 46204 46205 class="product-media-container media-fit product-media-container--image" 46206 46207 46208 46209 46210 slide-id="25904664838337" 46211 46212 46213 46214 46215> 46216 46217 46218<div 46219 class="product-media" 46220 style="--ratio: 0.7998046875" 46221 data-media-id="25904664838337" 46222> 46223 46224 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 46225 46226 46227</div> 46228 46229 46230 46231</slideshow-slide> 46232<slideshow-slide 46233 ref="slides[]" 46234 aria-hidden="true" 46235 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 46236 46237 class="product-media-container media-fit product-media-container--image" 46238 46239 46240 46241 46242 slide-id="25904664871105" 46243 46244 46245 46246 46247> 46248 46249 46250<div 46251 class="product-media" 46252 style="--ratio: 0.7998046875" 46253 data-media-id="25904664871105" 46254> 46255 46256 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 46257 46258 46259</div> 46260 46261 46262 46263</slideshow-slide> 46264<slideshow-slide 46265 ref="slides[]" 46266 aria-hidden="true" 46267 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 46268 46269 class="product-media-container media-fit product-media-container--image" 46270 46271 46272 46273 46274 slide-id="25904664903873" 46275 46276 46277 46278 46279> 46280 46281 46282<div 46283 class="product-media" 46284 style="--ratio: 0.7998046875" 46285 data-media-id="25904664903873" 46286> 46287 46288 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 46289 46290 46291</div> 46292 46293 46294 46295</slideshow-slide> 46296 46297 </slideshow-slides> 46298 </slideshow-container> 46299 46300</slideshow-component> 46301 46302 46303 46304 </a> 46305 46306 46307 <div 46308 class="product-badges product-badges--top-right" 46309 style=" 46310 --badge-border-radius: 2px; 46311 --badge-font-family: var(--font-body--family);
46311 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 46312 " 46313 ></div> 46314 46315 46316 46317<quick-add-component 46318 class="quick-add color-scheme-1 " 46319 ref="quickAdd" 46320 data-product-title="Organic Camping Blend" 46321 data-quick-add-button="choose" 46322 data-product-options-count="2" 46323> 46324 <product-form-component 46325 data-section-id="template--24479419367617__main" 46326 data-product-id="7119880323265" 46327 on:submit="/handleSubmit" 46328 class="quick-add__product-form-component" 46329 > 46330 <div 46331 class="visually-hidden" 46332 aria-live="assertive" 46333 role="status" 46334 aria-atomic="true" 46335 ref="liveRegion" 46336 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7119880323265-AbnhndkZhbW0yK2Rld__card-gallery-45" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 46337 type="hidden" 46338 name="id" 46339 ref="variantId" 46340 value="41292911509697" 46341 46342 > 46343 <input 46344 type="hidden" 46345 name="quantity" 46346 value="1" 46347 > 46348 46349 <add-to-cart-component 46350 ref="addToCartButtonContainer" 46351 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&width=100" 46352 data-add-to-cart-animation="true" 46353> 46354 <button 46355 46356 type="submit" 46357 name="add" 46358 ref="addToCartButton" 46359 on:click="/handleClick" 46360 class="button button quick-add__button quick-add__button--add add-to-cart-button" 46361 46362 46363 > 46364 <span 46365 class="add-to-cart-text" 46366 > 46367 46368 <span 46369 aria-hidden="true" 46370 class="svg-wrapper add-to-cart-icon" 46371 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 46372</span> 46373 46374 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 46375 <span> 46376 <span>Add</span> 46377 </span> 46378 </span> 46379 </span> 46380 46381 <span class="add-to-cart__added"> 46382 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 46383 <g class="check"> 46384 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 46385 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 46386 </g> 46387 <g class="burst"> 46388 <g style="--index: 0;"> 46389 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46390 </g> 46391 <g style="--index: 1;"> 46392 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46393 </g> 46394 <g style="--index: 2;"> 46395 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46396 </g> 46397 <g style="--index: 3;"> 46398 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46399 </g> 46400 <g style="--index: 4;"> 46401 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46402 </g> 46403 <g style="--index: 5;"> 46404 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46405 </g> 46406 <g style="--index: 6;"> 46407 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46408 </g> 46409 <g style="--index: 7;"> 46410 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46411 </g> 46412 </g> 46413</svg> 46414</span> 46415 </span> 46416 </button> 46417</add-to-cart-component> 46418 46419 46420 <button 46421 class="button quick-add__button quick-add__button--choose add-to-cart-button" 46422 46423 type="button" 46424 name="add" 46425 on:click="quick-add-component/handleClick" 46426 >
46427 <span 46428 class="add-to-cart-text" 46429 > 46430 46431 <span 46432 aria-hidden="true" 46433 class="svg-wrapper add-to-cart-icon" 46434 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 46435</span> 46436 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 46437 <span> 46438 46439 <span> 46440 Choose 46441 </span> 46442 </span> 46443 </span> 46444 </span> 46445 </button><input type="hidden" name="product-id" value="7119880323265" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 46446</quick-add-component> 46447 46448 46449 46450 46451 46452 46453</div> 46454 46455 46456 46457 46458 46459<div class="product-grid-view-zoom-out--details"> 46460 46461 <h3 class="h4">Organic Camping Blend</h3> 46462 46463</div> 46464 46465 46466 46467 46468 46469 46470 46471 46472<div 46473 class=" 46474 group-block 46475 group-block--height-fit 46476 group-block--width-fill 46477 border-style 46478 spacing-style 46479 size-style 46480 46481 46482 " 46483 style=" 46484 --border-width: 1px; --border-style: none; --border-color: 46485rgb(var(--color-border-rgb) / 1.0); --border-radius: 464860px; 46487 46488 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46489 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 46490 46491 " 46492 46493 data-testid="group-block" 46494><div class="group-block__media-wrapper"> 46495 46496 46497 46498 46499 46500 </div> 46501 46502 <div 46503 class=" 46504 group-block-content 46505 46506 layout-panel-flex 46507 layout-panel-flex--column 46508 mobile-column 46509 " 46510 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 46511 46512--gap: 4px; 46513 46514--horizontal-alignment: center; --vertical-alignment: center; 46515--vertical-alignment-mobile: center; 46516" 46517 > 46518 46519 46520 46521 46522 <a 46523 class="contents user-select-text" 46524 ref="productTitleLink" 46525 href="/products/organic-camping-blend?variant=41292911509697" 46526 > 46527 46528 46529 46530 46531 46532 46533 46534 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-45 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 46535 <p>Organic Camping Blend</p> 46536 </div> 46537 46538 46539 46540 46541 </a> 46542 46543 46544 46545 46546 46547 46548<product-price 46549 class="text-block text-block--align-center rte text-center paragraph spacing-style" 46550 data-block-id="AaTU4QWlBSTJKVFFpe__price-45" 46551 data-product-id="7119880323265" 46552 style=" 46553 46554--color: var(--color-foreground); 46555 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46556 --width: 100%; 46557 " 46558 46559> 46560 <div ref="priceContainer"> 46561 46562 46563 46564 46565 46566 <span class="price">$18.00</span> 46567 46568 46569 46570 46571</div> 46572 46573 46574</product-price> 46575 46576 46577 46578 46579 46580 46581 46582</div> 46583</div> 46584 46585 46586 46587 46588 46589 46590 46591 </div> 46592</product-card></product-card-link> 46593 46594 46595 46596 46597 </li> 46598 46599 <li 46600 id="template--24479419367617__main-7119583609025" 46601 class="product-grid__item product-grid__item--46" 46602 data-page="1" 46603 data-product-id="7119583609025" 46604 ref="cards[]" 46605 > 46606 46607 46608 46609 46610 46611 46612<style data-shopify> 46613 46614</style> 46615 46616 46617<product-card-link 46618 data-product-id="7119583609025" 46619 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=500" 46620 data-product-transition="true" 46621 46622 ><product-card 46623 class="product-card" 46624 data-product-id="7119583609025" 46625 id="product-card-ARFVUbHVMLy90TE1EM__product-card-46" 46626 data-product-transition="true" 46627 46628 46629> 46630 <a 46631 id="a019a6909beb4a8ee73426a7b9528cbb" 46632 46633 href="/products/organic-creamy-caramel?variant=41292163580097" 46634 46635 class="product-card__link" 46636 ref="productCardLink" 46637 > 46638 <span class="visually-hidden"> 46639 Organic Creamy Caramel 46640 </span> 46641 </a> 46642 <div 46643 class=" 46644 product-card__content 46645 layout-panel-flex 46646 layout-panel-flex--column 46647 product-grid__card 46648 spacing-style 46649 border-style 46650 gap-style 46651 46652 " 46653 style=" 46654 --border-width: 1px; --border-style: none; --border-color: 46655rgb(var(--color-border-rgb) / 1.0); --border-radius: 466560px; 46657 46658 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 46659 46660 46661 46662--horizontal-alignment: ; --vertical-alignment: ; 46663--vertical-alignment-mobile: ; 46664 46665 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46666 --product-card-gap: 8px; 46667 --quick-add-display: flex; 46668 --quick-add-mobile-display: none; 46669 --quick-add-mobile-opacity: 0; 46670 46671 46672 46673 46674 " 46675 > 46676 46677 46678 46679 46680 46681 46682 46683 46684 46685<div 46686 ref="cardGallery" 46687 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-46 spacing-style border-style" 46688 style=" 46689 --border-width: 1px; --border-style: none; --border-color: 46690rgb(var(--color-border-rgb) / 1.0); --border-radius: 466910px; 46692 46693 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46694 --gallery-aspect-ratio: 4 / 5; 46695 " 46696 data-product-id="7119583609025" 46697
46698 on:pointerenter="/previewImage" 46699 on:pointerleave="/resetImage" 46700 46701 46702 data-view-transition-to-main-product 46703 46704 data-image-ratio="portrait" 46705 46706> 46707 <a 46708 class="contents" 46709 ref="cardGalleryLink" 46710 href="/products/organic-creamy-caramel?variant=41292163580097" 46711 aria-label="Organic Creamy Caramel" 46712 > 46713 <slideshow-component 46714 46715 ref="slideshow" 46716 46717 46718 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 46719 46720 initial-slide="0" 46721 46722 46723 infinite 46724 46725 46726 data-generic-media-size="1" 46727> 46728 46729 <slideshow-container ref="slideshowContainer"> 46730 46731 46732 <slideshow-slides 46733 tabindex="-1" 46734 ref="scroller" 46735 46736 > 46737 <slideshow-slide 46738 ref="slides[]" 46739 aria-hidden="false" 46740 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 46741 46742 class="product-media-container media-fit product-media-container--image" 46743 46744 46745 46746 46747 slide-id="24596979187905" 46748 46749 46750 46751 46752> 46753 46754 46755<div 46756 class="product-media" 46757 style="--ratio: 1.0" 46758 data-media-id="24596979187905" 46759> 46760 46761 <img src="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=3840" alt="Organic Creamy Caramel - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=240 240w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=352 352w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=832 832w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 46762 46763 46764</div> 46765 46766 46767 46768</slideshow-slide> 46769 46770 </slideshow-slides> 46771 </slideshow-container> 46772 46773</slideshow-component> 46774 46775 46776 46777 </a> 46778 46779 46780 <div 46781 class="product-badges product-badges--top-right" 46782 style=" 46783 --badge-border-radius: 2px; 46784 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 46785 " 46786 ></div> 46787 46788 46789 46790<quick-add-component 46791 class="quick-add color-scheme-1 " 46792 ref="quickAdd" 46793 data-product-title="Organic Creamy Caramel" 46794 data-quick-add-button="choose" 46795 data-product-options-count="2" 46796> 46797 <product-form-component 46798 data-section-id="template--24479419367617__main" 46799 data-product-id="7119583609025" 46800 on:submit="/handleSubmit" 46801 class="quick-add__product-form-component" 46802 > 46803 <div 46804 class="visually-hidden" 46805 aria-live="assertive" 46806 role="status" 46807 aria-atomic="true" 46808 ref="liveRegion" 46809 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7119583609025-AbnhndkZhbW0yK2Rld__card-gallery-46" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 46810 type="hidden" 46811 name="id" 46812 ref="variantId" 46813 value="41292163580097" 46814 46815 > 46816 <input 46817 type="hidden" 46818 name="quantity" 46819 value="1" 46820 > 46821 46822 <add-to-cart-component 46823 ref="addToCartButtonContainer" 46824 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&width=100" 46825 data-add-to-cart-animation="true" 46826> 46827 <button 46828 46829 type="submit" 46830 name="add" 46831 ref="addToCartButton" 46832 on:click="/handleClick" 46833 class="button button quick-add__button quick-add__button--add add-to-cart-button" 46834 46835 46836 > 46837 <span 46838 class="add-to-cart-text" 46839 > 46840
46841 <span 46842 aria-hidden="true" 46843 class="svg-wrapper add-to-cart-icon" 46844 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 46845</span> 46846 46847 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 46848 <span> 46849 <span>Add</span> 46850 </span> 46851 </span> 46852 </span> 46853 46854 <span class="add-to-cart__added"> 46855 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 46856 <g class="check"> 46857 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 46858 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 46859 </g> 46860 <g class="burst"> 46861 <g style="--index: 0;"> 46862 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46863 </g> 46864 <g style="--index: 1;"> 46865 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46866 </g> 46867 <g style="--index: 2;"> 46868 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46869 </g> 46870 <g style="--index: 3;"> 46871 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46872 </g> 46873 <g style="--index: 4;"> 46874 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46875 </g> 46876 <g style="--index: 5;"> 46877 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46878 </g> 46879 <g style="--index: 6;"> 46880 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46881 </g> 46882 <g style="--index: 7;"> 46883 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 46884 </g> 46885 </g> 46886</svg> 46887</span> 46888 </span> 46889 </button> 46890</add-to-cart-component> 46891 46892 46893 <button 46894 class="button quick-add__button quick-add__button--choose add-to-cart-button" 46895 46896 type="button" 46897 name="add" 46898 on:click="quick-add-component/handleClick" 46899 > 46900 <span 46901 class="add-to-cart-text" 46902 > 46903 46904 <span 46905 aria-hidden="true" 46906 class="svg-wrapper add-to-cart-icon" 46907 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 46908</span> 46909 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 46910 <span> 46911 46912 <span> 46913 Choose 46914 </span> 46915 </span> 46916 </span> 46917 </span> 46918 </button><input type="hidden" name="product-id" value="7119583609025" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 46919</quick-add-component> 46920 46921 46922 46923 46924 46925 46926</div> 46927 46928 46929 46930 46931 46932<div class="product-grid-view-zoom-out--details"> 46933 46934 <h3 class="h4">Organic Creamy Caramel</h3> 46935 46936</div> 46937 46938 46939 46940 46941 46942 46943 46944 46945<div 46946 class=" 46947 group-block 46948 group-block--height-fit 46949 group-block--width-fill 46950 border-style 46951 spacing-style 46952 size-style 46953 46954 46955 " 46956 style=" 46957 --border-width: 1px; --border-style: none; --border-color: 46958rgb(var(--color-border-rgb) / 1.0); --border-radius: 469590px; 46960 46961 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 46962 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 46963 46964 " 46965 46966 data-testid="group-block" 46967><div class="group-block__media-wrapper"> 46968 46969 46970 46971 46972 46973 </div> 46974 46975 <div 46976 class=" 46977 group-block-content 46978 46979 layout-panel-flex 46980 layout-panel-flex--column 46981 mobile-column 46982 " 46983 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 46984 46985--gap: 4px; 46986 46987--horizontal-alignment: center; --vertical-alignment: center; 46988--vertical-alignment-mobile: center; 46989" 46990 > 46991 46992 46993 46994 46995 <a 46996 class="contents user-select-text" 46997 ref="productTitleLink" 46998 href="/products/organic-creamy-caramel?variant=41292163580097" 46999 > 47000 47001 47002 47003 47004 47005 47006 47007 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-46 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 47008 <p>Organic Creamy Caramel</p> 47009 </div> 47010 47011 47012 47013 47014 </a> 47015 47016 47017 47018 47019 47020 47021<product-price 47022 class="text-block text-block--align-center rte text-center paragraph spacing-style" 47023 data-block-id="AaTU4QWlBSTJKVFFpe__price-46" 47024 data-product-id="7119583609025" 47025 style=" 47026 47027--color: var(--color-foreground); 47028 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47029 --width: 100%; 47030 " 47031 47032> 47033 <div ref="priceContainer"> 47034 47035 47036 47037 47038
47039 <span class="price">$18.00</span> 47040 47041 47042 47043 47044</div> 47045 47046 47047</product-price> 47048 47049 47050 47051 47052 47053 47054 47055</div> 47056</div> 47057 47058 47059 47060 47061 47062 47063 47064 </div> 47065</product-card></product-card-link> 47066 47067 47068 47069 47070 </li> 47071 47072 <li 47073 id="template--24479419367617__main-7120908550337" 47074 class="product-grid__item product-grid__item--47" 47075 data-page="1" 47076 data-product-id="7120908550337" 47077 ref="cards[]" 47078 > 47079 47080 47081 47082 47083 47084 47085<style data-shopify> 47086 47087</style> 47088 47089 47090<product-card-link 47091 data-product-id="7120908550337" 47092 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=500" 47093 data-product-transition="true" 47094 47095 ><product-card 47096 class="product-card" 47097 data-product-id="7120908550337" 47098 id="product-card-ARFVUbHVMLy90TE1EM__product-card-47" 47099 data-product-transition="true" 47100 47101 47102> 47103 <a 47104 id="3a1bc1924ec80128f3dc344ba698402c" 47105 47106 href="/products/organic-daily-ritual?variant=41295323070657" 47107 47108 class="product-card__link" 47109 ref="productCardLink" 47110 > 47111 <span class="visually-hidden"> 47112 Organic Daily Ritual 47113 </span> 47114 </a> 47115 <div 47116 class=" 47117 product-card__content 47118 layout-panel-flex 47119 layout-panel-flex--column 47120 product-grid__card 47121 spacing-style 47122 border-style 47123 gap-style 47124 47125 " 47126 style=" 47127 --border-width: 1px; --border-style: none; --border-color: 47128rgb(var(--color-border-rgb) / 1.0); --border-radius: 471290px; 47130 47131 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 47132 47133 47134 47135--horizontal-alignment: ; --vertical-alignment: ; 47136--vertical-alignment-mobile: ; 47137 47138 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47139 --product-card-gap: 8px; 47140 --quick-add-display: flex; 47141 --quick-add-mobile-display: none; 47142 --quick-add-mobile-opacity: 0; 47143 47144 47145 47146 47147 " 47148 > 47149 47150 47151 47152 47153 47154 47155 47156 47157 47158<div 47159 ref="cardGallery" 47160 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-47 spacing-style border-style" 47161 style=" 47162 --border-width: 1px; --border-style: none; --border-color: 47163rgb(var(--color-border-rgb) / 1.0); --border-radius: 471640px; 47165 47166 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47167 --gallery-aspect-ratio: 4 / 5; 47168 " 47169 data-product-id="7120908550337" 47170 47171 on:pointerenter="/previewImage" 47172 on:pointerleave="/resetImage" 47173 47174 47175 data-view-transition-to-main-product 47176 47177 data-image-ratio="portrait" 47178 47179> 47180 <a 47181 class="contents" 47182 ref="cardGalleryLink" 47183 href="/products/organic-daily-ritual?variant=41295323070657" 47184 aria-label="Organic Daily Ritual" 47185 > 47186 <slideshow-component 47187 47188 ref="slideshow" 47189 47190 47191 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 47192 47193 initial-slide="0" 47194 47195 47196 infinite 47197 47198 47199 data-generic-media-size="1" 47200> 47201 47202 <slideshow-container ref="slideshowContainer"> 47203 47204 47205 <slideshow-slides 47206 tabindex="-1" 47207 ref="scroller" 47208 47209 > 47210 <slideshow-slide 47211 ref="slides[]" 47212 aria-hidden="false" 47213 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 47214 47215 class="product-media-container media-fit product-media-container--image" 47216 47217 47218 47219 47220 slide-id="24625304764609" 47221 47222 47223 47224 47225> 47226 47227 47228<div 47229 class="product-media" 47230 style="--ratio: 1.0" 47231 data-media-id="24625304764609" 47232> 47233 47234 <img src="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=3840" alt="Organic Daily Ritual - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=240 240w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=352 352w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=832 832w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 47235 47236 47237</div> 47238 47239 47240 47241</slideshow-slide> 47242 47243 </slideshow-slides> 47244 </slideshow-container> 47245 47246</slideshow-component> 47247 47248 47249 47250 </a> 47251 47252 47253 <div 47254 class="product-badges product-badges--top-right" 47255 style=" 47256 --badge-border-radius: 2px; 47257 --badge-font-family: var(--font-body--family);
47257 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 47258 " 47259 ></div> 47260 47261 47262 47263<quick-add-component 47264 class="quick-add color-scheme-1 " 47265 ref="quickAdd" 47266 data-product-title="Organic Daily Ritual" 47267 data-quick-add-button="choose" 47268 data-product-options-count="2" 47269> 47270 <product-form-component 47271 data-section-id="template--24479419367617__main" 47272 data-product-id="7120908550337" 47273 on:submit="/handleSubmit" 47274 class="quick-add__product-form-component" 47275 > 47276 <div 47277 class="visually-hidden" 47278 aria-live="assertive" 47279 role="status" 47280 aria-atomic="true" 47281 ref="liveRegion" 47282 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7120908550337-AbnhndkZhbW0yK2Rld__card-gallery-47" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 47283 type="hidden" 47284 name="id" 47285 ref="variantId" 47286 value="41295323070657" 47287 47288 > 47289 <input 47290 type="hidden" 47291 name="quantity" 47292 value="1" 47293 > 47294 47295 <add-to-cart-component 47296 ref="addToCartButtonContainer" 47297 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&width=100" 47298 data-add-to-cart-animation="true" 47299> 47300 <button 47301 47302 type="submit" 47303 name="add" 47304 ref="addToCartButton" 47305 on:click="/handleClick" 47306 class="button button quick-add__button quick-add__button--add add-to-cart-button" 47307 47308 47309 > 47310 <span 47311 class="add-to-cart-text" 47312 > 47313 47314 <span 47315 aria-hidden="true" 47316 class="svg-wrapper add-to-cart-icon" 47317 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 47318</span> 47319 47320 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 47321 <span> 47322 <span>Add</span> 47323 </span> 47324 </span> 47325 </span> 47326 47327 <span class="add-to-cart__added"> 47328 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 47329 <g class="check"> 47330 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 47331 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 47332 </g> 47333 <g class="burst"> 47334 <g style="--index: 0;"> 47335 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47336 </g> 47337 <g style="--index: 1;"> 47338 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47339 </g> 47340 <g style="--index: 2;"> 47341 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47342 </g> 47343 <g style="--index: 3;"> 47344 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47345 </g> 47346 <g style="--index: 4;"> 47347 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47348 </g> 47349 <g style="--index: 5;"> 47350 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47351 </g> 47352 <g style="--index: 6;"> 47353 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47354 </g> 47355 <g style="--index: 7;"> 47356 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47357 </g> 47358 </g> 47359</svg> 47360</span> 47361 </span> 47362 </button> 47363</add-to-cart-component> 47364 47365 47366 <button 47367 class="button quick-add__button quick-add__button--choose add-to-cart-button" 47368 47369 type="button" 47370 name="add" 47371 on:click="quick-add-component/handleClick" 47372 >
47373 <span 47374 class="add-to-cart-text" 47375 > 47376 47377 <span 47378 aria-hidden="true" 47379 class="svg-wrapper add-to-cart-icon" 47380 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 47381</span> 47382 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 47383 <span> 47384 47385 <span> 47386 Choose 47387 </span> 47388 </span> 47389 </span> 47390 </span> 47391 </button><input type="hidden" name="product-id" value="7120908550337" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 47392</quick-add-component> 47393 47394 47395 47396 47397 47398 47399</div> 47400 47401 47402 47403 47404 47405<div class="product-grid-view-zoom-out--details"> 47406 47407 <h3 class="h4">Organic Daily Ritual</h3> 47408 47409</div> 47410 47411 47412 47413 47414 47415 47416 47417 47418<div 47419 class=" 47420 group-block 47421 group-block--height-fit 47422 group-block--width-fill 47423 border-style 47424 spacing-style 47425 size-style 47426 47427 47428 " 47429 style=" 47430 --border-width: 1px; --border-style: none; --border-color: 47431rgb(var(--color-border-rgb) / 1.0); --border-radius: 474320px; 47433 47434 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47435 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 47436 47437 " 47438 47439 data-testid="group-block" 47440><div class="group-block__media-wrapper"> 47441 47442 47443 47444 47445 47446 </div> 47447 47448 <div 47449 class=" 47450 group-block-content 47451 47452 layout-panel-flex 47453 layout-panel-flex--column 47454 mobile-column 47455 " 47456 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 47457 47458--gap: 4px; 47459 47460--horizontal-alignment: center; --vertical-alignment: center; 47461--vertical-alignment-mobile: center; 47462" 47463 > 47464 47465 47466 47467 47468 <a 47469 class="contents user-select-text" 47470 ref="productTitleLink" 47471 href="/products/organic-daily-ritual?variant=41295323070657" 47472 > 47473 47474 47475 47476 47477 47478 47479 47480 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-47 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 47481 <p>Organic Daily Ritual</p> 47482 </div> 47483 47484 47485 47486 47487 </a> 47488 47489 47490 47491 47492 47493 47494<product-price 47495 class="text-block text-block--align-center rte text-center paragraph spacing-style" 47496 data-block-id="AaTU4QWlBSTJKVFFpe__price-47" 47497 data-product-id="7120908550337" 47498 style=" 47499 47500--color: var(--color-foreground); 47501 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47502 --width: 100%; 47503 " 47504 47505> 47506 <div ref="priceContainer"> 47507 47508 47509 47510 47511 47512 <span class="price">$18.00</span> 47513 47514 47515 47516 47517</div> 47518 47519 47520</product-price> 47521 47522 47523 47524 47525 47526 47527 47528</div> 47529</div> 47530 47531 47532 47533 47534 47535 47536 47537 </div> 47538</product-card></product-card-link> 47539 47540 47541 47542 47543 </li> 47544 47545 <li 47546 id="template--24479419367617__main-7120909402305" 47547 class="product-grid__item product-grid__item--48" 47548 data-page="1" 47549 data-product-id="7120909402305" 47550 ref="cards[]" 47551 > 47552 47553 47554 47555 47556 47557 47558<style data-shopify> 47559 47560</style> 47561 47562 47563<product-card-link 47564 data-product-id="7120909402305" 47565 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=500" 47566 data-product-transition="true" 47567 47568 ><product-card 47569 class="product-card" 47570 data-product-id="7120909402305" 47571 id="product-card-ARFVUbHVMLy90TE1EM__product-card-48" 47572 data-product-transition="true" 47573 47574 47575> 47576 <a 47577 id="ee8a02473c80a32b5439af5f0c63d249" 47578 47579 href="/products/decaffeinated-french-roast?variant=41295326412993" 47580 47581 class="product-card__link" 47582 ref="productCardLink" 47583 > 47584 <span class="visually-hidden"> 47585 Organic Decaffeinated French Roast 47586 </span> 47587 </a> 47588 <div 47589 class=" 47590 product-card__content 47591 layout-panel-flex 47592 layout-panel-flex--column 47593 product-grid__card 47594 spacing-style 47595 border-style 47596 gap-style 47597 47598 " 47599 style=" 47600 --border-width: 1px; --border-style: none; --border-color: 47601rgb(var(--color-border-rgb) / 1.0); --border-radius: 476020px; 47603 47604 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 47605 47606 47607 47608--horizontal-alignment: ; --vertical-alignment: ; 47609--vertical-alignment-mobile: ; 47610 47611 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47612 --product-card-gap: 8px; 47613 --quick-add-display: flex; 47614 --quick-add-mobile-display: none; 47615 --quick-add-mobile-opacity: 0; 47616 47617 47618 47619 47620 " 47621 > 47622 47623 47624 47625 47626 47627 47628 47629 47630 47631<div 47632 ref="cardGallery" 47633 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-48 spacing-style border-style" 47634 style=" 47635 --border-width: 1px; --border-style: none; --border-color: 47636rgb(var(--color-border-rgb) / 1.0); --border-radius: 476370px; 47638 47639 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 47640 --gallery-aspect-ratio: 4 / 5; 47641 " 47642 data-product-id="7120909402305" 47643
47644 on:pointerenter="/previewImage" 47645 on:pointerleave="/resetImage" 47646 47647 47648 data-view-transition-to-main-product 47649 47650 data-image-ratio="portrait" 47651 47652> 47653 <a 47654 class="contents" 47655 ref="cardGalleryLink" 47656 href="/products/decaffeinated-french-roast?variant=41295326412993" 47657 aria-label="Organic Decaffeinated French Roast" 47658 > 47659 <slideshow-component 47660 47661 ref="slideshow" 47662 47663 47664 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 47665 47666 initial-slide="0" 47667 47668 47669 infinite 47670 47671 47672 data-generic-media-size="4" 47673> 47674 47675 <slideshow-container ref="slideshowContainer"> 47676 47677 <slideshow-arrows 47678 position="center" 47679 47680><button 47681 class=" 47682 slideshow-control slideshow-control--previous 47683 47684 47685 slideshow-control--style-arrow 47686 button button-unstyled button-unstyled--transparent 47687 flip-x 47688 " 47689 47690 aria-label="Previous slide" 47691 47692 on:click="/previous" 47693 ref="previous" 47694> 47695 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 47696</span> 47697</button> 47698<button 47699 class=" 47700 slideshow-control slideshow-control--next 47701 47702 47703 slideshow-control--style-arrow 47704 button button-unstyled button-unstyled--transparent 47705 47706 " 47707 47708 aria-label="Next slide" 47709 47710 on:click="/next" 47711 ref="next" 47712> 47713 <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg> 47714</span> 47715</button> 47716</slideshow-arrows> 47717 47718 47719 47720 <slideshow-slides 47721 tabindex="-1" 47722 ref="scroller" 47723 47724 > 47725 <slideshow-slide 47726 ref="slides[]" 47727 aria-hidden="false" 47728 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 47729 47730 class="product-media-container media-fit product-media-container--image" 47731 47732 47733 47734 47735 slide-id="25904690692289" 47736 47737 47738 47739 47740> 47741 47742 47743<div 47744 class="product-media" 47745 style="--ratio: 0.7998046875" 47746 data-media-id="25904690692289" 47747> 47748 47749 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 47750 47751 47752</div> 47753 47754 47755 47756</slideshow-slide> 47757<slideshow-slide 47758 ref="slides[]" 47759 aria-hidden="true" 47760 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 47761 47762 class="product-media-container media-fit product-media-container--image" 47763 47764 47765 47766 47767 slide-id="25904690757825" 47768 47769 47770 47771 47772> 47773 47774 47775<div 47776 class="product-media" 47777 style="--ratio: 0.7998046875" 47778 data-media-id="25904690757825" 47779> 47780 47781 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 47782 47783 47784</div> 47785 47786 47787 47788</slideshow-slide> 47789<slideshow-slide 47790 ref="slides[]" 47791 aria-hidden="true" 47792 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 47793 47794 class="product-media-container media-fit product-media-container--image" 47795 47796 47797 47798 47799 slide-id="25904690790593" 47800 47801 47802 47803 47804> 47805 47806 47807<div 47808 class="product-media" 47809 style="--ratio: 0.7998046875" 47810 data-media-id="25904690790593" 47811> 47812 47813 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 47814 47815 47816</div> 47817 47818 47819 47820</slideshow-slide> 47821<slideshow-slide 47822 ref="slides[]" 47823 aria-hidden="true" 47824 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 47825 47826 class="product-media-container media-fit product-media-container--image" 47827 47828 47829 47830 47831 slide-id="25904690823361" 47832 47833 47834 47835 47836> 47837 47838 47839<div 47840 class="product-media" 47841 style="--ratio: 0.7998046875" 47842 data-media-id="25904690823361" 47843> 47844 47845 <img src="//humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 47846 47847 47848</div> 47849 47850 47851 47852</slideshow-slide> 47853 47854 </slideshow-slides> 47855 </slideshow-container> 47856 47857</slideshow-component> 47858 47859 47860 47861 </a> 47862 47863 47864 <div 47865 class="product-badges product-badges--top-right" 47866 style=" 47867 --badge-border-radius: 2px; 47868 --badge-font-family: var(--font-body--family);
47868 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 47869 " 47870 ></div> 47871 47872 47873 47874<quick-add-component 47875 class="quick-add color-scheme-1 " 47876 ref="quickAdd" 47877 data-product-title="Organic Decaffeinated French Roast" 47878 data-quick-add-button="choose" 47879 data-product-options-count="2" 47880> 47881 <product-form-component 47882 data-section-id="template--24479419367617__main" 47883 data-product-id="7120909402305" 47884 on:submit="/handleSubmit" 47885 class="quick-add__product-form-component" 47886 > 47887 <div 47888 class="visually-hidden" 47889 aria-live="assertive" 47890 role="status" 47891 aria-atomic="true" 47892 ref="liveRegion" 47893 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7120909402305-AbnhndkZhbW0yK2Rld__card-gallery-48" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 47894 type="hidden" 47895 name="id" 47896 ref="variantId" 47897 value="41295326412993" 47898 47899 > 47900 <input 47901 type="hidden" 47902 name="quantity" 47903 value="1" 47904 > 47905 47906 <add-to-cart-component 47907 ref="addToCartButtonContainer" 47908 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&width=100" 47909 data-add-to-cart-animation="true" 47910> 47911 <button 47912 47913 type="submit" 47914 name="add" 47915 ref="addToCartButton" 47916 on:click="/handleClick" 47917 class="button button quick-add__button quick-add__button--add add-to-cart-button" 47918 47919 47920 > 47921 <span 47922 class="add-to-cart-text" 47923 > 47924 47925 <span 47926 aria-hidden="true" 47927 class="svg-wrapper add-to-cart-icon" 47928 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 47929</span> 47930 47931 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 47932 <span> 47933 <span>Add</span> 47934 </span> 47935 </span> 47936 </span> 47937 47938 <span class="add-to-cart__added"> 47939 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 47940 <g class="check"> 47941 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 47942 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 47943 </g> 47944 <g class="burst"> 47945 <g style="--index: 0;"> 47946 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47947 </g> 47948 <g style="--index: 1;"> 47949 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47950 </g> 47951 <g style="--index: 2;"> 47952 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47953 </g> 47954 <g style="--index: 3;"> 47955 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47956 </g> 47957 <g style="--index: 4;"> 47958 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47959 </g> 47960 <g style="--index: 5;"> 47961 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47962 </g> 47963 <g style="--index: 6;"> 47964 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47965 </g> 47966 <g style="--index: 7;"> 47967 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 47968 </g> 47969 </g> 47970</svg> 47971</span> 47972 </span> 47973 </button> 47974</add-to-cart-component> 47975 47976 47977 <button 47978 class="button quick-add__button quick-add__button--choose add-to-cart-button" 47979 47980 type="button" 47981 name="add" 47982 on:click="quick-add-component/handleClick" 47983 >
47984 <span 47985 class="add-to-cart-text" 47986 > 47987 47988 <span 47989 aria-hidden="true" 47990 class="svg-wrapper add-to-cart-icon" 47991 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 47992</span> 47993 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 47994 <span> 47995 47996 <span> 47997 Choose 47998 </span> 47999 </span> 48000 </span> 48001 </span> 48002 </button><input type="hidden" name="product-id" value="7120909402305" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 48003</quick-add-component> 48004 48005 48006 48007 48008 48009 48010</div> 48011 48012 48013 48014 48015 48016<div class="product-grid-view-zoom-out--details"> 48017 48018 <h3 class="h4">Organic Decaffeinated French Roast</h3> 48019 48020</div> 48021 48022 48023 48024 48025 48026 48027 48028 48029<div 48030 class=" 48031 group-block 48032 group-block--height-fit 48033 group-block--width-fill 48034 border-style 48035 spacing-style 48036 size-style 48037 48038 48039 " 48040 style=" 48041 --border-width: 1px; --border-style: none; --border-color: 48042rgb(var(--color-border-rgb) / 1.0); --border-radius: 480430px; 48044 48045 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48046 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 48047 48048 " 48049 48050 data-testid="group-block" 48051><div class="group-block__media-wrapper"> 48052 48053 48054 48055 48056 48057 </div> 48058 48059 <div 48060 class=" 48061 group-block-content 48062 48063 layout-panel-flex 48064 layout-panel-flex--column 48065 mobile-column 48066 " 48067 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 48068 48069--gap: 4px; 48070 48071--horizontal-alignment: center; --vertical-alignment: center; 48072--vertical-alignment-mobile: center; 48073" 48074 > 48075 48076 48077 48078 48079 <a 48080 class="contents user-select-text" 48081 ref="productTitleLink" 48082 href="/products/decaffeinated-french-roast?variant=41295326412993" 48083 > 48084 48085 48086 48087 48088 48089 48090 48091 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-48 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 48092 <p>Organic Decaffeinated French Roast</p> 48093 </div> 48094 48095 48096 48097 48098 </a> 48099 48100 48101 48102 48103 48104 48105<product-price 48106 class="text-block text-block--align-center rte text-center paragraph spacing-style" 48107 data-block-id="AaTU4QWlBSTJKVFFpe__price-48" 48108 data-product-id="7120909402305" 48109 style=" 48110 48111--color: var(--color-foreground); 48112 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48113 --width: 100%; 48114 " 48115 48116> 48117 <div ref="priceContainer"> 48118 48119 48120 48121 48122 48123 <span class="price">$18.00</span> 48124 48125 48126 48127 48128</div> 48129 48130 48131</product-price> 48132 48133 48134 48135 48136 48137 48138 48139</div> 48140</div> 48141 48142 48143 48144 48145 48146 48147 48148 </div> 48149</product-card></product-card-link> 48150 48151 48152 48153 48154 </li> 48155 48156 <li 48157 id="template--24479419367617__main-7119606120641" 48158 class="product-grid__item product-grid__item--49" 48159 data-page="1"
48160 data-product-id="7119606120641" 48161 ref="cards[]" 48162 > 48163 48164 48165 48166 48167 48168 48169<style data-shopify> 48170 48171</style> 48172 48173 48174<product-card-link 48175 data-product-id="7119606120641" 48176 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=500" 48177 data-product-transition="true" 48178 48179 ><product-card 48180 class="product-card" 48181 data-product-id="7119606120641" 48182 id="product-card-ARFVUbHVMLy90TE1EM__product-card-49" 48183 data-product-transition="true" 48184 48185 48186> 48187 <a 48188 id="a251aee4a7d2f59954231a62f86b78b9" 48189 48190 href="/products/decaffeinated-luna-blend?variant=41292205228225" 48191 48192 class="product-card__link" 48193 ref="productCardLink" 48194 > 48195 <span class="visually-hidden"> 48196 Organic Decaffeinated Luna Blend cafe con canela 48197 </span> 48198 </a> 48199 <div 48200 class=" 48201 product-card__content 48202 layout-panel-flex 48203 layout-panel-flex--column 48204 product-grid__card 48205 spacing-style 48206 border-style 48207 gap-style 48208 48209 " 48210 style=" 48211 --border-width: 1px; --border-style: none; --border-color: 48212rgb(var(--color-border-rgb) / 1.0); --border-radius: 482130px; 48214 48215 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 48216 48217 48218 48219--horizontal-alignment: ; --vertical-alignment: ; 48220--vertical-alignment-mobile: ; 48221 48222 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48223 --product-card-gap: 8px; 48224 --quick-add-display: flex; 48225 --quick-add-mobile-display: none; 48226 --quick-add-mobile-opacity: 0; 48227 48228 48229 48230 48231 " 48232 > 48233 48234 48235 48236 48237 48238 48239 48240 48241 48242<div 48243 ref="cardGallery" 48244 class="card-gallery card-gallery-AbnhndkZhbW0yK2Rld__card-gallery-49 spacing-style border-style" 48245 style=" 48246 --border-width: 1px; --border-style: none; --border-color: 48247rgb(var(--color-border-rgb) / 1.0); --border-radius: 482480px; 48249 48250 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48251 --gallery-aspect-ratio: 4 / 5; 48252 "
48253 data-product-id="7119606120641" 48254 48255 on:pointerenter="/previewImage" 48256 on:pointerleave="/resetImage" 48257 48258 48259 data-view-transition-to-main-product 48260 48261 data-image-ratio="portrait" 48262 48263> 48264 <a 48265 class="contents" 48266 ref="cardGalleryLink" 48267 href="/products/decaffeinated-luna-blend?variant=41292205228225" 48268 aria-label="Organic Decaffeinated Luna Blend cafe con canela" 48269 > 48270 <slideshow-component 48271 48272 ref="slideshow" 48273 48274 48275 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 48276 48277 initial-slide="0" 48278 48279 48280 infinite 48281 48282 48283 data-generic-media-size="1" 48284> 48285 48286 <slideshow-container ref="slideshowContainer"> 48287 48288 48289 <slideshow-slides 48290 tabindex="-1" 48291 ref="scroller" 48292 48293 > 48294 <slideshow-slide 48295 ref="slides[]" 48296 aria-hidden="false" 48297 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 48298 48299 class="product-media-container media-fit product-media-container--image" 48300 48301 48302 48303 48304 slide-id="24597052784833" 48305 48306 48307 48308 48309> 48310 48311 48312<div 48313 class="product-media" 48314 style="--ratio: 1.0" 48315 data-media-id="24597052784833" 48316> 48317 48318 <img src="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=3840" alt="Decaffeinated Luna Blend coffee with cinnamon, cafe con canela" srcset="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=240 240w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=352 352w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=832 832w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 48319 48320 48321</div> 48322 48323 48324 48325</slideshow-slide> 48326 48327 </slideshow-slides> 48328 </slideshow-container> 48329 48330</slideshow-component> 48331 48332 48333 48334 </a> 48335 48336 48337 <div 48338 class="product-badges product-badges--top-right" 48339 style=" 48340 --badge-border-radius: 2px; 48341 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; 48342 " 48343 ></div> 48344 48345 48346 48347<quick-add-component 48348 class="quick-add color-scheme-1 " 48349 ref="quickAdd" 48350 data-product-title="Organic Decaffeinated Luna Blend cafe con canela" 48351 data-quick-add-button="choose" 48352 data-product-options-count="2" 48353> 48354 <product-form-component 48355 data-section-id="template--24479419367617__main"
48356 data-product-id="7119606120641" 48357 on:submit="/handleSubmit" 48358 class="quick-add__product-form-component" 48359 > 48360 <div 48361 class="visually-hidden" 48362 aria-live="assertive" 48363 role="status" 48364 aria-atomic="true" 48365 ref="liveRegion" 48366 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7119606120641-AbnhndkZhbW0yK2Rld__card-gallery-49" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 48367 type="hidden" 48368 name="id" 48369 ref="variantId" 48370 value="41292205228225" 48371 48372 > 48373 <input 48374 type="hidden" 48375 name="quantity" 48376 value="1" 48377 > 48378 48379 <add-to-cart-component 48380 ref="addToCartButtonContainer" 48381 data-product-variant-media="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&width=100" 48382 data-add-to-cart-animation="true" 48383> 48384 <button 48385 48386 type="submit" 48387 name="add" 48388 ref="addToCartButton" 48389 on:click="/handleClick" 48390 class="button button quick-add__button quick-add__button--add add-to-cart-button" 48391 48392 48393 > 48394 <span 48395 class="add-to-cart-text" 48396 > 48397 48398 <span 48399 aria-hidden="true" 48400 class="svg-wrapper add-to-cart-icon" 48401 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 48402</span> 48403 48404 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 48405 <span> 48406 <span>Add</span> 48407 </span> 48408 </span> 48409 </span> 48410 48411 <span class="add-to-cart__added"> 48412 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 48413 <g class="check"> 48414 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 48415 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 48416 </g> 48417 <g class="burst"> 48418 <g style="--index: 0;"> 48419 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48420 </g> 48421 <g style="--index: 1;"> 48422 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48423 </g> 48424 <g style="--index: 2;"> 48425 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48426 </g> 48427 <g style="--index: 3;"> 48428 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48429 </g> 48430 <g style="--index: 4;"> 48431 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48432 </g> 48433 <g style="--index: 5;"> 48434 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48435 </g> 48436 <g style="--index: 6;"> 48437 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48438 </g> 48439 <g style="--index: 7;"> 48440 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 48441 </g> 48442 </g> 48443</svg> 48444</span> 48445 </span> 48446 </button> 48447</add-to-cart-component> 48448 48449 48450 <button 48451 class="button quick-add__button quick-add__button--choose add-to-cart-button" 48452 48453 type="button" 48454 name="add" 48455 on:click="quick-add-component/handleClick" 48456 >
48457 <span 48458 class="add-to-cart-text" 48459 > 48460 48461 <span 48462 aria-hidden="true" 48463 class="svg-wrapper add-to-cart-icon" 48464 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 48465</span> 48466 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 48467 <span> 48468 48469 <span> 48470 Choose 48471 </span> 48472 </span> 48473 </span> 48474 </span> 48475 </button><input type="hidden" name="product-id" value="7119606120641" /><input type="hidden" name="section-id" value="template--24479419367617__main" /></form></product-form-component> 48476</quick-add-component> 48477 48478 48479 48480 48481 48482 48483</div> 48484 48485 48486 48487 48488 48489<div class="product-grid-view-zoom-out--details"> 48490 48491 <h3 class="h4">Organic Decaffeinated Luna Blend cafe con canela</h3> 48492 48493</div> 48494 48495 48496 48497 48498 48499 48500 48501 48502<div 48503 class=" 48504 group-block 48505 group-block--height-fit 48506 group-block--width-fill 48507 border-style 48508 spacing-style 48509 size-style 48510 48511 48512 " 48513 style=" 48514 --border-width: 1px; --border-style: none; --border-color: 48515rgb(var(--color-border-rgb) / 1.0); --border-radius: 485160px; 48517 48518 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48519 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 48520 48521 " 48522 48523 data-testid="group-block" 48524><div class="group-block__media-wrapper"> 48525 48526 48527 48528 48529 48530 </div> 48531 48532 <div 48533 class=" 48534 group-block-content 48535 48536 layout-panel-flex 48537 layout-panel-flex--column 48538 mobile-column 48539 " 48540 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 48541 48542--gap: 4px; 48543 48544--horizontal-alignment: center; --vertical-alignment: center; 48545--vertical-alignment-mobile: center; 48546" 48547 > 48548 48549 48550 48551 48552 <a 48553 class="contents user-select-text" 48554 ref="productTitleLink" 48555 href="/products/decaffeinated-luna-blend?variant=41292205228225" 48556 > 48557 48558 48559 48560 48561 48562 48563 48564 <div class=" spacing-style text-block text-block--Ad2VyVm9mTzEyeFUwd__product_title_y7FHMK-49 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 48565 <p>Organic Decaffeinated Luna Blend cafe con canela</p> 48566 </div> 48567 48568 48569 48570 48571 </a> 48572 48573 48574 48575 48576 48577 48578<product-price 48579 class="text-block text-block--align-center rte text-center paragraph spacing-style" 48580 data-block-id="AaTU4QWlBSTJKVFFpe__price-49"
48581 data-product-id="7119606120641" 48582 style=" 48583 48584--color: var(--color-foreground); 48585 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48586 --width: 100%; 48587 " 48588 48589> 48590 <div ref="priceContainer"> 48591 48592 48593 48594 48595 48596 <span class="price">$18.00</span> 48597 48598 48599 48600 48601</div> 48602 48603 48604</product-price> 48605 48606 48607 48608 48609 48610 48611 48612</div> 48613</div> 48614 48615 48616 48617 48618 48619 48620 48621 </div> 48622</product-card></product-card-link> 48623 48624 48625 48626 48627 </li> 48628 48629 48630 </ul> 48631 48632 <span ref="viewMoreNext"></span> 48633 48634 48635 </div> 48636</div> 48637 48638 48639 48640 48641 </div> 48642</results-list> 48643 48644 48645</div> 48646 </main> 48647 48648 <!-- BEGIN sections: footer-group --> 48649<footer id="shopify-section-sections--24479419695297__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 48650 48651<div class="section-background color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e"></div> 48652<div 48653 class="section section--page-width color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 48654> 48655 48656 <div 48657 class=" 48658 footer-content 48659 spacing-style 48660 48661 48662 " 48663 style=" 48664 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); 48665 --footer-gap: 24px; 48666 --grid-columns: 3; 48667 --last-row-count: 3; 48668 --tablet-last-row-count: 1; 48669 " 48670 > 48671 48672 48673 48674 48675 48676 <accordion-custom 48677 class=" 48678 menu 48679 48680 48681 " 48682 data-disable-on-desktop="true" 48683 open-by-default-on-desktop 48684 48685 data-disable-on-mobile="true" 48686 open-by-default-on-mobile 48687 48688 > 48689 <details 48690 class=" 48691 menu__details 48692 spacing-style 48693 48694 " 48695 data-testid="menu-details" 48696 style=" 48697 --spacing--size: 12px; 48698 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48699 " 48700 48701 open 48702 48703 48704 > 48705 <summary class="menu__heading h5"> 48706 <span class="menu__heading__default">Shop</span> 48707 <span class="menu__heading__accordion"> 48708 Shop 48709 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 48710 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 48711</svg> 48712</span> 48713 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 48714 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 48715 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 48716</svg> 48717</span> 48718 </span> 48719 </summary> 48720 48721 <div class="details-content"> 48722 48723 <ul class="list-unstyled"> 48724 48725 <li class="menu__item paragraph"> 48726 <a href="/search"> 48727 Search 48728 </a> 48729 </li> 48730 48731 <li class="menu__item paragraph"> 48732 <a href="/policies/terms-of-service"> 48733 Terms of Service 48734 </a> 48735 </li> 48736 48737 <li class="menu__item paragraph"> 48738 <a href="/policies/refund-policy"> 48739 Refund policy 48740 </a> 48741 </li> 48742 48743 <li class="menu__item paragraph"> 48744 <a href="/policies/privacy-policy"> 48745 Privacy Policy 48746 </a> 48747 </li> 48748 48749 <li class="menu__item paragraph"> 48750 <a href="/pages/faq"> 48751 Gift Card 48752 </a> 48753 </li> 48754 48755 </ul> 48756 48757 </div> 48758 </details> 48759 </accordion-custom> 48760 48761 48762 48763 48764 48765 48766 48767 48768 48769 48770 <accordion-custom 48771 class=" 48772 menu 48773 48774 48775 " 48776 data-disable-on-desktop="true" 48777 open-by-default-on-desktop 48778 48779 data-disable-on-mobile="true" 48780 open-by-default-on-mobile 48781 48782 > 48783 <details 48784 class=" 48785 menu__details 48786 spacing-style 48787 48788 " 48789 data-testid="menu-details" 48790 style=" 48791 --spacing--size: 12px; 48792 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 48793 " 48794 48795 open 48796 48797 48798 > 48799 <summary class="menu__heading h5">
48800 <span class="menu__heading__default">About us</span> 48801 <span class="menu__heading__accordion"> 48802 About us 48803 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 48804 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 48805</svg> 48806</span> 48807 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 48808 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 48809 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 48810</svg> 48811</span> 48812 </span> 48813 </summary> 48814 48815 <div class="details-content"> 48816 48817 <ul class="list-unstyled"> 48818 48819 </ul> 48820 48821 </div> 48822 </details> 48823 </accordion-custom> 48824 48825 48826 48827 48828 48829 48830 48831 48832<div 48833 class="email-signup-block size-style spacing-style" 48834 style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 48835 48836> 48837 48838 <div class="email-signup__heading h5"> 48839 Get your seat at the table 48840 </div> 48841 48842 48843<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 48844 <input 48845 name="contact[id]" 48846 type="hidden" 48847 value="EmailSignup-AVmpjSHBMRkNFQXBTa__email_signup_YEP4UY" 48848 > 48849 48850 <div 48851 class="email-signup__input-group color-scheme-1" 48852 style="--border-width: 2px; --border-radius: 0px;" 48853 > 48854 <label 48855 for="EmailInput-AVmpjSHBMRkNFQXBTa__email_signup_YEP4UY" 48856 class="visually-hidden" 48857 > 48858 Email 48859 </label> 48860 <input 48861 id="EmailInput-AVmpjSHBMRkNFQXBTa__email_signup_YEP4UY" 48862 class="email-signup__input email-signup__input--all h5 " 48863 type="email" 48864 name="contact[email]" 48865 autocorrect="off" 48866 autocapitalize="off" 48867 autocomplete="email" 48868 placeholder="Email address" 48869 required 48870 48871 > 48872 <button 48873 class="email-signup__button email-signup__button--text h5 button button--AVmpjSHBMRkNFQXBTa__email_signup_YEP4UY color-scheme-1" 48874 48875 > 48876 48877 SUBSCRIBE 48878 48879 </button> 48880 </div></form> 48881</div> 48882 48883 48884 48885 48886 48887 </div> 48888</div> 48889 48890 48891 48892 48893</footer><div id="shopify-section-sections--24479419695297__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"> 48894 48895<div class="section-background color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e"></div> 48896<div 48897 class="section section--page-width color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 48898 48899> 48900 <div 48901 class="utilities utilities--blocks-3 spacing-style" 48902 style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;" 48903 data-testid="footer-utilities" 48904 > 48905 48906 48907<div 48908 class=" 48909 footer-utilities__group-copyright 48910 custom-typography 48911 custom-font-size 48912 " 48913 style=" 48914--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 48915 48916> 48917 <span class="footer-utilities__text"> 48918 © 2026 48919 <a href="/" title="">Humboldt Bay Coffee</a></span> 48920</div> 48921 48922 48923 48924 48925 <anchored-popover-component 48926 data-hover-triggered="true" 48927 > 48928 <button 48929 class="policy-list-trigger button-unstyled" 48930 popovertarget="terms-policies-popover" 48931 popovertargetaction="toggle" 48932 ref="trigger" 48933 style=" 48934--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 48935 48936 > 48937 Terms and Policies 48938 </button> 48939 <div
48940 class="terms-policies-popover color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 48941 id="terms-policies-popover" 48942 popover="auto" 48943 ref="popover" 48944 > 48945 <ul 48946 class=" 48947 policy_list list-unstyled 48948 custom-typography 48949 custom-font-size 48950 " 48951 ><li> 48952 <a 48953 href="/policies/refund-policy" 48954 class="footer-utilities__text" 48955 >Refund policy</a> 48956 </li><li> 48957 <a 48958 href="/policies/privacy-policy" 48959 class="footer-utilities__text" 48960 >Privacy policy</a> 48961 </li><li> 48962 <a 48963 href="/policies/terms-of-service" 48964 class="footer-utilities__text" 48965 >Terms of service</a> 48966 </li><li> 48967 <a 48968 href="/policies/shipping-policy" 48969 class="footer-utilities__text" 48970 >Shipping policy</a> 48971 </li><li> 48972 <a 48973 href="/policies/contact-information" 48974 class="footer-utilities__text" 48975 >Contact information</a> 48976 </li><li> 48977 <a 48978 href="/policies/subscription-policy" 48979 class="footer-utilities__text" 48980 >Cancellation policy</a> 48981 </li></ul> 48982 </div> 48983 </anchored-popover-component> 48984 48985 48986 48987 48988 48989 48990 48991<div 48992 class="social-icons__wrapper" 48993 48994> 48995 48996 48997 48998 48999 49000 49001 49002 49003 49004 49005 49006 49007 49008 49009 49010 49011 49012 49013 49014 49015 49016 49017 49018 49019 49020 49021 49022 49023 49024 49025 49026 49027 49028 49029 49030 49031 49032 49033 49034 49035 49036 49037 49038 49039 49040 49041 49042 49043 49044 49045 49046 49047 49048 49049 49050 49051 49052 49053 49054 49055 49056 49057 49058 49059 49060 49061 49062 49063 49064 49065 49066 49067 49068 49069 49070 49071 49072 49073</div> 49074 49075 49076 49077 49078 49079 </div> 49080</div> 49081 49082 49083 49084 49085</div> 49086<!-- END sections: footer-group --> 49087 49088
49088<script 49089 src="//humboldtcoffee.com/cdn/shop/t/7/assets/dialog.js?v=150888536568694194021770159939" 49090 type="module" 49091></script>
49091 49092
49093<script 49094 src="//humboldtcoffee.com/cdn/shop/t/7/assets/predictive-search.js?v=149240552485540508541770159939" 49095 type="module" 49096 fetchpriority="low" 49097></script>
49097 49098 49099<dialog-component 49100 id="search-modal" 49101 class="search-modal" 49102 49103> 49104 <dialog 49105 ref="dialog" 49106 on:click="/closeDialogOnClickOutside" 49107 on:keydown="/closeDialogOnEscapePress" 49108 class="search-modal__content dialog-modal" 49109 scroll-lock 49110 aria-labelledby="search-modal-heading" 49111 > 49112 <h2 49113 id="search-modal-heading" 49114 class="visually-hidden" 49115 > 49116 Search 49117 </h2> 49118 <predictive-search-component 49119 class="predictive-search color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 49120 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 49121 data-section-id="predictive-search" 49122 data-testid="search-component--modal" 49123 role="search" 49124 aria-label="Search" 49125 > 49126 <form 49127 action="/search" 49128 method="get" 49129 role="search" 49130 class="predictive-search-form" 49131 ref="form" 49132 on:keydown="/onSearchKeyDown" 49133 > 49134 <div 49135 class="predictive-search-form__header" 49136 > 49137 <div class="predictive-search-form__header-inner"> 49138 <label 49139 for="cmdk-input" 49140 class="visually-hidden" 49141 >Search</label> 49142 <input 49143 class="search-input" 49144 id="cmdk-input" 49145 type="search" 49146 name="q" 49147 role="combobox" 49148 aria-expanded="false" 49149 aria-owns="predictive-search-results" 49150 aria-controls="predictive-search-results" 49151 aria-haspopup="listbox" 49152 aria-autocomplete="list" 49153 autocomplete="off" 49154 placeholder="Search" 49155 ref="searchInput" 49156 on:input="/search" 49157 on:keydown="/onSearchKeyDown" 49158 > 49159 <input 49160 name="options[prefix]" 49161 type="hidden" 49162 value="last" 49163 > 49164 <span class="svg-wrapper predictive-search__icon"> 49165 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 49166 49167 </span> 49168 <button 49169 type="button" 49170 class="button-unstyled predictive-search__reset-button" 49171 ref="resetButton" 49172 hidden 49173 on:click="/resetSearch" 49174 > 49175 Clear 49176 </button> 49177 </div> 49178 <button 49179 type="button" 49180 class="button predictive-search__close-modal-button" 49181 aria-label="Close dialog" 49182 on:click="dialog-component/closeDialog" 49183 ref="closeModalButton" 49184 > 49185 <span class="svg-wrapper"> 49186 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 49187 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 49188 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 49189</svg> 49190 49191 </span> 49192 </button> 49193 </div> 49194 49195 <div class="predictive-search-form__content-wrapper"> 49196 <div 49197 class="predictive-search-form__content" 49198 tabindex="-1" 49199 ref="predictiveSearchResults" 49200 on:click="/handleModalClick" 49201 > 49202 49203 49204<div 49205 id="predictive-search-results" 49206 class="predictive-search-dropdown" 49207 role="listbox" 49208 aria-expanded="true" 49209 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 49210> 49211 49212 <div class="predictive-search-results__inner"> 49213 49214 49215 49216 49217 49218 <div 49219 id="predictive-search-products" 49220 class="predictive-search-results__products" 49221 49222 data-testid="products-list-default--modal" 49223 49224> 49225 49226 <h4 class="predictive-search-results__title"> 49227 Products 49228 </h4> 49229 <ul 49230 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 49231 role="listbox"
49232 aria-label="Products" 49233 > 49234 49235 49236 <li 49237 class="predictive-search-results__card predictive-search-results__card--product" 49238 ref="resultsItems[]" 49239 > 49240 49241<product-card-link 49242 data-product-id="6972737716417" 49243 data-featured-media-url="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=500" 49244 data-product-transition="true" 49245 ><div 49246 class="resource-card" 49247 href="/products/hiwtci-21-mug" 49248 data-resource-type="product" 49249> 49250 <a 49251 class="resource-card__link" 49252 href="/products/hiwtci-21-mug" 49253 > 49254 <span class="visually-hidden"> 49255 "HIWTCI" 21 Mug 49256 </span> 49257 </a> 49258 <div 49259 class="resource-card__media" 49260 style="--resource-card-aspect-ratio: 4 / 5;" 49261 49262 data-view-transition-to-main-product 49263 49264 > 49265 49266 49267<img src="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=500" alt=""HIWTCI" 21 Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;"> 49268</div> 49269 49270 <div class="resource-card__content"> 49271 <p class="resource-card__title paragraph">"HIWTCI" 21 Mug</p> 49272 49273 49274 <div ref="priceContainer"> 49275 49276 49277 49278 49279 49280 <span class="price">$10.00</span> 49281 49282 49283 49284 49285</div> 49286 49287 </div> 49288</div></product-card-link> 49289 49290 </li> 49291 49292 <li 49293 class="predictive-search-results__card predictive-search-results__card--product" 49294 ref="resultsItems[]" 49295 > 49296 49297<product-card-link 49298 data-product-id="10862157299905" 49299 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=500" 49300 data-product-transition="true" 49301 ><div 49302 class="resource-card" 49303 href="/products/aeropress-carafe" 49304 data-resource-type="product" 49305> 49306 <a 49307 class="resource-card__link" 49308 href="/products/aeropress-carafe" 49309 > 49310 <span class="visually-hidden"> 49311 AeroPress Carafe 49312 </span> 49313 </a> 49314 <div 49315 class="resource-card__media" 49316 style="--resource-card-aspect-ratio: 4 / 5;" 49317 49318 data-view-transition-to-main-product 49319 49320 > 49321 49322 49323<img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=500" alt="AeroPress Carafe coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;"> 49324 49325 <img src="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=500" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40373126693057" style="object-position: 50.0% 50.0%;"> 49326</div> 49327 49328 <div class="resource-card__content"> 49329 <p class="resource-card__title paragraph">AeroPress Carafe</p> 49330 49331 49332 <div ref="priceContainer"> 49333 49334 49335 49336 49337 49338 <span class="price">$24.95</span> 49339 49340 49341 49342 49343</div> 49344 49345 </div> 49346</div></product-card-link> 49347 49348 </li> 49349 49350 <li 49351 class="predictive-search-results__card predictive-search-results__card--product" 49352 ref="resultsItems[]" 49353 > 49354 49355<product-card-link 49356 data-product-id="10862156742849" 49357 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=500" 49358 data-product-transition="true" 49359 ><div 49360 class="resource-card" 49361 href="/products/aeropress-clear-coffee-maker" 49362 data-resource-type="product" 49363> 49364 <a 49365 class="resource-card__link" 49366 href="/products/aeropress-clear-coffee-maker" 49367 > 49368 <span class="visually-hidden">
49369 AeroPress Clear Coffee Maker 49370 </span> 49371 </a> 49372 <div 49373 class="resource-card__media" 49374 style="--resource-card-aspect-ratio: 4 / 5;" 49375 49376 data-view-transition-to-main-product 49377 49378 > 49379 49380 49381<img src="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=500" alt="AeroPress Clear Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;"> 49382 49383 <img src="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=500" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40373121220801" style="object-position: 50.0% 50.0%;"> 49384</div> 49385 49386 <div class="resource-card__content"> 49387 <p class="resource-card__title paragraph">AeroPress Clear Coffee Maker</p> 49388 49389 49390 <div ref="priceContainer"> 49391 49392 49393 49394 49395 49396 <span class="price">$49.95</span> 49397 49398 49399 49400 49401</div> 49402 49403 </div> 49404</div></product-card-link> 49405 49406 </li> 49407 49408 <li 49409 class="predictive-search-results__card predictive-search-results__card--product" 49410 ref="resultsItems[]" 49411 > 49412 49413<product-card-link 49414 data-product-id="10862156644545" 49415 data-featured-media-url="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=500" 49416 data-product-transition="true" 49417 ><div 49418 class="resource-card" 49419 href="/products/aeropress-clear-coffee-maker-black" 49420 data-resource-type="product" 49421> 49422 <a 49423 class="resource-card__link" 49424 href="/products/aeropress-clear-coffee-maker-black" 49425 > 49426 <span class="visually-hidden"> 49427 AeroPress Clear Coffee Maker - Black 49428 </span> 49429 </a> 49430 <div 49431 class="resource-card__media" 49432 style="--resource-card-aspect-ratio: 4 / 5;" 49433 49434 data-view-transition-to-main-product 49435 49436 > 49437 49438 49439<img src="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=500" alt="AeroPress Clear Coffee Maker - Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;"> 49440 49441 <img src="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=500" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40373120827585" style="object-position: 50.0% 50.0%;"> 49442</div> 49443 49444 <div class="resource-card__content"> 49445 <p class="resource-card__title paragraph">AeroPress Clear Coffee Maker - Black</p> 49446 49447 49448 <div ref="priceContainer"> 49449 49450 49451 49452 49453 49454 <span class="price">$49.95</span> 49455 49456 49457 49458 49459</div> 49460 49461 </div> 49462</div></product-card-link> 49463 49464 </li> 49465 49466 </ul> 49467 49468</div> 49469 49470 49471 49472 49473 49474 </div> 49475 49476</div> 49477 49478 </div> 49479 49480 <div class="predictive-search-form__footer"> 49481 <button 49482 class="button predictive-search__search-button" 49483 ref="viewAllButton" 49484 > 49485 View all 49486 </button> 49487 </div> 49488 </div> 49489 </form> 49490 </predictive-search-component> 49491 </dialog> 49492</dialog-component> 49493 49494 49495 49496 49497 49498 <quick-add-dialog id="quick-add-dialog"> 49499 <dialog 49500 class="quick-add-modal dialog-modal color-scheme-58eaaeac-2140-4120-a3b3-03c8cf3a225e" 49501 ref="dialog" 49502 scroll-lock 49503 > 49504 <button 49505 ref="closeButton" 49506 on:click="/closeDialog" 49507 class="button button-unstyled close-button quick-add-modal__close" 49508 aria-label="Close dialog" 49509 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 49510 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 49511 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 49512</svg> 49513</button> 49514 49515 <div 49516 id="quick-add-modal-content" 49517 class="quick-add-modal__content" 49518 ></div> 49519 </dialog> 49520</quick-add-dialog> 49521 49522 49523 49524 49525 <div id="shopify-block-AQm9TRHFSWXVWZkxWc__15316669992541710076" class="shopify-block shopify-app-block">
49525<script defer src="https://widget.reviews.io/rating-snippet/dist.js"></script>
49525 49526<link rel="stylesheet" href="https://widget.reviews.io/rating-snippet/dist.css" />
49527<script> 49528 (function () { 49529 function initRatingSnippet() { 49530 var hasStore = typeof reviewsIoStore !== 'undefined' && !!reviewsIoStore; 49531 if (!hasStore) return; 49532 49533 if (typeof ratingSnippet !== 'function') return; 49534 49535 // Ensure the target element exists (rating-output block may render after this app embed). 49536 if (!document.querySelector('.ruk_rating_snippet')) return; 49537 49538 var storeOverride = window.__REVIEWSIO_RATING_SNIPPET_STORE_OVERRIDE__; 49539 var storeForSnippet = storeOverride || reviewsIoStore; 49540 49541 ratingSnippet("ruk_rating_snippet",{ 49542 store: storeForSnippet, 49543 color: '#000', 49544 49545 textClr: '#333', 49546 49547 linebreak: false, 49548 49549 usePolaris: true, 49550 49551 49552 49553 49554 49555 text: 'Reviews', 49556 49557 lang: (typeof reviewsIoLang !== 'undefined' && reviewsIoLang) ? reviewsIoLang : 'en', 49558 mode: 'default', 49559 showEmptyStars: false, 49560 49561 enableSyndication: (typeof reviewsIoEnableSyndication !== 'undefined') ? reviewsIoEnableSyndication : false 49562 }); 49563 49564 const reviewsIoModal = document.getElementById('reviews_fade'); 49565 if (reviewsIoModal) { 49566 reviewsIoModal.classList.add('rio-withoutBranding'); 49567 } 49568 } 49569 49570 // Retry to survive slow network/script timing. 49571 var attempts = 0; 49572 var MAX_RATING_SNIPPET_INIT_ATTEMPTS = 20; 49573 var MAX_TIMEOUT_RETRY = 200; 49574 49575 function tick() { 49576 attempts += 1; 49577 initRatingSnippet(); 49578 if (attempts < MAX_RATING_SNIPPET_INIT_ATTEMPTS && (typeof ratingSnippet !== 'function' || !document.querySelector('.ruk_rating_snippet'))) { 49579 window.setTimeout(tick, MAX_TIMEOUT_RETRY); 49580 } 49581 } 49582 49583 // Use window load to maximize chance that the external script executed. 49584 window.addEventListener('load', tick); 49585 })(); 49586</script>
49586 49587 49588 49589</div><div id="shopify-block-AbmZNMkJoZTRRcUIvb__10830403595879607806" class="shopify-block shopify-app-block"><style> 49590 .rio-withoutBranding .FloatingWidget .R-Logo, 49591 .rio-withoutBranding .CarouselWidget .R-ReviewsioLogo, 49592 .rio-withoutBranding .ElementsWidget .footer__reviewsLogo-container, 49593 .rio-withoutBranding .QnaWidget .footer__reviewsLogo-container, 49594 .rio-withoutBranding .MediaGalleryWidget-prefix .R-ReviewsioLogo, 49595 .rio-withoutBranding .RatingBarWidget .R-PlatformIcon { 49596 display: none !important; 49597 } 49598</style>
49599<script> 49600 window.__REVIEWS_EDITOR__ = false; 49601 window.__REVIEWS_DEMO_CONFIG__ = { 49602 store: 'ecommerce-demo-store', 49603 sku: 'bunch_of_flowers_sku;blue_flowers_sku;white_flowers_sku;pastel_flowers_sku;summer_selection_sku', 49604 widgetIds: { 49605 nuggets: 'W10cpKyjl72VtHv6', 49606 ugc: '7sG9C5qNeKpvhykZ', 49607 floating: 'GBvqmKV1Zy9H4Mpd', 49608 ratingBar: 'pxNMXi7FTlODgr8Q', 49609 survey: 'uLJcD7bFpGMf1Z0C' 49610 }, 49611 surveyCampaignId: '392' 49612 }; 49613 49614 49615 var reviewsIoStore = 'humboldt-bay-coffee-co.myshopify.com'; 49616 49617 49618 var reviewsIoEnableSyndication = false; 49619 49620 49621 49622 49623 var reviewsIoLang = 'en'; 49624 49625 49626</script>
49626 49627
49628<script defer src="https://cdn.shopify.com/extensions/01a0f781-40b0-734a-a579-a6ab0f7a7741/reviews-co-uk-product-and-merchant-review-collection-60/assets/reviewsio-preview.js"></script>
49628 49629 49630 49631 49632</div><div id="shopify-block-AWGxmMlp0WWFnTzZRY__16798170927650018749" class="shopify-block shopify-app-block"> 49633 49634 49635 49636 49637 49638 49639 49640 49641 49642 49643 49644 49645 49646<div id="recharge-storefront-experiences"> 49647 49648 <div></div> 49649</div>
49650<script type="module" src="https://static.rechargecdn.com/assets/storefront-experiences/storefront-experiences.js"></script>
49650 49651
49652<script> 49653 (function () { 49654 49655 49656 49657 49658 49659 49660 window.RechargeStorefrontConfig = { 49661 customer: null, 49662 shop: { 49663 currency: "USD", 49664 locale: "en", 49665 identifier: "humboldt-bay-coffee-co.myshopify.com", 49666 market_id: 2367029441, 49667 currency_format: "${{amount}}", 49668 routes: { 49669 cart: "\/cart", 49670 root: "\/", 49671 }, 49672 }, 49673 cart_overlay:{"enabled":true}, 49674 cart_overlay_preview:{}, 49675 cart_drawer:{"enabled":true}, 49676 cart_drawer_preview:{}, 49677 bundles_selling_plan_sync_enabled:false, 49678 }; 49679 })(); 49680</script>
49680 49681 49682 49683 49684 49685</div><div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": false, "design_mode": false }'> 49686 .recharge-theme { 49687 /* App */ 49688 --recharge-app-background: #F7F7F7; 49689 --recharge-app-container: 1200px; 49690 --recharge-app-vertical-padding: 32px; 49691 49692 /* Brand colors */ 49693 49694--recharge-color-brand: #1773B0; 49695 49696 /* Tints */ 49697 --recharge-color-brand-120: #125988; 49698 --recharge-color-brand-20: #458fc0; 49699 --recharge-color-brand-40: #74abd0; 49700 --recharge-color-brand-60: #a2c7df; 49701 --recharge-color-brand-75: #c5dceb; 49702 --recharge-color-brand-85: #dceaf3; 49703 49704 /* Neutral */ 49705 --recharge-color-neutral: hsl(204, 35%, 7%); 49706 --recharge-color-neutral-80: hsl(204, 7%, 25%); 49707 --recharge-color-neutral-70: hsl(204, 5%, 35%); 49708 --recharge-color-neutral-40: hsl(204, 3%, 63%); 49709 --recharge-color-neutral-10: hsl(204, 2%, 91%); 49710 49711 49712 /* Links */ 49713 --recharge-button-secondary: #1773B0; 49714 --recharge-button-secondary-120: #125988; 49715 --recharge-button-secondary-60: #74abd0; 49716 49717 /* Images */ 49718 --recharge-images-ratio: 1; 49719 49720 /* Cards */ 49721 49722 --recharge-cards-background: #FFFFFF; 49723 49724 49725 49726 --recharge-cards-border-color: RGBA(0,0,0,0); 49727 49728 49729 /* Fonts */ 49730 --recharge-typography-scale: 16px; 49731 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 49732 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 49733 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 49734 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 49735 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 49736 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 49737 49738 /** Text **/ 49739 --recharge-typography-light: #FFFFFF; 49740 --recharge-typography-primary: var(--recharge-color-neutral); 49741 --recharge-typography-secondary: var(--recharge-color-neutral-70); 49742 49743 /* Corners */ 49744 --recharge-corners-radius: 8px; 49745 49746 --recharge-button-border-radius: 8px; 49747 49748 49749 /* Views */ 49750 49751 --recharge-views-background: #F7F7F7; 49752 49753 49754 /* Buttons */ 49755 --recharge-button-font-family: inherit; 49756 --recharge-button-brand: var(--recharge-color-brand); 49757 --recharge-button-color: #FFFFFF; 49758 } 49759</style> 49760 49761</div><div id="shopify-block-AMVRacTJYQmt2RDBQY__16274361319697914395" class="shopify-block shopify-app-block"> 49762 49763 49764 49765<reviewsio-floating data-id="AMVRacTJYQmt2RDBQY__16274361319697914395"> 49766 49767 49768 49769 49770 49771 49772</reviewsio-floating> 49773 49774</div><div id="shopify-block-AYU1uNGdwRjVma1l1U__16017602894386113438" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: junip-store-key --><span 49775 class="junip-store-key" 49776 data-supports-theme-extensions="true" 49777 data-shopify-preview-mode="true" 49778 data-store-key="yGjifkt3z47Zao2ZVaHkwjAC" 49779 data-onsite-enabled="true" 49780 data-review-count-enabled="true" 49781 data-star-color="#e3af3b" 49782 data-star-template-url="https://api.juniphq.com/images/star_options/1/template"> 49783</span> 49784<!-- END app snippet -->
49785<script src="https://widgets.juniphq.com/v1/junip_shopify.js" async></script>
49785 49786</div>
49786<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
49786 49787<shopify-store store-domain="https://humboldtcoffee.com" country="US" language="en"></shopify-store> 49788<shopify-chat></shopify-chat> 49789</body> 49790</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.