PageSourceSearch

https://humboldtcoffee.com/search

html humboldtcoffee.com collected 2026-10-02 13:22:08 UTC 1,834,881 bytes, 49,790 lines download raw bytes

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 &ndash; 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="{&quot;publisher_shop_id&quot;:55088185537,&quot;theme_id&quot;:176172564673,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:3628,&quot;placement&quot;:&quot;search&quot;,&quot;event_data&quot;:{&quot;search_query&quot;:null},&quot;recommendations_tracking_enabled&quot;: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(`&lt;!-- BEGIN app snippet: vite-tag --&gt;
1703
1704
1705  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-B3V8Mu2P.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
1706
1707&lt;!-- END app snippet --&gt;
1708  &lt;!-- BEGIN app snippet: vite-tag --&gt;
1709
1710
1711  &lt;link href=&quot;//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/main-GVRB1u2d.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt;
1712
1713&lt;!-- END app snippet --&gt;
1714`);
1715
1716        } else if (event.data.action == 'font_audit_ready') {
1717          injectScript(`&lt;!-- BEGIN app snippet: vite-tag --&gt;
1718
1719
1720  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-DDeWPAiq.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
1721
1722&lt;!-- END app snippet --&gt;
1723  &lt;!-- BEGIN app snippet: vite-tag --&gt;
1724
1725
1726  &lt;link href=&quot;//cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/audit-CNr6hPle.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt;
1727
1728&lt;!-- END app snippet --&gt;
1729`);
1730
1731        } else if (event.data.action == 'preview_font_data') {
1732          const fontData = event?.data || null;
1733          window.fontifyPreviewData = fontData;
1734          injectScript(`&lt;!-- BEGIN app snippet: vite-tag --&gt;
1735
1736
1737  &lt;script src=&quot;https://cdn.shopify.com/extensions/019cd5aa-62bf-7aba-b122-6cfde3a648ad/fontify-polaris-12/assets/preview-CH6oXAfY.js&quot; type=&quot;module&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
1738
1739&lt;!-- END app snippet --&gt;
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&region_country=US?return_url=%2F%23k-hub",
1835    register: "https://shopify.com/55088185537/account?locale=en&region_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 &amp; 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 &amp; 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é &amp; 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 &amp; 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 &amp; 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 &amp; Miquelon',
3052              currency_code: 'EUR'
3053 
3053           },
3054          
3055            {
3056              iso_code: 'VC',
3057              name: 'St. Vincent &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;width=800" alt="All Coffees" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&amp;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&amp;width=800" alt="Blends" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&amp;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&amp;width=800" alt="Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&amp;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&amp;width=800" alt="Roaster&#39;s Reserve Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&amp;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&#39;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&amp;width=800" alt="Organic Flavored Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&amp;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&amp;width=800" alt="Artist Series" srcset="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&amp;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&amp;width=800" alt="Coffee Supplies" srcset="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&amp;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&amp;width=800" alt="Merch" srcset="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&amp;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&amp;width=800" alt="AeroPress Starter Kits" srcset="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&amp;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 &amp; Barbuda"
4640                aria-label="Antigua &amp; 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 &amp; 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 &amp; Herzegovina"
5134                aria-label="Bosnia &amp; 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 &amp; 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é &amp; Príncipe"
9008                aria-label="São Tomé &amp; 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é &amp; 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 &amp; South Sandwich Islands"
9346                aria-label="South Georgia &amp; 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 &amp; 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 &amp; Nevis"
9528                aria-label="St. Kitts &amp; 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 &amp; 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 &amp; Miquelon"
9606                aria-label="St. Pierre &amp; 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 &amp; 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 &amp; Grenadines"
9632                aria-label="St. Vincent &amp; 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 &amp; 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 &amp; Jan Mayen"
9710                aria-label="Svalbard &amp; 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 &amp; 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 &amp; Tobago"
9996                aria-label="Trinidad &amp; 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 &amp; 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 &amp; Caicos Islands"
10126                aria-label="Turks &amp; 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 &amp; 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 &amp; Futuna"
10492                aria-label="Wallis &amp; 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 &amp; 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&amp;width=800" alt="All Coffees" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_90b96bbb-ac31-4414-92b2-6089823ba2b7.png?v=1776815989&amp;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&amp;width=800" alt="Blends" srcset="//humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/Artboard_1_2.png?v=1776817544&amp;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&amp;width=800" alt="Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/SINGLE_ORIGINS.png?v=1776815260&amp;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&amp;width=800" alt="Roaster&#39;s Reserve Single Origin Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ROASTERS_RESERVE.png?v=1776815186&amp;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&amp;width=800" alt="Organic Flavored Coffee" srcset="//humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ORGANIC_FLAVORED.png?v=1776815583&amp;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&amp;width=800" alt="Artist Series" srcset="//humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/ARTIST_SERIES.png?v=1776816138&amp;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&amp;width=800" alt="Coffee Supplies" srcset="//humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/COFFEE_SUPPLIES.png?v=1776816173&amp;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&amp;width=800" alt="Merch" srcset="//humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/MERCH.png?v=1776816157&amp;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&amp;width=800" alt="AeroPress Starter Kits" srcset="//humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/collections/IMG_0162.jpg?v=1764720438&amp;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 &amp; Barbuda"
11626                aria-label="Antigua &amp; 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 &amp; 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 &amp; Herzegovina"
12120                aria-label="Bosnia &amp; 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 &amp; 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é &amp; Príncipe"
15994                aria-label="São Tomé &amp; 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é &amp; 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 &amp; South Sandwich Islands"
16332                aria-label="South Georgia &amp; 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 &amp; 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 &amp; Nevis"
16514                aria-label="St. Kitts &amp; 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 &amp; 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 &amp; Miquelon"
16592                aria-label="St. Pierre &amp; 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 &amp; 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 &amp; Grenadines"
16618                aria-label="St. Vincent &amp; 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 &amp; 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 &amp; Jan Mayen"
16696                aria-label="Svalbard &amp; 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 &amp; 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 &amp; Tobago"
16982                aria-label="Trinidad &amp; 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 &amp; 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 &amp; Caicos Islands"
17112                aria-label="Turks &amp; 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 &amp; 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 &amp; Futuna"
17478                aria-label="Wallis &amp; 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 &amp; 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&region_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&region_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&amp;width=3840" alt="&quot;HIWTCI&quot; 21 Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;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&amp;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&amp;width=3840" alt="AeroPress Carafe coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-2.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-5.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-4.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;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&amp;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&amp;
19785width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-life-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_96ce1e38-f31c-4d42-bdf7-c066bcdf46de.jpg?v=1764095849&amp;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&amp;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&amp;
19881width=3840" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-1.jpg?v=1783615609&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;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&amp;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&amp;
20428width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-4.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-3.jpg?v=1764095849&amp;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&amp;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&amp;
20524width=3840" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-features_8561dd5c-9345-4cd3-8d03-10e89118661c.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Blue coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-hero.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-life-3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Blue" srcset="//humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-blue-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Green coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-hero.jpg?v=1764095849&amp;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&amp;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&amp;
21714width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-4.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-3.jpg?v=1764095849&amp;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&amp;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&amp;
21810width=3840" alt="AeroPress Clear Coffee Maker - Green" srcset="//humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-green-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Pink coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-hero.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-3.jpg?v=1764095849&amp;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&amp;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&amp;
22389width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-4.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Pink" srcset="//humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-pink-life-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Purple coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-hero.jpg?v=1764095849&amp;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&amp;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&amp;
23000width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-7.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-5.jpg?v=1764095849&amp;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&amp;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&amp;
23096width=3840" alt="AeroPress Clear Coffee Maker - Purple" srcset="//humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-purple-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Red coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-hero.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-6.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear Coffee Maker - Red" srcset="//humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-red-life-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear XL Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-8.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-9.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-7.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Clear XL Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-xl-6.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_with_what_s_included.jpg?v=1764704487&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Green_with_what_s_included.jpg?v=1764704594&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/1K7A8051-Enhanced-NR.jpg?v=1764704488&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Colour_Day2_99.jpg?v=1764704489&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Clear_Blue_hero_image.jpg?v=1764704502&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/1K7A8043-Enhanced-NR.jpg?v=1764704596&amp;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&amp;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&amp;width=3840" alt="Aeropress Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_Clear_HSN_hero_images_20240201_A_clear.jpg?v=1764705634&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress_plunge_a.jpg?v=1764719590&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_macro_1.jpg?v=1764719590&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress_parts_1_a.jpg?v=1764719590&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Aeropress_plungeshot_poink.jpg?v=1764704943&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_1.png?v=1764704942&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - Go Plus" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_PINK_PDP_ATF_3.png?v=1764704942&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel &amp; Adventure coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/clear-black-aeropress.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel &amp; Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel &amp; Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel &amp; Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Coffee Maker - The Original 3-in-1 Coffee Brewer for Home, Travel &amp; Adventure" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-original-life4.jpg?v=1764095848&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-hero_85426cf7-1e5b-4312-986b-36a764b28d8c.jpg?v=1783617468&amp;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&amp;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&amp;width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-4.jpg?v=1764095850&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_eebefc6e-c807-404f-81d1-0745929c3d33.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Flow Control Filter Cap - Standard" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-7.jpg?v=1783617468&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-6_440aac0c-af16-4931-b2cd-517e4c2f8ba4.jpg?v=1783617468&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-hero.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-6.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-7.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/go-8.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Plus Starter Kit coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/IMG_0160-2.jpg?v=1780604584&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Go_Plus_Black_with_accessories_on_clear_background_4e376217-efcb-4e53-9e61-c6d2ea18a954.png?v=1764705138&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Go_Plus_Black_exploded.png?v=1764705138&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_5.png?v=1764705137&amp;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&amp;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&amp;width=3840" alt="AeroPress Go Plus Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_GOPLUS_BLACK_PDP_ATF_4.png?v=1764705137&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-2_c5e1eb43-49a6-44b7-8d66-e2526f4500f5.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-5.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-6.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-1.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Organizer Stand" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-organizer-7.jpg?v=1764095850&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Micro-Filters (350 ct) coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-hero.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_77ad6d20-f228-4078-a73e-7b97feda00f0.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Micro-Filters (350 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Micro-Filters (350 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-1_1937761a-bff3-4303-96c9-f07bd9336caf.jpg?v=1783788744&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-4.jpg?v=1783620802&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-natural-2.jpg?v=1783620802&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3_f3514cfb-99ca-402c-8eb2-d6c77c2e7e5a.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless-4.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/flow-cap-2_76cb8a1c-3d95-4fd1-8668-58d5d15cf893.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress Standard Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/standard-stainless.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="Aeropress Starter Kit coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/IMG_0161-2.jpg?v=1780604603&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear_FCC_2023_AA-181__1x1_279f65ec-1b21-4efc-942a-a2c25998cc67.jpg?v=1764705634&amp;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&amp;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&amp;width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AP_Clear_Amazon_hero_images_20230919.jpg?v=1764705634&amp;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&amp;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&amp;width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress_Clear.jpg?v=1764705634&amp;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&amp;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&amp;width=3840" alt="Aeropress Starter Kit" srcset="//humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/AeroPress-Clear.jpg?v=1764705634&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-4_1de90bbc-947e-43db-bdb1-efb009e651af.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-1.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_e5292782-d2ea-4ea0-b56f-04b1b064104d.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-standard-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/aeropress-micro-filters-life2_66bd2177-0812-421f-9ad2-24b11b3a76e0.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-2.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Natural Paper Micro-Filters (200 ct)" srcset="//humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-natural-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Stainless Steel Reusable Filter coffee filters" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-3.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-4_453e6e55-a721-4c89-8f1f-1da168ddc14b.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-5.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="AeroPress XL Stainless Steel Reusable Filter" srcset="//humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/xl-stainless-1.jpg?v=1764095849&amp;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&amp;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&amp;width=3840" alt="Camping Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/HumboldtBayCoffee-91.jpg?v=1653678806&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-hero_776e5fc2-54e2-4e96-a3b9-f5607cad6c80.jpg?v=1785177959&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-6.jpg?v=1785434719&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-3.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-walnut-4.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-hero.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-6.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-5.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-white-1.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-hero_6179d55b-234f-4a9a-883f-7f7c7b2b90c1.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-3.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-2.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-5.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-white-maple-4.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-6_6c54051a-a39d-4df7-9576-ccd3a0290143.jpg?v=1785176056&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-5_e8267cef-c617-41c0-acd0-cb8dfd26c1d2.jpg?v=1785176056&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-10.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-2_d0ae2aef-f6d9-4fc1-8fa1-14e32a8bdbeb.jpg?v=1785176056&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-green-maple-9_cf59cf6e-0178-421e-a892-de1f3e03c6f2.jpg?v=1785176056&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-hero.jpg?v=1784947773&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-5.jpg?v=1784947773&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-3.jpg?v=1784947773&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-1.jpg?v=1784947773&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-stone-blue-6_030e538c-18db-4fa3-8abb-41d2ecd479f5.jpg?v=1783621060&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-hero.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-4.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-3.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-1.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/stagg-ekg-pro-matte-black-2_effbc185-dbb6-4fc9-abbf-174c57caa4f1.jpg?v=1764095849&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/HARIOVKB-100HSV.jpg?v=1764095749&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-blk.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2042.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-black-2041_184ebb8d-77ea-418f-80ba-0766b910d11b.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/kettle_insde.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Matte Black" srcset="//humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/black_right_kettle.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-ss_handle.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_kettle.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario Buono V60 Drip Kettle 1.2L - Silver" srcset="//humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_kettle-3.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-buono-electric_7555af07-5404-465c-aa29-0574717ef36f.jpg?v=1764114336&amp;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&amp;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&amp;width=3840" alt="Hario V60 Buono Electric Kettle" srcset="//humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-4_1.jpg?v=1764114336&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-3_1_866ff5c0-cdc4-4a04-aced-29877fd246c9.jpg?v=1764114304&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-2_1_3a0ccbb4-e78b-47bc-b2cb-d814f2f2d59f.jpg?v=1764114304&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_evkb80u-5_5eb9d9a6-a8fa-4573-837f-2c0b56cd8070.jpg?v=1764114304&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-black-straight-reflect_05f8db45-0abb-4369-a508-a5fdb224a862.jpg?v=1783620950&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-holiday-scale.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-v60-scale-blk_1.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-2.jpg?v=1783620950&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Black" srcset="//humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario_vst200b-3.jpg?v=1783620950&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_3_e7ca444c-52ab-4690-8084-1a3c433b10bd.jpg?v=1764095749&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_4.jpg?v=1764095749&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_2.jpg?v=1764095749&amp;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&amp;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&amp;width=3840" alt="Hario V60 Drip Scale and Timer - Turquoise" srcset="//humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-turquoise_1.jpg?v=1764095749&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-overhead_8ec8dc64-8f50-48bb-a044-ab11c248d443.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-hero_e3ef5907-3514-426a-967b-7bf9273a0d09.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-scale-white-quarter-float_633e0cfe-27b2-4623-b2da-2f5d804e89b1.jpg?v=1764095754&amp;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&amp;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&amp;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&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/hario-white-kettle-side_14821314-8d02-48c5-a7ae-b060604986ba.jpg?v=1764095754&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3050.jpg?v=1765217560&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3048.jpg?v=1765217560&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3047.jpg?v=1765217560&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3039.jpg?v=1765217560&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3071.jpg?v=1707951789&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3065.jpg?v=1707951789&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Hoodie" srcset="//humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/FA6A3056.jpg?v=1707951789&amp;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&amp;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&amp;width=3840" alt="Humboldt Bay Coffee Klean Kanteen bottle" srcset="//humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/files/Layer3.png?v=1734388897&amp;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&amp;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&amp;width=3840" alt="Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/websitephoto.jpg?v=1653678802&amp;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&amp;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&nbsp;</span>
44833        <span class="price">$8.00</span>
44834      </span>
44835    
44836
44837    
44838      <span role="group">
44839        <span class="visually-hidden">Regular price&nbsp;</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&amp;width=3840" alt="Organic Black Irish Blend - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer17.png?v=1653678802&amp;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&amp;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&amp;width=3840" alt="Organic Black Irish Blend - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/Layer18.png?v=1653678803&amp;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&amp;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&amp;width=3840" alt="Bag of Organic Breakfast Blend from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4386.jpg?v=1674241007&amp;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&amp;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&amp;width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4387.jpg?v=1674241006&amp;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&amp;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&amp;width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4388.jpg?v=1674241008&amp;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&amp;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&amp;width=3840" alt="Organic Breakfast Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4389.jpg?v=1674241007&amp;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&amp;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&amp;width=3840" alt="Bag of Organic Camping Blend from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4394.jpg?v=1674240757&amp;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&amp;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&amp;width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4395.jpg?v=1674240756&amp;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&amp;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&amp;width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4396.jpg?v=1674240757&amp;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&amp;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&amp;width=3840" alt="Organic Camping Blend" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4397.jpg?v=1674240756&amp;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&amp;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&amp;width=3840" alt="Organic Creamy Caramel - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/CREAMYCARAMEL.jpg?v=1653678802&amp;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&amp;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&amp;width=3840" alt="Organic Daily Ritual - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/DAILYRITUAL.jpg?v=1653678815&amp;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&amp;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&amp;width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4354.jpg?v=1674241628&amp;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&amp;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&amp;width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4355.jpg?v=1674241629&amp;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&amp;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&amp;width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4356.jpg?v=1674241628&amp;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&amp;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&amp;width=3840" alt="Decaffeinated Organic Swiss Water Process French Roast from Humboldt Bay Coffee" srcset="//humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/JMAN4357.jpg?v=1674241628&amp;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&amp;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&amp;width=3840" alt="Decaffeinated Luna Blend coffee with cinnamon, cafe con canela" srcset="//humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=352 352w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=832 832w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=1200 1200w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=1600 1600w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=1920 1920w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;width=2560 2560w, //humboldtcoffee.com/cdn/shop/products/DECAFLUNA.jpg?v=1653678804&amp;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&amp;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    &copy; 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&amp;width=500" alt="&quot;HIWTCI&quot; 21 Mug - Humboldt Bay Coffee Co." srcset="//humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/products/Layer_2.png?v=1653678806&amp;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&amp;width=500" alt="AeroPress Carafe coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-3.jpg?v=1764095849&amp;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&amp;width=500" alt="AeroPress Carafe" srcset="//humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/aeropress-carafe-1.jpg?v=1764095850&amp;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&amp;width=500" alt="AeroPress Clear Coffee Maker coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-2.jpg?v=1783615609&amp;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&amp;width=500" alt="AeroPress Clear Coffee Maker" srcset="//humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-life-3.jpg?v=1764095849&amp;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&amp;width=500" alt="AeroPress Clear Coffee Maker - Black coffee brewing equipment" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-hero.jpg?v=1764095848&amp;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&amp;width=500" alt="AeroPress Clear Coffee Maker - Black" srcset="//humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;width=240 240w, //humboldtcoffee.com/cdn/shop/files/clear-black-life-1.jpg?v=1764095849&amp;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.