PageSourceSearch

https://shop.wholeearthfoods.com/cart

html wholeearthfoods.com collected 2026-10-02 11:18:03 UTC 283,449 bytes, 6,375 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8    
9
10
11<meta charset="utf-8">
12<meta
13  http-equiv="X-UA-Compatible"
14  content="IE=edge"
15>
16<meta
17  name="viewport"
18  content="width=device-width,initial-scale=1"
19>
20<meta
21  name="view-transition"
22  content="same-origin"
23>
24<meta
25  name="theme-color"
26  content=""
27>
28
29<meta
30  property="og:site_name"
31  content="Whole Earth"
32>
33<meta
34  property="og:url"
35  content="https://shop.wholeearthfoods.com/cart"
36>
37<meta
38  property="og:title"
39  content="Your Shopping Cart"
40>
41<meta
42  property="og:type"
43  content="website"
44>
45<meta
46  property="og:description"
47  content="View our range of naturally delicious and award winning products, available in several supermarkets and health food stores across the country."
48><meta
49  name="twitter:card"
50  content="summary_large_image"
51>
52<meta
53  name="twitter:title"
54  content="Your Shopping Cart"
55>
56<meta
57  name="twitter:description"
58  content="View our range of naturally delicious and award winning products, available in several supermarkets and health food stores across the country."
59>
60
61<title>
62  Your Shopping Cart
63 &ndash; Whole Earth</title>
64
65<link
66  rel="canonical"
67  href="https://shop.wholeearthfoods.com/cart"
68>
69
70
71<link href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/overflow-list.css?v=16727044177065489451777288787" as="style" rel="preload">
72<link href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/base.css?v=30940975800482505801785848517" rel="stylesheet" type="text/css" media="all" />
73
74
75
76
77<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 77
77
78<script type="importmap">
79  {
80    "imports": {
81      "@theme/overflow-list": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/overflow-list.js?v=46858356770684902511777288787",
82      "@theme/product-title": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-title-truncation.js?v=81744426891537421781777288787",
83      "@theme/component": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component.js?v=184240237101443119871777288787",
84      "@theme/dialog": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/dialog.js?v=150888536568694194021777288787",
85      "@theme/events": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/events.js?v=1118589085892804011777288787",
86      "@theme/focus": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401777288787",
87      "@theme/morph": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/morph.js?v=104045809772310330131777288787",
88      "@theme/paginated-list": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/paginated-list.js?v=95298315036233333871777288787",
89      "@theme/performance": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/performance.js?v=171015751390534793081777288787",
90      "@theme/product-form": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-form.js?v=142170751179338062901777288787",
91      "@theme/recently-viewed-products": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651777288787",
92      "@theme/scrolling": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/scrolling.js?v=162288454571026455011777288787",
93      "@theme/section-renderer": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/section-renderer.js?v=123311117485513785771777288787",
94      "@theme/section-hydration": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/section-hydration.js?v=108434990705342316311777288787",
95      "@theme/money-formatting": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/money-formatting.js?v=182191346160333327151777288787",
96      "@theme/utilities": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/utilities.js?v=28506172887375975941777288787",
97      "@theme/variant-picker": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/variant-picker.js?v=24924540959574313291777288787",
98      "@theme/media-gallery": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/media-gallery.js?v=14624021005636302161777288787",
99      "@theme/quick-add": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/quick-add.js?v=114575661933533593881777288787",
100      "@theme/paginated-list-aspect-ratio": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/paginated-list-aspect-ratio.js?v=25254270272143792451777288787",
101      "@theme/popover-polyfill": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201777288787",
102      "@theme/component-quantity-selector": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=67906657287482036641777288787",
103      "@theme/comparison-slider": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/comparison-slider.js?v=106705562947035711941777288787",
104      "@theme/sticky-add-to-cart": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/sticky-add-to-cart.js?v=48956925339276737091777288787",
105      "@theme/fly-to-cart": "//shop.wholeearthfoods.com/cdn/shop/t/8/assets/fly-to-cart.js?v=48483246440248933081777288787"
106    }
107  }
108</script>
108
109
110<script
111  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/view-transitions.js?v=7106414069516106341777288787"
112  async
113  
114></script>
114
115
116<link
117  rel="modulepreload"
118  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/utilities.js?v=28506172887375975941777288787"
119  fetchpriority="low"
120>
121<link
122  rel="modulepreload"
123  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component.js?v=184240237101443119871777288787"
124  fetchpriority="low"
125>
126<link
127  rel="modulepreload"
128  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/section-renderer.js?v=123311117485513785771777288787"
129  fetchpriority="low"
130>
131<link
132  rel="modulepreload"
133  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/section-hydration.js?v=108434990705342316311777288787"
134  fetchpriority="low"
135>
136<link
137  rel="modulepreload"
138  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/morph.js?v=104045809772310330131777288787"
139  fetchpriority="low"
140>
141
142
143
144<link
145  rel="modulepreload"
146  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401777288787"
147  fetchpriority="low"
148>
149<link
150  rel="modulepreload"
151  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651777288787"
152  fetchpriority="low"
153>
154<link
155  rel="modulepreload"
156  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/scrolling.js?v=162288454571026455011777288787"
157  fetchpriority="low"
158>
159<link
160  rel="modulepreload"
161  href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/events.js?v=1118589085892804011777288787"
162  fetchpriority="low"
163>
164<script
165  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201777288787"
166  type="module"
167  fetchpriority="low"
168></script>
vendor: 1 bytes, line 168
168
169<script
170  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/overflow-list.js?v=46858356770684902511777288787"
171  type="module"
172  fetchpriority="low"
173></script>
vendor: 1 bytes, line 173
173
174<script
175  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/quick-add.js?v=114575661933533593881777288787"
176  type="module"
177  fetchpriority="low"
178></script>
178
179
180  
180<script
181    src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/cart-discount.js?v=107077853990124422021777288787"
182    type="module"
183    fetchpriority="low"
184  ></script>
184
185
186
187<script
188  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/dialog.js?v=150888536568694194021777288787"
189  type="module"
190  fetchpriority="low"
191></script>
vendor: 1 bytes, line 191
191
192<script
193  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/variant-picker.js?v=24924540959574313291777288787"
194  type="module"
195  fetchpriority="low"
196></script>
vendor: 1 bytes, line 196
196
197<script
198  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-card.js?v=28695665944407642501777288787"
199  type="module"
200  fetchpriority="low"
201></script>
vendor: 1 bytes, line 201
201
202<script
203  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-form.js?v=142170751179338062901777288787"
204  type="module"
205  fetchpriority="low"
206></script>
vendor: 1 bytes, line 206
206
207<script
208  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/fly-to-cart.js?v=48483246440248933081777288787"
209  type="module"
210  fetchpriority="low"
211></script>
vendor: 1 bytes, line 211
211
212<script
213  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/accordion-custom.js?v=97588419883090888471777288787"
214  type="module"
215  fetchpriority="low"
216></script>
vendor: 1 bytes, line 216
216
217<script
218  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/media.js?v=37825095869491791421777288787"
219  type="module"
220  fetchpriority="low"
221></script>
vendor: 1 bytes, line 221
221
222<script
223  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-price.js?v=83480980452100801711777288787"
224  type="module"
225  fetchpriority="low"
226></script>
vendor: 1 bytes, line 226
226
227<script
228  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-sku.js?v=121804655373531320511777288787"
229  type="module"
230  fetchpriority="low"
231></script>
vendor: 1 bytes, line 231
231
232<script
233  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-title-truncation.js?v=81744426891537421781777288787"
234  type="module"
235  fetchpriority="low"
236></script>
vendor: 1 bytes, line 236
236
237<script
238  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/product-inventory.js?v=81520546963552472391777288787"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/show-more.js?v=94563802205717136101777288787"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/slideshow.js?v=168726587398279102001777288787"
249  type="module"
250  fetchpriority="low"
251></script>
vendor: 1 bytes, line 251
251
252<script
253  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/layered-slideshow.js?v=30135417790894624731777288787"
254  type="module"
255  fetchpriority="low"
256></script>
vendor: 1 bytes, line 256
256
257<script
258  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/anchored-popover.js?v=95953304814728754461777288787"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/floating-panel.js?v=151277338116891310371777288787"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/video-background.js?v=25237992823806706551777288787"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=67906657287482036641777288787"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/media-gallery.js?v=14624021005636302161777288787"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/rte-formatter.js?v=40306132146590816021777288787"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/volume-pricing.js?v=15442793518842484731777288787"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/price-per-item.js?v=144512917617120124431777288787"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661777288787"
299  type="module"
300  fetchpriority="low"
301></script>
301
302
303
304  
304<script
305    src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/localization.js?v=15585934801240115691777288787"
306    type="module"
307    fetchpriority="low"
308  ></script>
308
309
310
311
312
313<script
314  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/auto-close-details.js?v=58350291535404441581777288787"
315  defer="defer"
316></script>
316
317
318<script>
319  const Theme = {
320    translations: {
321      placeholder_image: `Placeholder image`,
322      added: `Added`,
323      recipient_form_fields_visible: `Recipient form fields are now visible`,
324      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
325      recipient_form_error: `There was an error with the form submission`,
326      items_added_to_cart_one: `1 item added to cart`,
327      items_added_to_cart_other: `{{ count }} items added to cart`,
328      cart_count: `Total items in cart`,
329    },
330    routes: {
331      cart_add_url: '/cart/add.js',
332      cart_change_url: '/cart/change',
333      cart_update_url: '/cart/update',
334      cart_url: '/cart',
335      predictive_search_url: '/search/suggest',
336      search_url: '/search',
337    },
338    template: {
339      name: 'cart',
340    },
341  };
342</script>
342
343<style data-shopify>
344
345
346  :root {
347    /* Page Layout */
348    --sidebar-width: 25rem;
349    --narrow-content-width: 36rem;
350    --normal-content-width: 42rem;
351    --wide-content-width: 46rem;
352    --narrow-page-width: 90rem;
353    --normal-page-width: 120rem;
354    --wide-page-width: 150rem;
355
356    /* Section Heights */
357    --section-height-small: 15rem;
358    --section-height-medium: 25rem;
359    --section-height-large: 35rem;
360
361    @media screen and (min-width: 40em) {
362      --section-height-small: 40svh;
363      --section-height-medium: 55svh;
364      --section-height-large: 70svh;
365    }
366
367    @media screen and (min-width: 60em) {
368      --section-height-small: 50svh;
369      --section-height-medium: 65svh;
370      --section-height-large: 80svh;
371    }
372
373    /* Letter spacing */
374    --letter-spacing-sm: 0.06em;
375    --letter-spacing-md: 0.13em;
376
377    /* Font families */
378    --font-body--family: Helvetica, Arial, sans-serif;
379    --font-body--style: normal;
380    --font-body--weight: 400;
381    --font-subheading--family: Helvetica, Arial, sans-serif;
382    --font-subheading--style: normal;
383    --font-subheading--weight: 400;
384    --font-heading--family: Helvetica, Arial, sans-serif;
385    --font-heading--style: normal;
386    --font-heading--weight: 400;
387    --font-accent--family: Helvetica, Arial, sans-serif;
388    --font-accent--style: normal;
389    --font-accent--weight: 400;
390
391    /* Margin sizes */
392    --font-heading--spacing: 0.25em;
393    --font-h1--spacing: var(--font-heading--spacing);
394    --font-h2--spacing: var(--font-heading--spacing);
395    --font-h3--spacing: var(--font-heading--spacing);
396    --font-h4--spacing: var(--font-heading--spacing);
397    --font-h5--spacing: var(--font-heading--spacing);
398    --font-h6--spacing: var(--font-heading--spacing);
399    --font-paragraph--spacing: 0.5em;
400
401    /* Heading colors */
402    --font-h1--color: var(--color-foreground-heading);
403    --font-h2--color: var(--color-foreground-heading);
404    --font-h3--color: var(--color-foreground-heading);
405    --font-h4--color: var(--color-foreground-heading);
406    --font-h5--color: var(--color-foreground-heading);
407    --font-h6--color: var(--color-foreground-heading);
408
409    /** Z-Index / Layering */
410    --layer-section-background: -2;
411    --layer-lowest: -1;
412    --layer-base: 0;
413    --layer-flat: 1;
414    --layer-raised: 2;
415    --layer-heightened: 4;
416    --layer-sticky: 8;
417    --layer-window-overlay: 10;
418    --layer-header-menu: 12;
419    --layer-overlay: 16;
420    --layer-menu-drawer: 18;
421    --layer-temporary: 20;
422
423    /* Max-width / Measure */
424    --max-width--body-normal: 32.5em;
425    --max-width--body-narrow: 22.75em;
426
427    --max-width--heading-normal: 32.5em;
428    --max-width--heading-narrow: 19.5em;
429
430    --max-width--display-normal: 13em;
431    --max-width--display-narrow: 9.75em;
432    --max-width--display-tight: 3.25em;
433
434    /* Letter-spacing / Tracking */
435    --letter-spacing--display-tight: -0.03em;
436    --letter-spacing--display-normal: 0em;
437    --letter-spacing--display-loose: 0.03em;
438
439    --letter-spacing--heading-tight: -0.03em;
440    --letter-spacing--heading-normal: 0em;
441    --letter-spacing--heading-loose: 0.03em;
442
443    --letter-spacing--body-tight: -0.03em;
444    --letter-spacing--body-normal: 0em;
445    --letter-spacing--body-loose: 0.03em;
446
447    /* Line height / Leading */
448    --line-height: 1;
449
450    --line-height--display-tight: 1;
451    --line-height--display-normal: 1.1;
452    --line-height--display-loose: 1.2;
453
454    --line-height--heading-tight: 1.15;
455    --line-height--heading-normal: 1.25;
456    --line-height--heading-loose: 1.35;
457
458    --line-height--body-tight: 1.2;
459    --line-height--body-normal: 1.4;
460    --line-height--body-loose: 1.6;
461
462    /* Typography presets */
463    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.0rem;--font-size--h6: 1.0rem;--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-loose);--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-tight);--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--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
464
465    /* Hardcoded font sizes */
466    --font-size--3xs: 0.625rem;
467    --font-size--2xs: 0.75rem;
468    --font-size--xs: 0.8125rem;
469    --font-size--sm: 0.875rem;
470    --font-size--md: 1rem;
471    --font-size--lg: 1.125rem;
472    --font-size--xl: 1.25rem;
473    --font-size--2xl: 1.5rem;
474    --font-size--3xl: 2rem;
475    --font-size--4xl: 2.5rem;
476    --font-size--5xl: 3rem;
477    --font-size--6xl: 3.5rem;
478
479    /* Menu font sizes */
480    --menu-font-sm--size: 0.875rem;
481    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
482    --menu-font-md--size: 1rem;
483    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
484    --menu-font-lg--size: 1.125rem;
485    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
486    --menu-font-xl--size: 1.25rem;
487    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
488    --menu-font-2xl--size: 1.75rem;
489    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
490
491    /* Colors */
492    --color-error: #8B0000;
493    --color-success: #006400;
494    --color-white: #FFFFFF;
495    --color-white-rgb: 255 255 255;
496    --color-black: #000000;
497    --color-instock: #3ED660;
498    --color-lowstock: #EE9441;
499    --color-outofstock: #C8C8C8;
500
501    /* Opacity */
502    --opacity-5: 0.05;
503    --opacity-8: 0.08;
504    --opacity-10: 0.1;
505    --opacity-15: 0.15;
506    --opacity-20: 0.2;
507    --opacity-25: 0.25;
508    --opacity-30: 0.3;
509    --opacity-40: 0.4;
510    --opacity-50: 0.5;
511    --opacity-60: 0.6;
512    --opacity-70: 0.7;
513    --opacity-80: 0.8;
514    --opacity-85: 0.85;
515    --opacity-90: 0.9;
516    --opacity-subdued-text: var(--opacity-70);
517
518    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
519    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
520
521    /* Spacing */
522    --margin-3xs: 0.125rem;
523    --margin-2xs: 0.3rem;
524    --margin-xs: 0.5rem;
525    --margin-sm: 0.7rem;
526    --margin-md: 0.8rem;
527    --margin-lg: 1rem;
528    --margin-xl: 1.25rem;
529    --margin-2xl: 1.5rem;
530    --margin-3xl: 1.75rem;
531    --margin-4xl: 2rem;
532    --margin-5xl: 3rem;
533    --margin-6xl: 5rem;
534
535    --scroll-margin: 50px;
536
537    --padding-3xs: 0.125rem;
538    --padding-2xs: 0.25rem;
539    --padding-xs: 0.5rem;
540    --padding-sm: 0.7rem;
541    --padding-md: 0.8rem;
542    --padding-lg: 1rem;
543    --padding-xl: 1.25rem;
544    --padding-2xl: 1.5rem;
545    --padding-3xl: 1.75rem;
546    --padding-4xl: 2rem;
547    --padding-5xl: 3rem;
548    --padding-6xl: 4rem;
549
550    --gap-3xs: 0.125rem;
551    --gap-2xs: 0.3rem;
552    --gap-xs: 0.5rem;
553    --gap-sm: 0.7rem;
554    --gap-md: 0.9rem;
555    --gap-lg: 1rem;
556    --gap-xl: 1.25rem;
557    --gap-2xl: 2rem;
558    --gap-3xl: 3rem;
559
560    --spacing-scale-sm: 0.6;
561    --spacing-scale-md: 0.7;
562    --spacing-scale-default: 1.0;
563
564    /* Checkout buttons gap */
565    --checkout-button-gap: 10px;
566
567    /* Borders */
568    --style-border-width: 1px;
569    --style-border-radius-xs: 0.2rem;
570    --style-border-radius-sm: 0.6rem;
571    --style-border-radius-md: 0.8rem;
572    --style-border-radius-50: 50%;
573    --style-border-radius-lg: 1rem;
574    --style-border-radius-pills: 40px;
575    --style-border-radius-inputs: 4px;
576    --style-border-radius-buttons-primary: 14px;
577    --style-border-radius-buttons-secondary: 14px;
578    --style-border-width-primary: 0px;
579    --style-border-width-secondary: 1px;
580    --style-border-width-inputs: 1px;
581    --style-border-radius-popover: 14px;
582    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
583    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
584    --style-border-swatch-opacity: 10%;
585    --style-border-swatch-width: 1px;
586    --style-border-swatch-style: solid;
587
588    /* Animation */
589    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
590    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
591    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
592    --animation-speed-fast: 0.0625s;
593    --animation-speed: 0.125s;
594    --animation-speed-slow: 0.2s;
595    --animation-speed-medium: 0.15s;
596    --animation-easing: ease-in-out;
597    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
598    --drawer-animation-speed: 0.2s;
599    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
600    --animation-values: var(--animation-speed) var(--animation-easing);
601    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
602    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
603    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
604    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
605    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
606    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
607    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
608    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
609    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
610    --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%);
611    --spring-d300-b0-duration: 0.4980s;
612    --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%);
613    --spring-d280-b0-duration: 0.4648s;
614    --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%);
615    --spring-d260-b0-duration: 0.4316s;
616    --spring-d220-b0-easing: linear(
617      0,
618      0.0093 1.37%,
619      0.0696 4.12%,
620      0.4667 15.09%,
621      0.6322 20.58%,
622      0.6986 23.32%,
623      0.7793 27.44%,
624      0.8219 30.18%,
625      0.8721,
626      0.9089 38.42%,
627      0.9427,
628      0.9644,
629      0.978 54.88%,
630      0.9881 61.74%,
631      0.9944 69.97%,
632      0.998 80.95%,
633      0.9996 98.78%
634    );
635    --spring-d220-b0-duration: 0.3818s;
636    --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%);
637    --spring-d180-b0-duration: 0.2988s;
638
639    /* View transitions */
640    /* View transition old */
641    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
642
643    /* View transition new */
644    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
645
646    /* Focus */
647    --focus-outline-width: 0.09375rem;
648    --focus-outline-offset: 0.2em;
649
650    /* Badges */
651    --badge-blob-padding-block: 1px;
652    --badge-blob-padding-inline: 12px 8px;
653    --badge-rectangle-padding-block: 1px;
654    --badge-rectangle-padding-inline: 6px;
655    @media screen and (min-width: 750px) {
656      --badge-blob-padding-block: 4px;
657      --badge-blob-padding-inline: 16px 12px;
658      --badge-rectangle-padding-block: 4px;
659      --badge-rectangle-padding-inline: 10px;
660    }
661
662    /* Icons */
663    --icon-size-2xs: 0.6rem;
664    --icon-size-xs: 0.85rem;
665    --icon-size-sm: 1.25rem;
666    --icon-size-md: 1.375rem;
667    --icon-size-lg: 1.5rem;
668    --icon-stroke-width: 1.5px;
669
670    /* Input */
671    --input-email-min-width: 200px;
672    --input-search-max-width: 650px;
673    --input-padding-y: 0.8rem;
674    --input-padding-x: 0.8rem;
675    --input-padding: var(--input-padding-y) var(--input-padding-x);
676    --input-box-shadow-width: var(--style-border-width-inputs);
677    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
678    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
679    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
680    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
681    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
682    --input-textarea-min-height: 55px;
683
684    /* Checkbox */
685    --checkbox-size: 22px;
686    --checkbox-border-radius: 7px;
687    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
688    --checkbox-label-padding: 8px;
689
690    @media screen and (min-width: 750px) {
691      --checkbox-size: 16px;
692      --checkbox-border-radius: 5px;
693      --checkbox-label-padding: 6px;
694    }
695
696    /* Button size */
697    --button-size-sm: 30px;
698    --button-size-md: 36px;
699    --button-size: var(--minimum-touch-target);
700    --button-padding-inline: 24px;
701    --button-padding-block: 16px;
702
703    /* Button font-family */
704    --button-font-family-primary: var(--font-body--family);
705    --button-font-family-secondary: var(--font-body--family);
706
707    /* Button text case */
708    --button-text-case: ;
709    --button-text-case-primary: default;
710    --button-text-case-secondary: default;
711
712    /* Borders */
713    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
714    --border-width-sm: 1px;
715    --border-width-md: 2px;
716    --border-width-lg: 5px;
717    --border-radius-sm: 0.25rem;
718
719    /* Drawers */
720    --drawer-inline-padding: 25px;
721    --drawer-menu-inline-padding: 2.5rem;
722    --drawer-header-block-padding: 20px;
723    --drawer-content-block-padding: 10px;
724    --drawer-header-desktop-top: 0rem;
725    --drawer-padding: calc(var(--padding-sm) + 7px);
726    --drawer-height: 100dvh;
727    --drawer-width: 95vw;
728    --drawer-max-width: 500px;
729
730    /* Variant Picker Swatches */
731    --variant-picker-swatch-width-unitless: 34;
732    --variant-picker-swatch-height-unitless: 34;
733    --variant-picker-swatch-width: 34px;
734    --variant-picker-swatch-height: 34px;
735    --variant-picker-swatch-radius: 32px;
736    --variant-picker-border-width: 1px;
737    --variant-picker-border-style: solid;
738    --variant-picker-border-opacity: 10%;
739
740    /* Variant Picker Buttons */
741    --variant-picker-button-radius: 14px;
742    --variant-picker-button-border-width: 1px;
743
744    /* Slideshow */
745    --slideshow-controls-size: 3.5rem;
746    --slideshow-controls-icon: 2rem;
747    --peek-next-slide-size: 3rem;
748
749    /* Utilities */
750    --backdrop-opacity: 0.15;
751    --backdrop-color-rgb: var(--color-shadow-rgb);
752    --minimum-touch-target: 44px;
753    --disabled-opacity: 0.5;
754    --skeleton-opacity: 0.025;
755
756    /* Shapes */
757    --shape--circle: circle(50% at center);
758    --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%);
759    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
760    --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
760% 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%);
761
762    /* Buy buttons */
763    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
764
765    /* Card image width and height variables */
766    --card-width-small: 10rem;
767
768    --height-small: 10rem;
769    --height-medium: 11.5rem;
770    --height-large: 13rem;
771    --height-full: 100vh;
772
773    @media screen and (min-width: 750px) {
774      --height-small: 17.5rem;
775      --height-medium: 21.25rem;
776      --height-large: 25rem;
777    }
778
779    /* Modal */
780    --modal-max-height: 65dvh;
781    --quick-add-modal-height: min(38.5rem, 96vh);
782    --quick-add-modal-width: min(54rem, 96vw);
783    --quick-add-modal-gallery-width: 24rem;
784
785    /* Card styles for search */
786    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
787    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
788    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
789
790    /* Cart */
791    --cart-primary-font-family: var(--font-body--family);
792    --cart-primary-font-style: var(--font-body--style);
793    --cart-primary-font-weight: var(--font-body--weight);
794    --cart-secondary-font-family: var(--font-secondary--family);
795    --cart-secondary-font-style: var(--font-secondary--style);
796    --cart-secondary-font-weight: var(--font-secondary--weight);
797  }
798</style>
799
800
801<style data-shopify>
802  
803    
804      :root,
805    
806    
807    
808    .color-scheme-1 {
809        --color-background: rgb(255 255 255 / 1.0);
810        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
811        --color-background-rgb: 255 255 255;
812        --opacity-5-15: 0.05;
813        --opacity-10-25: 0.1;
814        --opacity-35-55: 0.35;
815        --opacity-40-60: 0.4;
816        --opacity-30-60: 0.3;
817        --color-foreground: rgb(0 0 0 / 0.81);
818        --color-foreground-rgb: 0 0 0;
819        --color-foreground-heading: rgb(0 0 0 / 1.0);
820        --color-foreground-heading-rgb: 0 0 0;
821        --color-primary: rgb(0 0 0 / 0.81);
822        --color-primary-rgb: 0 0 0;
823        --color-primary-hover: rgb(0 0 0 / 1.0);
824        --color-primary-hover-rgb: 0 0 0;
825        --color-border: rgb(0 0 0 / 0.06);
826        --color-border-rgb: 0 0 0;
827        --color-shadow: rgb(0 0 0 / 1.0);
828        --color-shadow-rgb: 0 0 0;
829        --color-primary-button-text: rgb(255 255 255 / 1.0);
830        --color-primary-button-background: rgb(0 0 0 / 1.0);
831        --color-primary-button-border: rgb(0 0 0 / 1.0);
832        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
833        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
834        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
835        --color-secondary-button-text: rgb(0 0 0 / 1.0);
836        --color-secondary-button-background: rgb(0 0 0 / 0.0);
837        --color-secondary-button-border: rgb(0 0 0 / 1.0);
838        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
839        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
840        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
841        --color-input-background: rgb(255 255 255 / 0.78);
842        --color-input-text: rgb(51 51 51 / 1.0);
843        --color-input-text-rgb: 51 51 51;
844        --color-input-border: rgb(223 223 223 / 1.0);
845        --color-input-hover-background: rgb(0 0 0 / 0.01);
846        --color-variant-background: rgb(255 255 255 / 1.0);
847        --color-variant-border: rgb(0 0 0 / 0.13);
848        --color-variant-text: rgb(0 0 0 / 1.0);
849        --color-variant-text-rgb: 0 0 0;
850        --color-variant-hover-background: rgb(245 245 245 / 1.0);
851        --color-variant-hover-text: rgb(0 0 0 / 1.0);
852        --color-variant-hover-border: rgb(230 230 230 / 1.0);
853        --color-selected-variant-background: rgb(0 0 0 / 1.0);
854        --color-selected-variant-border: rgb(0 0 0 / 1.0);
855        --color-selected-variant-text: rgb(255 255 255 / 1.0);
856        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
857        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
858        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
859
860        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
861        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
862        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
863        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
864        --font-h1--color: var(--color-foreground-heading);
865        --font-h2--color: var(--color-foreground-heading);
866        --font-h3--color: var(--color-foreground-heading);
867        --font-h4--color: var(--color-foreground-heading);
868        --font-h5--color: var(--color-foreground-heading);
869        --font-h6--color: var(--color-foreground-heading);
870
871        /* Shadows */
872        
873          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
874        
875        
876          --shadow-blur: 20px;
877          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
878        
879      }
880  
881    
882    
883    
884    .color-scheme-2 {
885        --color-background: rgb(0 0 0 / 0.0);
886        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
887        --color-background-rgb: 0 0 0;
888        --opacity-5-15: 0.15;
889        --opacity-10-25: 0.25;
890        --opacity-35-55: 0.55;
891        --opacity-40-60: 0.6;
892        --opacity-30-60: 0.6;
893        --color-foreground: rgb(102 102 102 / 1.0);
894        --color-foreground-rgb: 102 102 102;
895        --color-foreground-heading: rgb(0 0 0 / 0.81);
896        --color-foreground-heading-rgb: 0 0 0;
897        --color-primary: rgb(0 0 0 / 0.81);
898        --color-primary-rgb: 0 0 0;
899        --color-primary-hover: rgb(0 0 0 / 0.81);
900        --color-primary-hover-rgb: 0 0 0;
901        --color-border: rgb(223 223 223 / 1.0);
902        --color-border-rgb: 223 223 223;
903        --color-shadow: rgb(0 0 0 / 1.0);
904        --color-shadow-rgb: 0 0 0;
905        --color-primary-button-text: rgb(255 255 255 / 1.0);
906        --color-primary-button-background: rgb(0 81 63 / 1.0);
907        --color-primary-button-border: rgb(0 0 0 / 1.0);
908        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
909        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
910        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
911        --color-secondary-button-text: rgb(0 0 0 / 1.0);
912        --color-secondary-button-background: rgb(0 0 0 / 0.0);
913        --color-secondary-button-border: rgb(0 0 0 / 1.0);
914        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
915        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
916        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
917        --color-input-background: rgb(0 0 0 / 0.0);
918        --color-input-text: rgb(0 0 0 / 0.53);
919        --color-input-text-rgb: 0 0 0;
920        --color-input-border: rgb(0 0 0 / 0.13);
921        --color-input-hover-background: rgb(255 255 255 / 0.36);
922        --color-variant-background: rgb(255 255 255 / 1.0);
923        --color-variant-border: rgb(230 230 230 / 1.0);
924        --color-variant-text: rgb(0 0 0 / 1.0);
925        --color-variant-text-rgb: 0 0 0;
926        --color-variant-hover-background: rgb(245 245 245 / 1.0);
927        --color-variant-hover-text: rgb(0 0 0 / 1.0);
928        --color-variant-hover-border: rgb(230 230 230 / 1.0);
929        --color-selected-variant-background: rgb(0 0 0 / 1.0);
930        --color-selected-variant-border: rgb(0 0 0 / 1.0);
931        --color-selected-variant-text: rgb(255 255 255 / 1.0);
932        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
933        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
934        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
935
936        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
937        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
938        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
939        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
940        --font-h1--color: var(--color-foreground-heading);
941        --font-h2--color: var(--color-foreground-heading);
942        --font-h3--color: var(--color-foreground-heading);
943        --font-h4--color: var(--color-foreground-heading);
944        --font-h5--color: var(--color-foreground-heading);
945        --font-h6--color: var(--color-foreground-heading);
946
947        /* Shadows */
948        
949          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
950        
951        
952          --shadow-blur: 20px;
953          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
954        
955      }
956  
957    
958    
959    
960    .color-scheme-3 {
961        --color-background: rgb(0 81 63 / 1.0);
962        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
963        --color-background-rgb: 0 81 63;
964        --opacity-5-15: 0.15;
965        --opacity-10-25: 0.25;
966        --opacity-35-55: 0.55;
967        --opacity-40-60: 0.6;
968        --opacity-30-60: 0.6;
969        --color-foreground: rgb(255 255 255 / 1.0);
970        --color-foreground-rgb: 255 255 255;
971        --color-foreground-heading: rgb(255 255 255 / 1.0);
972        --color-foreground-heading-rgb: 255 255 255;
973        --color-primary: rgb(0 0 0 / 0.81);
974        --color-primary-rgb: 0 0 0;
975        --color-primary-hover: rgb(0 0 0 / 1.0);
976        --color-primary-hover-rgb: 0 0 0;
977        --color-border: rgb(0 0 0 / 0.81);
978        --color-border-rgb: 0 0 0;
979        --color-shadow: rgb(0 0 0 / 1.0);
980        --color-shadow-rgb: 0 0 0;
981        --color-primary-button-text: rgb(255 255 255 / 1.0);
982        --color-primary-button-background: rgb(0 0 0 / 1.0);
983        --color-primary-button-border: rgb(0 0 0 / 1.0);
984        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
985        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
986        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
987        --color-secondary-button-text: rgb(0 0 0 / 1.0);
988        --color-secondary-button-background: rgb(0 0 0 / 0.0);
989        --color-secondary-button-border: rgb(0 0 0 / 1.0);
990        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
991        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
992        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
993        --color-input-background: rgb(0 0 0 / 0.0);
994        --color-input-text: rgb(0 0 0 / 0.81);
995        --color-input-text-rgb: 0 0 0;
996        --color-input-border: rgb(0 0 0 / 0.81);
997        --color-input-hover-background: rgb(255 255 255 / 0.36);
998        --color-variant-background: rgb(255 255 255 / 1.0);
999        --color-variant-border: rgb(230 230 230 / 1.0);
1000        --color-variant-text: rgb(0 0 0 / 1.0);
1001        --color-variant-text-rgb: 0 0 0;
1002        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1003        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1004        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1005        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1006        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1007        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1008        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1009        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1010        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1011
1012        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1013        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1014        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1015        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1016        --font-h1--color: var(--color-foreground-heading);
1017        --font-h2--color: var(--color-foreground-heading);
1018        --font-h3--color: var(--color-foreground-heading);
1019        --font-h4--color: var(--color-foreground-heading);
1020        --font-h5--color: var(--color-foreground-heading);
1021        --font-h6--color: var(--color-foreground-heading);
1022
1023        /* Shadows */
1024        
1025          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1026        
1027        
1028          --shadow-blur: 20px;
1029          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1030        
1031      }
1032  
1033    
1034    
1035    
1036    .color-scheme-4 {
1037        --color-background: rgb(225 237 245 / 1.0);
1038        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1039        --color-background-rgb: 225 237 245;
1040        --opacity-5-15: 0.05;
1041        --opacity-10-25: 0.1;
1042        --opacity-35-55: 0.35;
1043        --opacity-40-60: 0.4;
1044        --opacity-30-60: 0.3;
1045        --color-foreground: rgb(0 0 0 / 0.81);
1046        --color-foreground-rgb: 0 0 0;
1047        --color-foreground-heading: rgb(0 0 0 / 1.0);
1048        --color-foreground-heading-rgb: 0 0 0;
1049        --color-primary: rgb(0 0 0 / 0.81);
1050        --color-primary-rgb: 0 0 0;
1051        --color-primary-hover: rgb(0 0 0 / 1.0);
1052        --color-primary-hover-rgb: 0 0 0;
1053        --color-border: rgb(29 54 134 / 0.5);
1054        --color-border-rgb: 29 54 134;
1055        --color-shadow: rgb(0 0 0 / 1.0);
1056        --color-shadow-rgb: 0 0 0;
1057        --color-primary-button-text: rgb(255 255 255 / 1.0);
1058        --color-primary-button-background: rgb(0 0 0 / 1.0);
1059        --color-primary-button-border: rgb(29 54 134 / 1.0);
1060        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1061        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1062        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1063        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1064        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1065        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1066        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1067        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1068        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1069        --color-input-background: rgb(0 0 0 / 0.0);
1070        --color-input-text: rgb(0 0 0 / 0.81);
1071        --color-input-text-rgb: 0 0 0;
1072        --color-input-border: rgb(0 0 0 / 0.81);
1073        --color-input-hover-background: rgb(255 255 255 / 0.36);
1074        --color-variant-background: rgb(255 255 255 / 1.0);
1075        --color-variant-border: rgb(230 230 230 / 1.0);
1076        --color-variant-text: rgb(0 0 0 / 1.0);
1077        --color-variant-text-rgb: 0 0 0;
1078        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1079        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1080        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1081        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1082        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1083        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1084        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1085        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1086        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1087
1088        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1089        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1090        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1091        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1092        --font-h1--color: var(--color-foreground-heading);
1093        --font-h2--color: var(--color-foreground-heading);
1094        --font-h3--color: var(--color-foreground-heading);
1095        --font-h4--color: var(--color-foreground-heading);
1096        --font-h5--color: var(--color-foreground-heading);
1097        --font-h6--color: var(--color-foreground-heading);
1098
1099        /* Shadows */
1100        
1101          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1102        
1103        
1104          --shadow-blur: 20px;
1105          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1106        
1107      }
1108  
1109    
1110    
1111    
1112    .color-scheme-5 {
1113        --color-background: rgb(51 51 51 / 1.0);
1114        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1115        --color-background-rgb: 51 51 51;
1116        --opacity-5-15: 0.15;
1117        --opacity-10-25: 0.25;
1118        --opacity-35-55: 0.55;
1119        --opacity-40-60: 0.6;
1120        --opacity-30-60: 0.6;
1121        --color-foreground: rgb(255 255 255 / 1.0);
1122        --color-foreground-rgb: 255 255 255;
1123        --color-foreground-heading: rgb(255 255 255 / 1.0);
1124        --color-foreground-heading-rgb: 255 255 255;
1125        --color-primary: rgb(255 255 255 / 1.0);
1126        --color-primary-rgb: 255 255 255;
1127        --color-primary-hover: rgb(255 255 255 / 0.69);
1128        --color-primary-hover-rgb: 255 255 255;
1129        --color-border: rgb(255 255 255 / 0.69);
1130        --color-border-rgb: 255 255 255;
1131        --color-shadow: rgb(0 0 0 / 1.0);
1132        --color-shadow-rgb: 0 0 0;
1133        --color-primary-button-text: rgb(0 0 0 / 1.0);
1134        --color-primary-button-background: rgb(255 255 255 / 1.0);
1135        --color-primary-button-border: rgb(255 255 255 / 1.0);
1136        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1137        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1138        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1139        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1140        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1141        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1142        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1143        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1144        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1145        --color-input-background: rgb(51 51 51 / 1.0);
1146        --color-input-text: rgb(255 255 255 / 0.93);
1147        --color-input-text-rgb: 255 255 255;
1148        --color-input-border: rgb(255 255 255 / 0.69);
1149        --color-input-hover-background: rgb(255 255 255 / 0.04);
1150        --color-variant-background: rgb(255 255 255 / 1.0);
1151        --color-variant-border: rgb(230 230 230 / 1.0);
1152        --color-variant-text: rgb(0 0 0 / 1.0);
1153        --color-variant-text-rgb: 0 0 0;
1154        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1155        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1156        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1157        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1158        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1159        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1160        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1161        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1162        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1163
1164        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1165        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1166        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1167        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1168        --font-h1--color: var(--color-foreground-heading);
1169        --font-h2--color: var(--color-foreground-heading);
1170        --font-h3--color: var(--color-foreground-heading);
1171        --font-h4--color: var(--color-foreground-heading);
1172        --font-h5--color: var(--color-foreground-heading);
1173        --font-h6--color: var(--color-foreground-heading);
1174
1175        /* Shadows */
1176        
1177          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1178        
1179        
1180          --shadow-blur: 20px;
1181          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1182        
1183      }
1184  
1185    
1186    
1187    
1188    .color-scheme-6 {
1189        --color-background: rgb(0 0 0 / 0.0);
1190        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1191        --color-background-rgb: 0 0 0;
1192        --opacity-5-15: 0.15;
1193        --opacity-10-25: 0.25;
1194        --opacity-35-55: 0.55;
1195        --opacity-40-60: 0.6;
1196        --opacity-30-60: 0.6;
1197        --color-foreground: rgb(255 255 255 / 1.0);
1198        --color-foreground-rgb: 255 255 255;
1199        --color-foreground-heading: rgb(255 255 255 / 1.0);
1200        --color-foreground-heading-rgb: 255 255 255;
1201        --color-primary: rgb(255 255 255 / 1.0);
1202        --color-primary-rgb: 255 255 255;
1203        --color-primary-hover: rgb(255 255 255 / 0.69);
1204        --color-primary-hover-rgb: 255 255 255;
1205        --color-border: rgb(230 230 230 / 1.0);
1206        --color-border-rgb: 230 230 230;
1207        --color-shadow: rgb(0 0 0 / 1.0);
1208        --color-shadow-rgb: 0 0 0;
1209        --color-primary-button-text: rgb(0 0 0 / 1.0);
1210        --color-primary-button-background: rgb(255 255 255 / 1.0);
1211        --color-primary-button-border: rgb(255 255 255 / 1.0);
1212        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1213        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1214        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1215        --color-secondary-button-text: rgb(255 255 255
1215 / 1.0);
1216        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1217        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1218        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1219        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1220        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1221        --color-input-background: rgb(255 255 255 / 1.0);
1222        --color-input-text: rgb(0 0 0 / 0.53);
1223        --color-input-text-rgb: 0 0 0;
1224        --color-input-border: rgb(0 0 0 / 0.13);
1225        --color-input-hover-background: rgb(250 250 250 / 1.0);
1226        --color-variant-background: rgb(255 255 255 / 1.0);
1227        --color-variant-border: rgb(230 230 230 / 1.0);
1228        --color-variant-text: rgb(0 0 0 / 1.0);
1229        --color-variant-text-rgb: 0 0 0;
1230        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1231        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1232        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1233        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1234        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1235        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1236        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1237        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1238        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1239
1240        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1241        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1242        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1243        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1244        --font-h1--color: var(--color-foreground-heading);
1245        --font-h2--color: var(--color-foreground-heading);
1246        --font-h3--color: var(--color-foreground-heading);
1247        --font-h4--color: var(--color-foreground-heading);
1248        --font-h5--color: var(--color-foreground-heading);
1249        --font-h6--color: var(--color-foreground-heading);
1250
1251        /* Shadows */
1252        
1253          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1254        
1255        
1256          --shadow-blur: 20px;
1257          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1258        
1259      }
1260  
1261    
1262    
1263    
1264    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1265        --color-background: rgb(0 0 0 / 0.0);
1266        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1267        --color-background-rgb: 0 0 0;
1268        --opacity-5-15: 0.15;
1269        --opacity-10-25: 0.25;
1270        --opacity-35-55: 0.55;
1271        --opacity-40-60: 0.6;
1272        --opacity-30-60: 0.6;
1273        --color-foreground: rgb(0 0 0 / 1.0);
1274        --color-foreground-rgb: 0 0 0;
1275        --color-foreground-heading: rgb(0 0 0 / 1.0);
1276        --color-foreground-heading-rgb: 0 0 0;
1277        --color-primary: rgb(0 0 0 / 1.0);
1278        --color-primary-rgb: 0 0 0;
1279        --color-primary-hover: rgb(0 0 0 / 0.53);
1280        --color-primary-hover-rgb: 0 0 0;
1281        --color-border: rgb(230 230 230 / 1.0);
1282        --color-border-rgb: 230 230 230;
1283        --color-shadow: rgb(0 0 0 / 1.0);
1284        --color-shadow-rgb: 0 0 0;
1285        --color-primary-button-text: rgb(255 255 255 / 1.0);
1286        --color-primary-button-background: rgb(0 0 0 / 1.0);
1287        --color-primary-button-border: rgb(0 0 0 / 1.0);
1288        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1289        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1290        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1291        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1292        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1293        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1294        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1295        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1296        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1297        --color-input-background: rgb(255 255 255 / 1.0);
1298        --color-input-text: rgb(0 0 0 / 0.53);
1299        --color-input-text-rgb: 0 0 0;
1300        --color-input-border: rgb(0 0 0 / 0.13);
1301        --color-input-hover-background: rgb(250 250 250 / 1.0);
1302        --color-variant-background: rgb(255 255 255 / 1.0);
1303        --color-variant-border: rgb(230 230 230 / 1.0);
1304        --color-variant-text: rgb(0 0 0 / 1.0);
1305        --color-variant-text-rgb: 0 0 0;
1306        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1307        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1308        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1309        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1310        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1311        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1312        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1313        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1314        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1315
1316        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1317        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1318        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1319        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1320        --font-h1--color: var(--color-foreground-heading);
1321        --font-h2--color: var(--color-foreground-heading);
1322        --font-h3--color: var(--color-foreground-heading);
1323        --font-h4--color: var(--color-foreground-heading);
1324        --font-h5--color: var(--color-foreground-heading);
1325        --font-h6--color: var(--color-foreground-heading);
1326
1327        /* Shadows */
1328        
1329          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1330        
1331        
1332          --shadow-blur: 20px;
1333          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1334        
1335      }
1336  
1337
1338  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 {
1339    color: var(--color-foreground);
1340    background-color: var(--color-background);
1341  }
1342</style>
1343
1344
1345    
1345<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1345<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7173729/digital_wallets/dialog">
1346<meta id="in-context-paypal-metadata" data-shop-id="7173729" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP">
1347<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1347<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script>
1347
1348<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1349<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&shop_id=7173729" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1349
1349
1350<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7173729,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7173729","merchantName":"Whole Earth","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Whole Earth","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1350
1350
1351<script id="shopify-features" type="application/json">{"accessToken":"74f3bc2805fa1500452dfdccf212ca2d","betas":["rich-media-storefront-analytics"],"domain":"shop.wholeearthfoods.com","predictiveSearch":true,"shopId":7173729,"locale":"en"}</script>
vendor: 1 bytes, line 1351
1351
1352<script>var Shopify = Shopify || {};
1353Shopify.shop = "wholeearthfoods.myshopify.com";
1354Shopify.locale = "en";
1355Shopify.currency = {"active":"GBP","rate":"1.0"};
1356Shopify.country = "GB";
1357Shopify.theme = {"name":"Whole Earth - Updated Theme (April 2026)","id":186284540289,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
1358Shopify.theme.handle = "null";
1359Shopify.theme.style = {"id":null,"handle":null};
1360Shopify.cdnHost = "shop.wholeearthfoods.com/cdn";
1361Shopify.routes = Shopify.routes || {};
1362Shopify.routes.root = "/";
1363Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1364Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1365Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1366Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1366
1366
1367<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1367
1367
1368<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 1368
1368
1369<script>
1370  window.ShopifyPay = window.ShopifyPay || {};
1371  window.ShopifyPay.apiHost = "shop.app\/pay";
1372  window.ShopifyPay.redirectState = null;
1373</script>
vendor: 1 bytes, line 1373
1373
1374<script>
1375  window.Shopify = window.Shopify || {};
1376  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1377  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1378  window.Shopify.SignInWithShop.eligible = true;
1379</script>
vendor: 1 bytes, line 1379
1379
1380<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 1380
1380
1381<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 1381
1381
1382<script type="module">
1383  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1384
1385  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1386
1387</script>
vendor: 1 bytes, line 1387
1387
1388<script>
1389  window.Shopify = window.Shopify || {};
1390  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1391  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"]};
1392</script>
vendor: 1 bytes, line 1392
1392
1393<script id="__st">var __st={"a":7173729,"offset":3600,"reqid":"8325edd0-96e0-4a63-8fbc-ce21f3687ede-1790939882","pageurl":"shop.wholeearthfoods.com\/cart","u":"bd227f56a3bf","p":"cart"};</script>
vendor: 1 bytes, line 1393
1393
1394<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1394
1394
1395<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 1395
1395
1396<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.wholeearthfoods.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1396
1396
1397<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 = "//shop.wholeearthfoods.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>
1397<script crossorigin="anonymous" defer="defer" src="//shop.wholeearthfoods.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1397
1397
1398<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 1398
1398
1399<script>
1400  window.Shopify = window.Shopify || {};
1401  window.Shopify.MCP = window.Shopify.MCP || {};
1402  window.Shopify.MCP.enabled = true;
1403  window.Shopify.MCP.shop = "wholeearthfoods.myshopify.com";
1404  window.Shopify.MCP.mcpEndpoint = "https:\/\/shop.wholeearthfoods.com\/api\/mcp";
1405  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"]}}];
1406</script>
vendor: 1 bytes, line 1406
1406
1407<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("\/\/shop.wholeearthfoods.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1408</script>
vendor: 1 bytes, line 1408
1408
1409<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://shop.wholeearthfoods.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1410</script>
vendor: 1 bytes, line 1410
1410
1411<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1412  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);
1413</script>
vendor: 1 bytes, line 1413
1413
1414<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})}}));
1415</script>
1415
1416<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://shop.wholeearthfoods.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1417<style id="shopify-accelerated-checkout-cart">
1418        #shopify-buyer-consent {
1419  margin-top: 1em;
1420  display: inline-block;
1421  width: 100%;
1422}
1423
1424#shopify-buyer-consent.hidden {
1425  display: none;
1426}
1427
1428#shopify-subscription-policy-button {
1429  background: none;
1430  border: none;
1431  padding: 0;
1432  text-decoration: underline;
1433  font-size: inherit;
1434  cursor: pointer;
1435}
1436
1437#shopify-subscription-policy-button::before {
1438  box-shadow: none;
1439}
1440
1441      </style>
1442<link rel="compression-dictionary" href="//shop.wholeearthfoods.com/cdn/shop/t/8/compiled_assets/styles.css?v=74964541698920076711777382353" crossorigin="anonymous">
1443<link rel="stylesheet" media="screen" href="//shop.wholeearthfoods.com/cdn/shop/t/8/compiled_assets/styles.css?v=74964541698920076711777382353&subset=ABgIAAABCgAwAAAAABAEQADEDwA5AABkqsIFAQQ" crossorigin="anonymous">
1444<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1444
1445    
1446  
1446<script src="https://cdn.shopify.com/extensions/019fad1b-838f-738f-add0-cd544cdcdbe8/gdpr-production-20/assets/cookie-widget.js" type="text/javascript" defer="defer"></script>
1446
1447<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1448<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: 7173729,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};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 1448
1448
1449<script>
1450  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1451</script>
vendor: 1 bytes, line 1451
1451
1452<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}
1452).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: 7173729,storefrontBaseUrl: "https://shop.wholeearthfoods.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://shop.wholeearthfoods.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1633812865","configuration":"{\"accountID\":\"fsto_3An5cjp\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b101f4ff95f2a57122d443b31d4836e8","type":"APP","apiClientId":1587791,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"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":"Whole Earth","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"wholeearthfoods.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/shop.wholeearthfoods.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
145215251367592321","handle":"100-nuts-crunchy-peanut-butter-340g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55037910942081","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15251379913089","handle":"100-nuts-smooth-peanut-butter-340g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55037939614081","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"399457429","handle":"whole-earth-crunchy-peanut-butter-1000-g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"1041509029","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6677985165406","handle":"drizzler-golden-roasted-super-smooth-peanut-butter-320g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39690670702686","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://shop.wholeearthfoods.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"186284540289","themeStoreId":"2481","themePublished":"true","eventMetadataId":"9fadf1ec-9dad-4fde-8f00-c447f85b5350","pageType":"cart","shopId":"7173729","storefrontBaseUrl":"https:\/\/shop.wholeearthfoods.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1452<script>
1453  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1454  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1455  window.ShopifyAnalytics.meta.currency = 'GBP';
1456  var meta = {"page":{"pageType":"cart","requestId":"8325edd0-96e0-4a63-8fbc-ce21f3687ede-1790939882"}};
1457  for (var attr in meta) {
1458    window.ShopifyAnalytics.meta[attr] = meta[attr];
1459  }
1460</script>
vendor: 1 bytes, line 1460
1460
1461<script class="analytics">
1462  (function () {
1463    var customDocumentWrite = function(content) {
1464      var jquery = null;
1465
1466      if (window.jQuery) {
1467        jquery = window.jQuery;
1468      } else if (window.Checkout && window.Checkout.$) {
1469        jquery = window.Checkout.$;
1470      }
1471
1472      if (jquery) {
1473        jquery('body').append(content);
1474      }
1475    };
1476
1477    var hasLoggedConversion = function(token) {
1478      if (token) {
1479        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1480      }
1481      return false;
1482    }
1483
1484    var setCookieIfConversion = function(token) {
1485      if (token) {
1486        var twoMonthsFromNow = new Date(Date.now());
1487        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1488
1489        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1490      }
1491    }
1492
1493    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1494    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1495    if (trekkie.integrations) {
1496      return;
1497    }
1498    trekkie.methods = [
1499      'identify',
1500      'page',
1501      'ready',
1502      'track',
1503      'trackForm',
1504      'trackLink'
1505    ];
1506    trekkie.factory = function(method) {
1507      return function() {
1508        var args = Array.prototype.slice.call(arguments);
1509        args.unshift(method);
1510        trekkie.push(args);
1511        if (method == 'track' || method == 'page') {
1512          var pageUrl;
1513          try {
1514            pageUrl = window.location.href;
1515          } catch (e) {}
1516          var pageReferrer;
1517          try {
1518            pageReferrer = document.referrer;
1519          } catch (e) {}
1520          try {
1521            if (window.__TREKKIE_SHIM_QUEUE == null) {
1522              window.__TREKKIE_SHIM_QUEUE = [];
1523            }
1524            window.__TREKKIE_SHIM_QUEUE.push({
1525              from: 'trekkie-stub',
1526              method: method,
1527              args: args.slice(1),
1528              pageContext: {
1529                url: pageUrl,
1530                referrer: pageReferrer
1531              }
1532            });
1533          } catch (e) {
1534            // no-op
1535          }
1536        }
1537        return trekkie;
1538      };
1539    };
1540    for (var i = 0; i < trekkie.methods.length; i++) {
1541      var key = trekkie.methods[i];
1542      trekkie[key] = trekkie.factory(key);
1543    }
1544    trekkie.load = function(config) {
1545      trekkie.config = config || {};
1546      trekkie.config.initialDocumentCookie = document.cookie;
1547      var first = document.getElementsByTagName('script')[0];
1548var script = document.createElement('script');
1549script.type = 'text/javascript';
1550script.onerror = function(e) {
1551  var scriptFallback = document.createElement('script');
1552  scriptFallback.type = 'text/javascript';
1553  scriptFallback.onerror = function(error) {
1554          var Monorail = {
1555      produce: function produce(monorailDomain, schemaId, payload) {
1556        var currentMs = new Date().getTime();
1557        var event = {
1558          schema_id: schemaId,
1559          payload: payload,
1560          metadata: {
1561            event_created_at_ms: currentMs,
1562            event_sent_at_ms: currentMs
1563          }
1564        };
1565        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1566      },
1567      sendRequest: function sendRequest(endpointUrl, payload) {
1568        // Try the sendBeacon API
1569        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1570          var blobData = new window.Blob([payload], {
1571            type: 'text/plain'
1572          });
1573
1574          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1575            return true;
1576          } // sendBeacon was not successful
1577
1578        } // XHR beacon
1579
1580        var xhr = new XMLHttpRequest();
1581
1582        try {
1583          xhr.open('POST', endpointUrl);
1584          xhr.setRequestHeader('Content-Type', 'text/plain');
1585          xhr.send(payload);
1586        } catch (e) {
1587          console.log(e);
1588        }
1589
1590        return false;
1591      },
1592      isIos12: function isIos12() {
1593        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1594      }
1595    };
1596    Monorail.produce('monorail-edge.shopifysvc.com',
1597      'trekkie_storefront_load_errors/1.1',
1598      {shop_id: 7173729,
1599      theme_id: 186284540289,
1600      app_name: "storefront",
1601      context_url: window.location.href,
1602      source_url: "//shop.wholeearthfoods.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1603
1604  };
1605  scriptFallback.async = true;
1606  scriptFallback.src = '//shop.wholeearthfoods.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1607  first.parentNode.insertBefore(scriptFallback, first);
1608};
1609script.async = true;
1610script.src = '//shop.wholeearthfoods.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1611first.parentNode.insertBefore(script, first);
1612
1613    };
1614    trekkie.load(
1615      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7173729,"isMerchantRequest":null,"themeId":186284540289,"themeCityHash":"8626623345911045562","contentLanguage":"en","currency":"GBP","eventMetadataId":"9fadf1ec-9dad-4fde-8f00-c447f85b5350"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1616    );
1617
1618    var loaded = false;
1619    trekkie.ready(function() {
1620      if (loaded) return;
1621      loaded = true;
1622
1623      window.ShopifyAnalytics.lib = window.trekkie;
1624
1625      var originalDocumentWrite = document.write;
1626      document.write = customDocumentWrite;
1627      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1628      document.write = originalDocumentWrite;
1629
1630      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1631      var token = match? match[1]: undefined;
1632      if (!hasLoggedConversion(token)) {
1633        setCookieIfConversion(token);
1634        
1635      }
1636    });
1637
1638    window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"8325edd0-96e0-4a63-8fbc-ce21f3687ede-1790939882","shopifyEmitted":true});
1639
1640    var eventsListenerScript = document.createElement('script');
1641    eventsListenerScript.async = true;
1642    eventsListenerScript.src = "//shop.wholeearthfoods.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1643    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1644})();</script>
vendor: 1 bytes, line 1644
1644
1645<script
1646  defer
1647  src="https://shop.wholeearthfoods.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1648  data-application="storefront-renderer"
1649  data-shop-id="7173729"
1650  data-render-region="gcp-europe-west1"
1651  data-page-type="cart"
1652  data-theme-instance-id="186284540289"
1653  data-theme-name="Horizon"
1654  data-theme-version="3.5.1"
1655  data-monorail-region="shop_domain"
1656  data-resource-timing-sampling-rate="10"
1657  data-shs="true"
1658  data-shs-beacon="true"
1659  data-shs-export-with-fetch="true"
1660  data-shs-logs-sample-rate="1"
1661  data-shs-beacon-endpoint="https://shop.wholeearthfoods.com/api/collect"
1662></script>
vendor: 1 bytes, line 1662
1662
1663<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1663<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"7173729","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":false},"visitor":{"country":"GB","language":"en"}}</script>
1663
1664<meta name="shopify-y" content="b93ad3c5-0958-46fc-ab86-b2bcc0b1e3a3" data-expiration="1822497482000"><meta name="shopify-s" content="d81adfeb-14e0-430a-9d2a-bee902661a69" data-expiration="1790941682000"><meta name="new-cookie-storage-activated" content="t">
1665</head>
1666
1667  <body class="page-width-narrow card-hover-effect-none">
1668    <a
1669  class="skip-to-content-link button-secondary"
1670  href="#MainContent"
1671>
1672  Skip to content
1673</a>
1674
1675
1676
1677    <div id="header-group">
1678      <!-- BEGIN sections: header-group -->
1679<div id="shopify-section-sections--26687043436929__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1680
1681
1682
1683<div class="section-background color-scheme-3"></div>
1684<aside
1685  class="announcement-bar spacing-style section section--page-width color-scheme-3"
1686  style="--padding-block-start: 10px; --padding-block-end:10px; 
1687--padding-inline-start:0px; --padding-inline-end:0px; 
1688; --border-bottom-width: 1px;"
1689>
1690  
1691
1692  <announcement-bar-component
1693    class="announcement-bar__slider"
1694    
1695  >
1696    
1697
1698    <div class="announcement-bar__slides">
1699      
1700<slideshow-slide
1701    ref="slides[]"
1702    class="
1703      announcement-bar__slide
1704      text-block
1705      text-block--AbnJXaEwyYjEyVkt2Z__announcement_BxgCk9
1706      text-block--align-center
1707      text-block--full-width
1708      custom-typography
1709      custom-font-size
1710      
1711    "
1712    style="
1713      
1714--color: ;--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1715      --width: 100%;
1716      --text-align: center;
1717      --line-height: 1;
1718    "
1719    
1720    aria-hidden="false"
1721  >
1722    <p class="announcement-bar__text">
1723      Free UK Shipping for Orders over £35
1724    </p>
1725
1726    
1727  </slideshow-slide>
1728
1729
1730
1731    </div>
1732  </announcement-bar-component>
1733</aside>
1734
1735
1736
1737
1738</div><header id="shopify-section-sections--26687043436929__header_section" class="shopify-section shopify-section-group-header-group header-section">
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748<script type="application/ld+json">
1749  {
1750    "@context": "http://schema.org",
1751    "@type": "Organization",
1752    "name": "Whole Earth",
1753    
1754      "logo": "https:\/\/shop.wholeearthfoods.com\/cdn\/shop\/files\/wholeearth_logo.avif?v=1779791119\u0026width=500",
1755    
1756    "url": "https:\/\/shop.wholeearthfoods.com"
1757  }
1758</script>
1758
1759
1760<header-component
1761  id="header-component"
1762  class="header"
1763  data-theme-color="rgb(255 255 255)"
1764  
1765  
1766  data-skip-node-update
1767  data-scroll-direction="none"
1768  
1769  
1770  style="
1771    --color-scheme-top-row: rgba(255 255 255 / 1.0);
1772    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
1773    
1774  "
1775>
1776  <div class="header__underlay header__underlay-closed"></div>
1777  <div
1778    class="header__underlay header__underlay-open"
1779  ></div>
1780    
1781
1782    
1783
1784    
1785    
1786      <div
1787        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1788        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1789        <div class="header__columns spacing-style">
1790          <div
1791      class="header__column header__column--left"
1792      data-testid="header-top-left"
1793    >
1794      
1795        
1796          
1797              
1798
1799
1800
1801    <div
1802      class="header__drawer"
1803      ref="headerDrawerContainer"
1804      data-hydration-key="header-drawer-mobile"
1805      
1806    >
1807      
1808
1809<script
1810  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/header-drawer.js?v=121243031541024704371777288787"
1811  type="module"
1812  fetchpriority="low"
1813></script>
1813
1814
1815<header-drawer
1816  class="header-drawer "
1817  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1818>
1819  <details
1820    id="Details-menu-drawer-container"
1821    data-skip-node-update="true"
1822    class="menu-drawer-container"
1823    ref="details"
1824    scroll-lock
1825  >
1826    <summary
1827      class="header__icon header__icon--menu header__icon--summary"
1828      aria-label="Menu"
1829      on:click="/toggle"
1830    >
1831      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1832  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1833  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1834</svg>
1835</span>
1836      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1837  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1838  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1839</svg>
1840</span>
1841    </summary>
1842    <div
1843      ref="menuDrawer"
1844      class="
1845        menu-drawer
1846        color-scheme-1
1847      "
1848    >
1849      <button
1850        class="button close-button menu-drawer__close-button"
1851        type="button"
1852        aria-label="Close"
1853        on:click="/close"
1854      >
1855        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1856  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1857  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1858</svg>
1859</span>
1860      </button>
1861      <nav
1862        class="menu-drawer__navigation"
1863        style="--menu-top-level-font-family: var(--font-body--family);
1864--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
1865
1866  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1867  var(--menu-font-2xl--line-height);
1868
1869--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1870
1871--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
1872var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
1873none;
1874
1875    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1876    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
1877    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
1878  
1879--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
1880var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
1881none;
1882
1883    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
1884    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
1885    var(--opacity-subdued-text));
1886  
1887
1888        "
1889        aria-label="Primary"
1890      >
1891        <ul
1892          class="menu-drawer__menu has-submenu"
1893          role="list"
1894        >
1895            
1896            
1897
1898              <li
1899                style="--menu-drawer-animation-index: 1;"
1900                class="menu-drawer__list-item--flat"
1901              >
1902                
1903<a
1904                    id="HeaderDrawer-shop-home"
1905                    href="/"
1906                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1907                    
1908                  >
1909                    <span class="menu-drawer__menu-item-text wrap-text">Shop Home</span>
1910                  </a>
1911                
1912              </li>
1913              <li
1914                style="--menu-drawer-animation-index: 2;"
1915                class="menu-drawer__list-item--flat"
1916              >
1917                
1918<a
1919                    id="HeaderDrawer-our-products"
1920                    href="#"
1921                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1922                    
1923                  >
1924                    <span class="menu-drawer__menu-item-text wrap-text">Our Products</span>
1925                  </a>
1926                  
1927                  <ul
1928                    class="menu-drawer__menu menu-drawer__menu--childlist"
1929                    role="list"
1930                    tabindex="-1"
1931                  ><li
1932                        class="menu-drawer__list-item"
1933                        style="--menu-drawer-animation-index: 2;"
1934                      >
1935                        <a
1936                          href="/collections/award-winning-nut-butters"
1937                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1938                          
1939                        >
1940                          
1941                          <span class="menu-drawer__menu-item-text wrap-text">Award-Winning Nut Butters</span>
1942                        </a>
1943                      </li><li
1944                        class="menu-drawer__list-item"
1945                        style="--menu-drawer-animation-index: 2;"
1946                      >
1947                        <a
1948                          href="/collections/refreshing-drinks"
1949                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
1950                          
1951                        >
1952                          
1953                          <span class="menu-drawer__menu-item-text wrap-text">Refreshing Drinks</span>
1954                        </a>
1955                      </li></ul>
1956                
1957              </li>
1958              <li
1959                style="--menu-drawer-animation-index: 3;"
1960                class="menu-drawer__list-item--flat"
1961              >
1962                
1963<a
1964                    id="HeaderDrawer-our-approach"
1965                    href="https://www.wholeearthfoods.com/approach"
1966                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1967                    
1968                  >
1969                    <span class="menu-drawer__menu-item-text wrap-text">Our Approach</span>
1970                  </a>
1971                
1972              </li>
1973              <li
1974                style="--menu-drawer-animation-index: 4;"
1975                class="menu-drawer__list-item--flat"
1976              >
1977                
1978<a
1979                    id="HeaderDrawer-what-were-up-to"
1980                    href="https://www.wholeearthfoods.com/what-were-up-to/"
1981                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1982                    
1983                  >
1984                    <span class="menu-drawer__menu-item-text wrap-text">What We&#39;re Up To</span>
1985                  </a>
1986                
1987              </li>
1988              <li
1989                style="--menu-drawer-animation-index: 5;"
1990                class="menu-drawer__list-item--flat"
1991              >
1992                
1993<a
1994                    id="HeaderDrawer-faqs"
1995                    href="/pages/shop-faq"
1996                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1997                    
1998                  >
1999                    <span class="menu-drawer__menu-item-text wrap-text">FAQ&#39;s</span>
2000                  </a>
2001                
2002              </li>
2003              <li
2004                style="--menu-drawer-animation-index: 6;"
2005                class="menu-drawer__list-item--flat"
2006              >
2007                
2008<a
2009                    id="HeaderDrawer-our-recipes"
2010                    href="https://www.wholeearthfoods.com/recipes"
2011                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2012                    
2013                  >
2014                    <span class="menu-drawer__menu-item-text wrap-text">Our Recipes</span>
2015                  </a>
2016                
2017              </li>
2018              <li
2019                style="--menu-drawer-animation-index: 7;"
2020                class="menu-drawer__list-item--flat"
2021              >
2022                
2023<a
2024                    id="HeaderDrawer-contact-us"
2025                    href="/pages/contactus"
2026                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2027                    
2028                  >
2029                    <span class="menu-drawer__menu-item-text wrap-text">Contact Us</span>
2030                  </a>
2031                
2032              </li>
2033        </ul>
2034      </nav>
2035      <div
2036        class="menu-drawer__utility-links menu-drawer__animated-element"
2037        style="--menu-drawer-animation-index: 7;"
2038      >
2039        
2040        </div>
2041
2042      
2043    </div>
2044    <div
2045      class="menu-drawer__backdrop"
2046      on:click="header-drawer/close"
2047    ></div>
2048  </details>
2049</header-drawer>
2050
2051
2052
2053    </div>
2054
2055  
2056
2057<style data-shopify>
2058  .header__underlay {
2059    --color-submenu: rgb(255 255 255 / 1.0);
2060  }
2061</style>
2062
2063
2064
2065
2066            
2067        
2068      
2069        
2070          
2071              
2072  <search-button
2073    class="search-action search-action--hidden-on-menu"
2074  >
2075    <button
2076      on:click="#search-modal/showDialog"
2077      class="button-unstyled header-actions__action"
2078      aria-label="Search"
2079      aria-haspopup="dialog"
2080    >
2081      <span class="hidden">
2082        Search
2083      </span>
2084
2085      <span class="svg-wrapper ">
2086        <svg aria-hidden="true" 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>
2087
2088      </span>
2089    </button>
2090  </search-button>
2091
2092
2093
2094
2095            
2096        
2097      
2098        
2099          
2100              
2101
2102
2103
2104    
2105
2106    
2107
2108    <header-menu
2109      ref="headerMenu"
2110      class="header-menu"
2111      
2112      data-hydration-key="header-menu"
2113    >
2114      <div class="header-menu__inner">
2115        <nav
2116          class="menu-list"
2117          aria-label="Primary"
2118          style="--menu-top-level-font-family: var(--font-body--family);
2119--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2120
2121  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2122  var(--menu-font-sm--line-height);
2123
2124--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2125"
2126        >
2127          
2128          <overflow-list
2129  
2130    ref="overflowMenu"
2131  
2132  
2133    class="overflow-menu color-scheme-matches-parent"
2134  
2135  
2136    minimum-items="2"
2137  
2138  
2139    data-testid="header-menu-overflow-list"
2140  
2141  
2142    data-skip-node-update
2143  
2144>
2145  <template shadowrootmode="open">
2146    <link href="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/overflow-list.css?v=16727044177065489451777288787" rel="stylesheet" type="text/css" media="all" />
2147
2148    <ul part="list">
2149      <slot></slot>
2150      <slot
2151        name="more"
2152        part="more"
2153        hidden
2154        
2155      >
2156        <li
2157          part="more"
2158        >
2159          <button
2160            class="button"
2161            type="button"
2162            tabindex="0"
2163            
2164          >
2165            More
2166          </button>
2167        </li>
2168      </slot>
2169      <li
2170        part="placeholder"
2171        hidden
2172      ></li>
2173    </ul>
2174
2175    <div part="overflow">
2176      <ul part="overflow-list">
2177        <slot name="overflow"></slot>
2178      </ul>
2179    </div>
2180  </template>
2181
2182  
2183      
2184        <li
2185          role="presentation"
2186          class="menu-list__list-item"
2187          on:focus="/activate"
2188          on:blur="/deactivate"
2189          on:pointerenter="/activate"
2190          on:pointerleave="/deactivate"
2191        >
2192          <a
2193            href="/"
2194            data-skip-node-update="true"
2195            class="menu-list__link"
2196            ref="menuitem"
2197          >
2198            <span class="menu-list__link-title">Shop Home</span>
2199          </a></li>
2200      
2201        <li
2202          role="presentation"
2203          class="menu-list__list-item"
2204          on:focus="/activate"
2205          on:blur="/deactivate"
2206          on:pointerenter="/activate"
2207          on:pointerleave="/deactivate"
2208        >
2209          <a
2210            href="#"
2211            data-skip-node-update="true"
2212            class="menu-list__link"aria-controls="submenu-2"
2213              aria-haspopup="true"
2214              aria-expanded="false"
2215            ref="menuitem"
2216          >
2217            <span class="menu-list__link-title">Our Products</span>
2218          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2219              <div
2220                id="submenu-2"
2221                class="menu-list__submenu-inner"
2222                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2223var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2224none;
2225
2226    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2227    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2228    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2229  
2230--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2231var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2232none;
2233
2234    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2235    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2236    var(--opacity-subdued-text));
2237  
2238"
2239              >
2240                
2241                <div class="mega-menu section section--full-width-margin section--page-width">
2242                  <div
2243                    class="mega-menu__grid"
2244                    data-menu-grid-id="MegaMenuList-2"
2245                  >
2246                    
2247<ul
2248  data-menu-list-id="MegaMenuList-2"
2249  class="mega-menu__list list-unstyled"
2250  style="--menu-image-border-radius: 0px;"
2251>
2252  
2253    <li class="mega-menu__column mega-menu__column--span-1">
2254    <div>
2255      <a
2256        href="/collections/award-winning-nut-butters"
2257        class="mega-menu__link "
2258      >
2259        
2260        <span class="wrap-text">Award-Winning Nut Butters</span>
2261      </a>
2262      
2263    </div>
2264
2265    
2266  
2267    
2268    <div>
2269      <a
2270        href="/collections/refreshing-drinks"
2271        class="mega-menu__link "
2272      >
2273        
2274        <span class="wrap-text">Refreshing Drinks</span>
2275      </a>
2276      
2277    </div>
2278
2279    </li>
2280  
2281</ul>
2282
2283
2284
2285<style data-shopify>
2286  [data-menu-grid-id="MegaMenuList-2"] {
2287    
2288      --menu-columns-desktop: 6;
2289      --menu-columns-tablet: 4;
2290    
2291  }
2292
2293  [data-menu-list-id="MegaMenuList-2"] {
2294    
2295      --menu-columns-desktop: 6;
2296      --menu-columns-tablet: 4;
2297    
2298  }
2299</style>
2300
2301
2302
2303                  </div>
2304                </div>
2305              </div>
2306            </div></li>
2307      
2308        <li
2309          role="presentation"
2310          class="menu-list__list-item"
2311          on:focus="/activate"
2312          on:blur="/deactivate"
2313          on:pointerenter="/activate"
2314          on:pointerleave="/deactivate"
2315        >
2316          <a
2317            href="https://www.wholeearthfoods.com/approach"
2318            data-skip-node-update="true"
2319            class="menu-list__link"
2320            ref="menuitem"
2321          >
2322            <span class="menu-list__link-title">Our Approach</span>
2323          </a></li>
2324      
2325        <li
2326          role="presentation"
2327          class="menu-list__list-item"
2328          on:focus="/activate"
2329          on:blur="/deactivate"
2330          on:pointerenter="/activate"
2331          on:pointerleave="/deactivate"
2332        >
2333          <a
2334            href="https://www.wholeearthfoods.com/what-were-up-to/"
2335            data-skip-node-update="true"
2336            class="menu-list__link"
2337            ref="menuitem"
2338          >
2339            <span class="menu-list__link-title">What We're Up To</span>
2340          </a></li>
2341      
2342        <li
2343          role="presentation"
2344          class="menu-list__list-item"
2345          on:focus="/activate"
2346          on:blur="/deactivate"
2347          on:pointerenter="/activate"
2348          on:pointerleave="/deactivate"
2349        >
2350          <a
2351            href="/pages/shop-faq"
2352            data-skip-node-update="true"
2353            class="menu-list__link"
2354            ref="menuitem"
2355          >
2356            <span class="menu-list__link-title">FAQ's</span>
2357          </a></li>
2358      
2359        <li
2360          role="presentation"
2361          class="menu-list__list-item"
2362          on:focus="/activate"
2363          on:blur="/deactivate"
2364          on:pointerenter="/activate"
2365          on:pointerleave="/deactivate"
2366        >
2367          <a
2368            href="https://www.wholeearthfoods.com/recipes"
2369            data-skip-node-update="true"
2370            class="menu-list__link"
2371            ref="menuitem"
2372          >
2373            <span class="menu-list__link-title">Our Recipes</span>
2374          </a></li>
2375      
2376        <li
2377          role="presentation"
2378          class="menu-list__list-item"
2379          on:focus="/activate"
2380          on:blur="/deactivate"
2381          on:pointerenter="/activate"
2382          on:pointerleave="/deactivate"
2383        >
2384          <a
2385            href="/pages/contactus"
2386            data-skip-node-update="true"
2387            class="menu-list__link"
2388            ref="menuitem"
2389          >
2390            <span class="menu-list__link-title">Contact Us</span>
2391          </a></li>
2392      
2393      <li
2394        class="menu-list__list-item"
2395        role="presentation"
2396        slot="more"
2397        on:focus="/activate"
2398        on:blur="/deactivate"
2399        on:pointerenter="/activate"
2400        on:pointerleave="/deactivate"
2401      >
2402        <button role="listitem" class="menu-list__link button-unstyled">
2403          <span class="menu-list__link-title">More</span>
2404        </button>
2405      </li>
2406    
2407</overflow-list>
2408
2409        </nav>
2410      </div>
2411
2412      
2412<script
2413        src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/header-menu.js?v=97820922056036071501777288787"
2414        type="module"
2415        fetchpriority="low"
2416      ></script>
2416
2417    </header-menu>
2418
2419
2420<style data-shopify>
2421  .header__underlay {
2422    --color-submenu: rgb(255 255 255 / 1.0);
2423  }
2424</style>
2425
2426
2427
2428
2429            
2430        
2431      
2432    </div><div
2433      class="header__column header__column--center"
2434      data-testid="header-top-center"
2435    >
2436      
2437        
2438          
2439              
2440
2441
2442
2443
2444<a
2445  
2446  href="/"
2447  class="size-style spacing-style header-logo"
2448  style="
2449    --size-style-width: ;--size-style-height: ;
2450    --padding-block-start: 0px;--padding-block-end: 0px;
2451    --font-family: var(--font-body--family);
2452    --font-style: var(--font-body--style);
2453    --font-weight: 600;
2454  "
2455  
2456>
2457  
2458
2459  <span
2460    class="header-logo__image-container header-logo__image-container--original"
2461    data-testid="header-logo"
2462  >
2463    
2464  
2465  
2466  
2467  
2468
2469  
2470
2471  
2472
2473  
2474
2475  <img src="//shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=40&amp;v=1779791119" alt="Whole Earth - Home" width="229" height="40" class="header-logo__image" srcset="//shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=40&amp;v=1779791119 1x, //shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=80&amp;v=1779791119 2x, //shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=120&amp;v=1779791119 3x" style="--header-logo-image-width: 229px;--header-logo-image-width-mobile: 160px; --header-logo-image-height: 40px; --header-logo-image-height-mobile: 28px;">
2476
2477
2478  </span>
2479
2480  
2481</a>
2482
2483
2484
2485
2486
2487            
2488        
2489      
2490    </div><div
2491      class="header__column header__column--right"
2492      data-testid="header-top-right"
2493    >
2494      
2495        
2496          
2497              
2498  
2499  
2500
2501            
2502        
2503      
2504        
2505          
2506              
2507  <search-button
2508    class="search-action search-action--hidden-on-drawer"
2509  >
2510    <button
2511      on:click="#search-modal/showDialog"
2512      class="button-unstyled header-actions__action"
2513      aria-label="Search"
2514      aria-haspopup="dialog"
2515    >
2516      <span class="hidden">
2517        Search
2518      </span>
2519
2520      <span class="svg-wrapper ">
2521        <svg aria-hidden="true" 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>
2522
2523      </span>
2524    </button>
2525  </search-button>
2526
2527
2528
2529
2530            
2531        
2532      
2533        
2534          
2535              
2536
2537<script
2538  type="module"
2539  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/cart-icon.js?v=157241182139685326961777288787"
2540  fetchpriority="low"
2541></script>
2541
2542
2543
2544
2545
2546
2547<header-actions
2548  
2549>
2550  
2551    
2552    <div
2553      class="account-button header-actions__action color-scheme-1"
2554    >
2555      <shopify-store store-domain="https://shop.wholeearthfoods.com" country="GB" language="en"></shopify-store>
2556<shopify-account
2557        menu="customer-account-main-menu"
2558        
2559      >
2560        
2561          <span
2562            slot="signed-out-avatar"
2563            class="account-button__text header-actions__text-style hidden"
2564          >
2565            Account
2566          </span>
2567
2568          <span
2569            slot="signed-out-avatar"
2570            class=""
2571            aria-hidden="true"
2572          >
2573            
2574  <svg
2575    xmlns="http://www.w3.org/2000/svg"
2576    width="15"
2577    height="17"
2578    viewBox="0 0 15 17"
2579    fill="none"
2580    slot="signed-out-avatar"
2581    class="account-button__icon"
2582  >
2583    <path
2584      stroke="currentColor"
2585      stroke-linejoin="round"
2586      stroke-width="var(--icon-stroke-width)"
2587      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
2588    />
2589  </svg>
2590
2591          </span>
2592        
2593      </shopify-account>
2594    </div>
2595  
2596
2597  
2598    <a
2599      href="/cart"
2600      class="header-actions__action action__cart"
2601      aria-label="Cart"
2602      aria-describedby="cart-bubble-text"
2603    >
2604      
2605  <cart-icon
2606    class="header-actions__cart-icon"
2607    data-testid="cart-icon"
2608  >
2609    <span class="hidden">
2610      Cart
2611    </span>
2612
2613    <span
2614      class="svg-wrapper "
2615      aria-hidden="true"
2616    >
2617      <svg aria-hidden="true" xmlns="http://www.w3.org/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>
2618
2619    </span>
2620
2621    <div
2622  ref="cartBubble"
2623  class="cart-bubble visually-hidden"
2624  
2625  
2626    data-maintain-ratio
2627  
2628>
2629  <span class="cart-bubble__background"></span>
2630  <span
2631    ref="cartBubbleText"
2632    id="cart-bubble-text"
2633    class="cart-bubble__text"
2634  >
2635    <span
2636      class="cart-bubble__text-count hidden"
2637      ref="cartBubbleCount"
2638      aria-hidden="true"
2639      data-testid="cart-bubble"
2640    >
26410</span>
2642  </span>
2643</div>
2644
2645
2646
2647  </cart-icon>
2648
2649    </a>
2650  
2651
2652  <span
2653    ref="liveRegion"
2654    class="visually-hidden"
2655    role="status"
2656    data-testid="cart-count-live-region"
2657  ></span>
2658</header-actions>
2659
2660<script
2661  type="module"
2662  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/header-actions.js?v=121308165565653895611777288787"
2663  fetchpriority="low"
2664></script>
2664
2665
2666
2667
2668          
2669        
2670      
2671    </div>
2672        </div>
2673      </div>
2674    
2675  
2676    
2677
2678    
2679
2680    
2681    
2682  
2683
2684  
2685    <div class="header__row header__navigation-bar-row color-scheme-1">
2686      
2687
2688
2689
2690    
2691  
2692
2693<style data-shopify>
2694  .header__underlay {
2695    --color-submenu: rgb(255 255 255 / 1.0);
2696  }
2697</style>
2698
2699
2700
2701
2702    </div>
2703  
2704</header-component>
2705
2706<script
2707  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/header.js?v=36718054510661947891777288787"
2708  type="module"
2709></script>
2709
2710
2711
2712
2713
2714  
2714<script type="module">
2715    import { hydrate } from '@theme/section-hydration';
2716    const url = new URL(window.location.href);
2717    url.searchParams.delete('page');
2718    hydrate('sections--26687043436929__header_section', url);
2719  </script>
2719
2720
2721
2722
2723<style> @media only screen and (min-width: 768px) {#shopify-section-sections--26687043436929__header_section .header__row {height: 100px; } #shopify-section-sections--26687043436929__header_section .header {display: none; }} </style></header><div id="shopify-section-sections--26687043436929__custom_liquid_GRQkLy" class="shopify-section shopify-section-group-header-group">
2724
2725<div class="section-background color-scheme-1"></div>
2726<div
2727  class="section section--page-width spacing-style color-scheme-1"
2728  style="--padding-block-start: 0px; --padding-block-end:0px; 
2729--padding-inline-start:0px; --padding-inline-end:0px; 
2730"
2731>
2732  <style>
2733.we-header {
2734  display: block;
2735  background: #fff;
2736  padding: 14px 0 18px;
2737  position: relative;
2738  z-index: 10;
2739}
2740
2741.we-header__inner {
2742  margin: 0 auto;
2743  position: relative;
2744
2745  display: flex;
2746  align-items: center;
2747  justify-content: space-between;
2748}
2749
2750/* NAVS */
2751.we-header__nav {
2752  display: flex;
2753  align-items: center;
2754  gap: 22px;
2755  flex: 1; /* important for spacing */
2756}
2757
2758.we-header__nav--left {
2759  justify-content: flex-start;
2760}
2761
2762.we-header__nav--right {
2763  justify-content: flex-end;
2764}
2765
2766/* LINKS */
2767.we-header__nav a,
2768.we-header__account a {
2769  color: #00513f;
2770  text-decoration: none;
2771  text-transform: uppercase;
2772  font-size: 26px;
2773  letter-spacing: 1px;
2774  white-space: nowrap;
2775  font-family: Earth;
2776}
2777
2778/* PERFECT CENTER LOGO */
2779.we-header__logo {
2780  position: absolute;
2781  left: 50%;
2782  transform: translateX(-50%);
2783}
2784
2785.we-header__logo img {
2786  width: 250px;
2787  max-width: 100%;
2788  display: block;
2789}
2790
2791/* ACCOUNT (top right) */
2792.we-header__account {
2793  top: 8px;
2794  right: calc((100vw - 1180px) / 2 + 24px);
2795  display: flex;
2796  align-items: center;
2797  gap: 18px;
2798  justify-content: flex-end;
2799  margin-bottom:20px;
2800}
2801
2802.we-header__account a {
2803  display: flex;
2804  align-items: center;
2805  gap: 6px;
2806  font-size: 18px;
2807}
2808
2809.we-header__account img {
2810  width: 22px;
2811  height: 22px;
2812  object-fit: contain;
2813}
2814
2815/* HIDE ON MOBILE */
2816@media screen and (max-width: 749px) {
2817  .we-header {
2818    display: none;
2819  }
2820}
2821
2822.mega-parent {
2823  position: relative;
2824  display: inline-block;
2825}
2826
2827.mega-dropdown {
2828  display: none;
2829  position: absolute;
2830  top: 100%;
2831  left: 0;
2832  background: #fff;
2833  padding: 24px;
2834  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
2835  z-index: 999;
2836  min-width: 500px;
2837}
2838
2839.mega-parent:hover .mega-dropdown {
2840  display: block;
2841}
2842
2843.mega-dropdown__inner {
2844  display: grid;
2845  grid-template-columns: repeat(2, 1fr);
2846  gap: 20px;
2847}
2848
2849.mega-card {
2850  text-align: center;
2851  text-decoration: none;
2852  color: inherit;
2853}
2854
2855.mega-card img {
2856  width: 200px;
2857  height: 160px;
2858  object-fit: cover;
2859  display: block;
2860  margin-bottom: 8px;
2861  border-radius: 6px;
2862}
2863
2864.mega-card span {
2865  font-size: 16px;
2866  font-weight: 600;
2867}
2868</style>
2869
2870<header class="we-header">
2871  <div class="we-header__account">
2872    <a href="/account">
2873      <img src="https://cdn.shopify.com/s/files/1/0717/3729/files/header-nav-tools-login.png?v=1777296600" alt="">
2874      Login
2875    </a>
2876
2877    <a href="/cart" id="ap-cart-btn">
2878      <img src="https://cdn.shopify.com/s/files/1/0717/3729/files/header-nav-tools-basket.png?v=1777296600" alt="">
2879      Basket
2880    </a>
2881  </div>
2882
2883  <div class="we-header__inner">
2884    <nav class="we-header__nav we-header__nav--left">
2885      <a href="/">Shop Home</a>
2886  <div class="mega-parent">
2887    <a href="#">Our Products</a>
2888
2889    <div class="mega-dropdown">
2890      <div class="mega-dropdown__inner">
2891
2892        <a href="/collections/award-winning-nut-butters" class="mega-card">
2893          <img src="https://shop.wholeearthfoods.com/cdn/shop/t/7/assets/header-nav-main-drop-ranges-peanut_butter.png?v=89767171563993182581637916858" alt="nut butters">
2894          <span>Award-winning nut-butters</span>
2895        </a>
2896
2897        <a href="/collections/refreshing-drinks" class="mega-card">
2898          <img src="https://shop.wholeearthfoods.com/cdn/shop/t/7/assets/header-nav-main-drop-ranges-drinks.png?v=94555646118821816741637916857" alt="Refreshing Drinks">
2899          <span>Refreshing Drinks</span>
2900        </a>
2901
2902      </div>
2903    </div>
2904  </div>
2905
2906  <a href="https://www.wholeearthfoods.com/approach">Our Approach</a>
2907
2908</nav>
2909
2910    <a href="/" class="we-header__logo">
2911      <img src="https://cdn.shopify.com/s/files/1/0717/3729/files/wholeearth_logo.avif?v=1779791119" alt="Whole Earth" width="100%" height="100%" >
2912    </a>
2913
2914    <nav class="we-header__nav we-header__nav--right">
2915      <a href="https://www.wholeearthfoods.com/what-were-up-to/">What We're Up To</a>
2916      <a href="https://shop.wholeearthfoods.com/pages/shipping-faq">FAQs</a>
2917      <a href="https://www.wholeearthfoods.com/recipes">Our Recipes</a>
2918    </nav>
2919  </div>
2920</header>
2921
2922</div>
2923
2924
2925</div>
2926<!-- END sections: header-group -->
2927    </div>
2928
2929    
2929<script>
2930      // Inline header height and menu style calculations to prevent layout shift
2931      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
2932      (function setHeaderHeighCustomProperties() {
2933        /*
2934         * Header calculation functions for maintaining CSS variables
2935         * Mimic calculateHeaderGroupHeight() in utilities.js
2936         */
2937        const header = document.querySelector('header-component');
2938        const headerGroup = document.querySelector('#header-group');
2939        const hasHeaderSection = headerGroup?.querySelector('.header-section');
2940
2941        if (!header || !headerGroup) return;
2942
2943        const headerTopRow = header.querySelector('.header__row--top');
2944        const headerHeight = header.offsetHeight;
2945
2946        // Calculate the total height of the header group
2947        let headerGroupHeight = 0;
2948        const children = headerGroup.children;
2949        for (let i = 0; i < children.length; i++) {
2950          const element = children[i];
2951          if (element === header || !(element instanceof HTMLElement)) continue;
2952          headerGroupHeight += element.offsetHeight;
2953        }
2954
2955        // Check for transparent header special case
2956        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
2957          headerGroupHeight += headerHeight;
2958        }
2959
2960        // Set CSS variables
2961        document.body.style.setProperty('--header-height', `${headerHeight}px`);
2962        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
2963
2964        if (headerTopRow) {
2965          window.requestAnimationFrame(function () {
2966            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
2967          });
2968        }
2969
2970        /**
2971         * Updates CSS custom properties for transparent header offset calculation
2972         * Mimic updateTransparentHeaderOffset() in utilities.js
2973         */
2974
2975        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
2976          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
2977          return;
2978        }
2979
2980        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
2981
2982        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
2983        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
2984      })();
2985
2986      (function setHeaderMenuStyle() {
2987        const headerComponent = document.querySelector('#header-component');
2988        if (headerComponent) {
2989          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
2990          const overflowList = headerComponent?.querySelector('overflow-list');
2991          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
2992          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
2993        }
2994      })();
2995    </script>
2995
2996
2997    <main
2998      id="MainContent"
2999      class="content-for-layout"
3000      role="main"
3001      data-page-transition-enabled="false"
3002      data-product-transition="false"
3003      data-template="cart"
3004    >
3005      <div id="shopify-section-template--26687043142017__cart-section" class="shopify-section">
3006
3007
3008
3009
3010
3011
3012<cart-items-component
3013  class="cart-items-component"
3014  
3015  data-section-id="template--26687043142017__cart-section"
3016>
3017  
3018  <template id="empty-cart-template">
3019    <div class="section-background color-scheme-1"></div>
3020    <div
3021      class="section color-scheme-1 section--page-width"
3022    >
3023      <div
3024        class="cart-page spacing-style cart-page--empty"
3025        style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;"
3026      >
3027        <div class="cart-page__title">
3028
3029
3030
3031
3032
3033<div
3034  class="cart-title spacing-style text-left"
3035  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3036  
3037>
3038  <h1 class="h4">Your cart is empty
3039</h1>
3040</div>
3041
3042
3043
3044
3045
3046        </div>
3047        <div class="cart-page__items">
3048
3049
3050
3051
3052
3053<script
3054  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-cart-items.js?v=165440327125931659001777288787"
3055  type="module"
3056  fetchpriority="low"
3057></script>
vendor: 1 bytes, line 3057
3057
3058<script
3059  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-cart-quantity-selector.js?v=105130809908858639751777288787"
3060  type="module"
3061  fetchpriority="low"
3062></script>
vendor: 1 bytes, line 3062
3062
3063<script
3064  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661777288787"
3065  type="module"
3066  fetchpriority="low"
3067></script>
3067
3068
3069<div
3070  
3071  class="cart-items__wrapper"
3072  
3073>
3074  
3075<p>
3076        Have an account? <a href="https://shop.wholeearthfoods.com/customer_authentication/redirect?locale=en&region_country=GB">Log in</a> to check out faster.
3077      </p><a
3078      class="button cart-items__empty-button"
3079      href="/"
3080    >
3081      <span class="button-text">
3082        Continue shopping
3083      </span>
3084    </a></div>
3085
3086
3087
3088
3089
3090
3091
3092
3093        </div>
3094        
3095  <div class="cart-page__more-blocks"></div>
3096
3097      </div>
3098    </div>
3099  </template>
3100
3101  
3102  <div class="section-background color-scheme-1"></div>
3103  <div
3104    class="section color-scheme-1 section--page-width"
3105  >
3106    <div
3107      class="cart-page spacing-style cart-page--empty"
3108      style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;"
3109    >
3110      <div class="cart-page__title">
3111
3112
3113
3114
3115
3116<div
3117  class="cart-title spacing-style text-left"
3118  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3119  
3120>
3121  <h1 class="h4">Your cart is empty
3122</h1>
3123</div>
3124
3125
3126
3127
3128
3129      </div>
3130
3131      <div class="cart-page__items">
3132
3133
3134
3135
3136
3137<script
3138  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-cart-items.js?v=165440327125931659001777288787"
3139  type="module"
3140  fetchpriority="low"
3141></script>
vendor: 1 bytes, line 3141
3141
3142<script
3143  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/component-cart-quantity-selector.js?v=105130809908858639751777288787"
3144  type="module"
3145  fetchpriority="low"
3146></script>
vendor: 1 bytes, line 3146
3146
3147<script
3148  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/volume-pricing-info.js?v=94479640769665442661777288787"
3149  type="module"
3150  fetchpriority="low"
3151></script>
3151
3152
3153<div
3154  
3155  class="cart-items__wrapper"
3156  
3157>
3158  
3159<p>
3160        Have an account? <a href="https://shop.wholeearthfoods.com/customer_authentication/redirect?locale=en&region_country=GB">Log in</a> to check out faster.
3161      </p><a
3162      class="button cart-items__empty-button"
3163      href="/"
3164    >
3165      <span class="button-text">
3166        Continue shopping
3167      </span>
3168    </a></div>
3169
3170
3171
3172
3173
3174
3175
3176
3177      </div>
3178  <div class="cart-page__more-blocks"></div>
3179
3180    </div>
3181  </div>
3182  
3183
3184</cart-items-component>
3185
3186
3187
3188
3189
3190
3191
3192</div><div id="shopify-section-template--26687043142017__product_list_NNFgcy" class="shopify-section ui-test-product-list">
3193
3194
3195
3196<div class="section-background color-scheme-1"></div>
3197<div
3198  data-testid="product-list"
3199  class="
3200    section
3201    section--page-width
3202    color-scheme-1
3203    section-resource-list
3204    spacing-style
3205    gap-style
3206  "
3207  style="
3208    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
3209    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
3210  "
3211>
3212  <div class="section-resource-list__header">
3213<div
3214  class="
3215    group-block
3216    group-block--height-fit
3217    group-block--width-fill
3218    border-style
3219    spacing-style
3220    size-style
3221    
3222    
3223  "
3224  style="
3225    --border-width: 1px; --border-style: none; --border-color:
3226rgb(var(--color-border-rgb) / 1.0); --border-radius:
32270px; 
3228
3229    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3230    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3231    
3232  "
3233  
3234  data-testid="group-block"
3235><div class="group-block__media-wrapper">
3236    
3237
3238
3239
3240    
3241  </div>
3242
3243  <div
3244    class="
3245      group-block-content
3246      
3247      layout-panel-flex
3248      layout-panel-flex--row
3249      
3250    "
3251    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3252
3253--gap: 12px;
3254
3255--horizontal-alignment: space-between; --vertical-alignment: last baseline;
3256--vertical-alignment-mobile: last baseline;
3257"
3258  >
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270  <div class=" spacing-style text-block text-block--AanRPdVJoeDFGQVIzR__product_list_text_fifeh4 h4      "  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);          ">
3271    <h3>You may also like</h3>
3272  </div>
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285  
3286
3287<a
3288  
3289    href="/collections/all"
3290  
3291  class="
3292    size-style
3293    link
3294    link--AY1N1dkttTnVwWkxrW__product_list_button_eibbma
3295  "
3296  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
3297>
3298  View all
3299</a>
3300
3301
3302
3303
3304
3305
3306</div>
3307</div>
3308
3309
3310
3311</div>
3312
3313  
3314
3315  
3316
3317  
3318
3319<div
3320  class="
3321    resource-list
3322    
3323    
3324    resource-list--grid
3325  "
3326  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
3327  
3328    data-testid="resource-list-grid"
3329  
3330>
3331  
3332      
3333    
3334      
3335        
3336          <div
3337            class="resource-list__item"
3338          >
3339            
3340              
3341
3342
3343
3344
3345
3346<style data-shopify>
3347  
3348</style>
3349
3350
3351
3352<product-card
3353  class="product-card size-style"
3354  style="--size-style-width: ;--size-style-height: ;"
3355  data-product-id="15251367592321"
3356  id="product-card-AaFZ5UGg0ZUIvS2c3U__static-product-card"
3357  
3358  
3359  
3360>
3361  <a
3362    id="b6dc6130f0bb3486ec581a63ee88a261"
3363    
3364      href="/products/100-nuts-crunchy-peanut-butter-340g?variant=55037910942081"
3365    
3366    class="product-card__link"
3367    ref="productCardLink"
3368  >
3369    <span class="visually-hidden">
3370      100% Nuts Crunchy Peanut Butter 340g
3371    </span>
3372  </a>
3373  <div
3374    class="
3375      product-card__content
3376      layout-panel-flex
3377      layout-panel-flex--column
3378      product-grid__card
3379      spacing-style
3380      border-style
3381      gap-style
3382      
3383    "
3384    style="
3385      --border-width: 1px; --border-style: none; --border-color:
3386rgb(var(--color-border-rgb) / 1.0); --border-radius:
33870px; 
3388
3389      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3390
3391
3392
3393--horizontal-alignment: ; --vertical-alignment: ;
3394--vertical-alignment-mobile: ;
3395
3396      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3397      --product-card-gap: 4px;
3398      --quick-add-display: flex;
3399      --quick-add-mobile-display: none;
3400      --quick-add-mobile-opacity: 0;
3401      
3402      
3403      
3404      
3405    "
3406  >
3407    
3408  
3409
3410
3411
3412
3413
3414
3415
3416<div
3417  ref="cardGallery"
3418  class="card-gallery card-gallery-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq spacing-style border-style"
3419  style="
3420    --border-width: 1px; --border-style: none; --border-color:
3421rgb(var(--color-border-rgb) / 1.0); --border-radius:
34220px; 
3423
3424    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3425    --gallery-aspect-ratio: 1.0;
3426  "
3427  data-product-id="15251367592321"
3428  
3429    on:pointerenter="/previewImage"
3430    on:pointerleave="/resetImage"
3431  
3432  
3433  data-image-ratio="adapt"
3434  
3435>
3436    <a
3437      class="contents"
3438      ref="cardGalleryLink"
3439      href="/products/100-nuts-crunchy-peanut-butter-340g?variant=55037910942081"
3440      aria-label="100% Nuts Crunchy Peanut Butter 340g"
3441    >
3442      <slideshow-component
3443  
3444    ref="slideshow"
3445  
3446  
3447  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3448  
3449  initial-slide="0"
3450  
3451  
3452    infinite
3453  
3454
3455  data-generic-media-size="1"
3456>
3457  
3458  <slideshow-container ref="slideshowContainer">
3459    
3460    
3461    <slideshow-slides
3462      tabindex="-1"
3463      ref="scroller"
3464      
3465    >
3466      <slideshow-slide
3467  ref="slides[]"
3468  aria-hidden="false"
3469  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3470  
3471    class="product-media-container media-fit product-media-container--image"
3472  
3473  
3474  
3475  
3476    slide-id="67508887388545"
3477  
3478  
3479  
3480  
3481>
3482  
3483
3484<div
3485  class="product-media"
3486  style="--ratio: 1.0"
3487  data-media-id="67508887388545"
3488>
3489  
3490  <img src="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=3840" alt="100% Nuts Crunchy Peanut Butter 340g" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3491
3492  
3493</div>
3494
3495
3496
3497</slideshow-slide>
3498
3499
3500
3501
3502    </slideshow-slides>
3503  </slideshow-container>
3504  
3505</slideshow-component>
3506
3507
3508
3509
3510    </a>
3511  
3512  
3513    <div
3514      class="product-badges product-badges--top-right"
3515      style="
3516        --badge-border-radius: 100px;
3517        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
3518      "
3519    ></div>
3520    
3521      
3522
3523<quick-add-component
3524  class="quick-add color-scheme-1 "
3525  ref="quickAdd"
3526  data-product-title="100% Nuts Crunchy Peanut Butter 340g"
3527  data-quick-add-button="add"
3528  data-product-options-count="1"
3529>
3530  <product-form-component
3531    data-section-id="template--26687043142017__product_list_NNFgcy"
3532    data-product-id="15251367592321"
3533    on:submit="/handleSubmit"
3534    class="quick-add__product-form-component"
3535  >
3536    <div
3537      class="visually-hidden"
3538      aria-live="assertive"
3539      role="status"
3540      aria-atomic="true"
3541      ref="liveRegion"
3542    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15251367592321-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq" 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
3543        type="hidden"
3544        name="id"
3545        ref="variantId"
3546        value="55037910942081"
3547        
3548      >
3549      <input
3550        type="hidden"
3551        name="quantity"
3552        value="1"
3553      >
3554      
3555      <add-to-cart-component
3556  ref="addToCartButtonContainer"
3557  data-product-variant-media="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=100"
3558  data-add-to-cart-animation="true"
3559>
3560  <button
3561    
3562    type="submit"
3563    name="add"
3564    ref="addToCartButton"
3565    on:click="/handleClick"
3566    class="button button quick-add__button quick-add__button--add add-to-cart-button"
3567    
3568    
3569  >
3570    <span
3571      class="add-to-cart-text"
3572    >
3573      
3574        <span
3575          aria-hidden="true"
3576          class="svg-wrapper add-to-cart-icon"
3577        ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
3578</span>
3579      
3580      <span class="add-to-cart-text__content is-visually-hidden-mobile">
3581        <span>
3582          <span>Add</span>
3583        </span>
3584      </span>
3585    </span>
3586    
3587    <span class="add-to-cart__added">
3588      <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">
3589  <g class="check">
3590    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3591    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3592  </g>
3593  <g class="burst">
3594    <g style="--index: 0;">
3595      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3596    </g>
3597    <g style="--index: 1;">
3598      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3599    </g>
3600    <g style="--index: 2;">
3601      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3602    </g>
3603    <g style="--index: 3;">
3604      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3605    </g>
3606    <g style="--index: 4;">
3607      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3608    </g>
3609    <g style="--index: 5;">
3610      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3611    </g>
3612    <g style="--index: 6;">
3613      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3614    </g>
3615    <g style="--index: 7;">
3616      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3617    </g>
3618  </g>
3619</svg>
3620</span>
3621    </span>
3622  </button>
3623</add-to-cart-component>
3624
3625
3626      <button
3627        class="button quick-add__button quick-add__button--choose add-to-cart-button"
3628        
3629        type="button"
3630        name="add"
3631        on:click="quick-add-component/handleClick"
3632      >
3633        <span
3634          class="add-to-cart-text"
3635        >
3636          
3637          <span
3638            aria-hidden="true"
3639            class="svg-wrapper add-to-cart-icon"
3640          ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
3641</span>
3642          <span class="add-to-cart-text__content is-visually-hidden-mobile">
3643            <span>
3644              
3645              <span>
3646                Choose
3647              </span>
3648            </span>
3649          </span>
3650        </span>
3651      </button><input type="hidden" name="product-id" value="15251367592321" /><input type="hidden" name="section-id" value="template--26687043142017__product_list_NNFgcy" /></form></product-form-component>
3652</quick-add-component>
3653
3654
3655
3656
3657    
3658  
3659
3660</div>
3661
3662
3663
3664
3665
3666<div class="product-grid-view-zoom-out--details">
3667  
3668    <h3 class="h4">100% Nuts Crunchy Peanut Butter 340g</h3>
3669  
3670</div>
3671
3672
3673
3674
3675
3676
3677
3678
3679  
3680  <a
3681    class="contents user-select-text"
3682    ref="productTitleLink"
3683    href="/products/100-nuts-crunchy-peanut-butter-340g?variant=55037910942081"
3684  >
3685    
3686
3687
3688
3689
3690
3691
3692  <div class=" spacing-style text-block text-block--AMXVidkNDOS9hUHFsV__product_title_WNMpHe rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
3693    <p role="heading" aria-level="3">100% Nuts Crunchy Peanut Butter 340g</p>
3694  </div>
3695
3696
3697
3698
3699  </a>
3700
3701
3702
3703
3704
3705
3706<product-price
3707  class="text-block text-block--align-left text-left h6 spacing-style"
3708  data-block-id="AdW1ZWU81M3ZiOXk5M__price_yXfkPX"
3709  data-product-id="15251367592321"
3710  style="
3711    
3712--color: var(--color-foreground);
3713    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3714    --width: 100%;
3715  "
3716  
3717>
3718  <div ref="priceContainer">
3719  
3720    
3721    <div
3722      class="
3723        price__regular
3724        
3725      "
3726    >
3727      <span class="price">£4.49</span>
3728    </div>
3729    <div
3730      class="
3731        price__sale
3732        
3733          price__hidden
3734        
3735      "
3736    >
3737      
3738        <span class="price-item__group">
3739          <span class="visually-hidden">Sale price&nbsp;</span>
3740          <span class="price-item--sale price">£4.49</span>
3741        </span>
3742        <span class="price-item__group">
3743          <span class="visually-hidden">Regular price&nbsp;</span>
3744          <span class="price-item--regular compare-at-price"></span>
3745        </span>
3746      
3747    </div>
3748  
3749</div>
3750
3751  
3752</product-price>
3753
3754
3755
3756
3757  </div>
3758</product-card>
3759
3760
3761
3762
3763
3764
3765
3766
3767
3768
3769
3770
3771
3772
3773
3774
3775            
3776          </div>
3777
3778          
3779            <!--@list/split-->
3780          
3781        
3782          <div
3783            class="resource-list__item"
3784          >
3785            
3786              
3787
3788
3789
3790
3791
3792<style data-shopify>
3793  
3794</style>
3795
3796
3797
3798<product-card
3799  class="product-card size-style"
3800  style="--size-style-width: ;--size-style-height: ;"
3801  data-product-id="15251379913089"
3802  id="product-card-AaFZ5UGg0ZUIvS2c3U__static-product-card-1"
3803  
3804  
3805  
3806>
3807  <a
3808    id="1fc97d07a14d912d5f6c8d15412184e9"
3809    
3810      href="/products/100-nuts-smooth-peanut-butter-340g?variant=55037939614081"
3811    
3812    class="product-card__link"
3813    ref="productCardLink"
3814  >
3815    <span class="visually-hidden">
3816      100% Nuts Smooth Peanut Butter 340g
3817    </span>
3818  </a>
3819  <div
3820    class="
3821      product-card__content
3822      layout-panel-flex
3823      layout-panel-flex--column
3824      product-grid__card
3825      spacing-style
3826      border-style
3827      gap-style
3828      
3829    "
3830    style="
3831      --border-width: 1px; --border-style: none; --border-color:
3832rgb(var(--color-border-rgb) / 1.0); --border-radius:
38330px; 
3834
3835      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3836
3837
3838
3839--horizontal-alignment: ; --vertical-alignment: ;
3840--vertical-alignment-mobile: ;
3841
3842      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3843      --product-card-gap: 4px;
3844      --quick-add-display: flex;
3845      --quick-add-mobile-display: none;
3846      --quick-add-mobile-opacity: 0;
3847      
3848      
3849      
3850      
3851    "
3852  >
3853    
3854  
3855
3856
3857
3858
3859
3860
3861
3862<div
3863  ref="cardGallery"
3864  class="card-gallery card-gallery-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-1 spacing-style border-style"
3865  style="
3866    --border-width: 1px; --border-style: none; --border-color:
3867rgb(var(--color-border-rgb) / 1.0); --border-radius:
38680px; 
3869
3870    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3871    --gallery-aspect-ratio: 1.0;
3872  "
3873  data-product-id="15251379913089"
3874  
3875    on:pointerenter="/previewImage"
3876    on:pointerleave="/resetImage"
3877  
3878  
3879  data-image-ratio="adapt"
3880  
3881>
3882    <a
3883      class="contents"
3884      ref="cardGalleryLink"
3885      href="/products/100-nuts-smooth-peanut-butter-340g?variant=55037939614081"
3886      aria-label="100% Nuts Smooth Peanut Butter 340g"
3887    >
3888      <slideshow-component
3889  
3890    ref="slideshow"
3891  
3892  
3893  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3894  
3895  initial-slide="0"
3896  
3897  
3898    infinite
3899  
3900
3901  data-generic-media-size="1"
3902>
3903  
3904  <slideshow-container ref="slideshowContainer">
3905    
3906    
3907    <slideshow-slides
3908      tabindex="-1"
3909      ref="scroller"
3910      
3911    >
3912      <slideshow-slide
3913  ref="slides[]"
3914  aria-hidden="false"
3915  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3916  
3917    class="product-media-container media-fit product-media-container--image"
3918  
3919  
3920  
3921  
3922    slide-id="67508886962561"
3923  
3924  
3925  
3926  
3927>
3928  
3929
3930<div
3931  class="product-media"
3932  style="--ratio: 1.0"
3933  data-media-id="67508886962561"
3934>
3935  
3936  <img src="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=3840" alt="100% Nuts Smooth Peanut Butter 340g" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3937
3938  
3939</div>
3940
3941
3942
3943</slideshow-slide>
3944
3945
3946
3947
3948    </slideshow-slides>
3949  </slideshow-container>
3950  
3951</slideshow-component>
3952
3953
3954
3955
3956    </a>
3957  
3958  
3959    <div
3960      class="product-badges product-badges--top-right"
3961      style="
3962        --badge-border-radius: 100px;
3963        --badge-font-family: var(--font-body--family);
3963 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
3964      "
3965    ></div>
3966    
3967      
3968
3969<quick-add-component
3970  class="quick-add color-scheme-1 "
3971  ref="quickAdd"
3972  data-product-title="100% Nuts Smooth Peanut Butter 340g"
3973  data-quick-add-button="add"
3974  data-product-options-count="1"
3975>
3976  <product-form-component
3977    data-section-id="template--26687043142017__product_list_NNFgcy"
3978    data-product-id="15251379913089"
3979    on:submit="/handleSubmit"
3980    class="quick-add__product-form-component"
3981  >
3982    <div
3983      class="visually-hidden"
3984      aria-live="assertive"
3985      role="status"
3986      aria-atomic="true"
3987      ref="liveRegion"
3988    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15251379913089-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-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
3989        type="hidden"
3990        name="id"
3991        ref="variantId"
3992        value="55037939614081"
3993        
3994      >
3995      <input
3996        type="hidden"
3997        name="quantity"
3998        value="1"
3999      >
4000      
4001      <add-to-cart-component
4002  ref="addToCartButtonContainer"
4003  data-product-variant-media="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=100"
4004  data-add-to-cart-animation="true"
4005>
4006  <button
4007    
4008    type="submit"
4009    name="add"
4010    ref="addToCartButton"
4011    on:click="/handleClick"
4012    class="button button quick-add__button quick-add__button--add add-to-cart-button"
4013    
4014    
4015  >
4016    <span
4017      class="add-to-cart-text"
4018    >
4019      
4020        <span
4021          aria-hidden="true"
4022          class="svg-wrapper add-to-cart-icon"
4023        ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
4024</span>
4025      
4026      <span class="add-to-cart-text__content is-visually-hidden-mobile">
4027        <span>
4028          <span>Add</span>
4029        </span>
4030      </span>
4031    </span>
4032    
4033    <span class="add-to-cart__added">
4034      <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">
4035  <g class="check">
4036    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4037    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4038  </g>
4039  <g class="burst">
4040    <g style="--index: 0;">
4041      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4042    </g>
4043    <g style="--index: 1;">
4044      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4045    </g>
4046    <g style="--index: 2;">
4047      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4048    </g>
4049    <g style="--index: 3;">
4050      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4051    </g>
4052    <g style="--index: 4;">
4053      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4054    </g>
4055    <g style="--index: 5;">
4056      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4057    </g>
4058    <g style="--index: 6;">
4059      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4060    </g>
4061    <g style="--index: 7;">
4062      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4063    </g>
4064  </g>
4065</svg>
4066</span>
4067    </span>
4068  </button>
4069</add-to-cart-component>
4070
4071
4072      <button
4073        class="button quick-add__button quick-add__button--choose add-to-cart-button"
4074        
4075        type="button"
4076        name="add"
4077        on:click="quick-add-component/handleClick"
4078      >
4079        <span
4080          class="add-to-cart-text"
4081        >
4082          
4083          <span
4084            aria-hidden="true"
4085            class="svg-wrapper add-to-cart-icon"
4086          ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
4087</span>
4088          <span class="add-to-cart-text__content is-visually-hidden-mobile">
4089            <span>
4090              
4091              <span>
4092                Choose
4093              </span>
4094            </span>
4095          </span>
4096        </span>
4097      </button><input type="hidden" name="product-id" value="15251379913089" /><input type="hidden" name="section-id" value="template--26687043142017__product_list_NNFgcy" /></form></product-form-component>
4098</quick-add-component>
4099
4100
4101
4102
4103    
4104  
4105
4106</div>
4107
4108
4109
4110
4111
4112<div class="product-grid-view-zoom-out--details">
4113  
4114    <h3 class="h4">100% Nuts Smooth Peanut Butter 340g</h3>
4115  
4116</div>
4117
4118
4119
4120
4121
4122
4123
4124
4125  
4126  <a
4127    class="contents user-select-text"
4128    ref="productTitleLink"
4129    href="/products/100-nuts-smooth-peanut-butter-340g?variant=55037939614081"
4130  >
4131    
4132
4133
4134
4135
4136
4137
4138  <div class=" spacing-style text-block text-block--AMXVidkNDOS9hUHFsV__product_title_WNMpHe-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4139    <p role="heading" aria-level="3">100% Nuts Smooth Peanut Butter 340g</p>
4140  </div>
4141
4142
4143
4144
4145  </a>
4146
4147
4148
4149
4150
4151
4152<product-price
4153  class="text-block text-block--align-left text-left h6 spacing-style"
4154  data-block-id="AdW1ZWU81M3ZiOXk5M__price_yXfkPX-1"
4155  data-product-id="15251379913089"
4156  style="
4157    
4158--color: var(--color-foreground);
4159    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4160    --width: 100%;
4161  "
4162  
4163>
4164  <div ref="priceContainer">
4165  
4166    
4167    <div
4168      class="
4169        price__regular
4170        
4171      "
4172    >
4173      <span class="price">£4.49</span>
4174    </div>
4175    <div
4176      class="
4177        price__sale
4178        
4179          price__hidden
4180        
4181      "
4182    >
4183      
4184        <span class="price-item__group">
4185          <span class="visually-hidden">Sale price&nbsp;</span>
4186          <span class="price-item--sale price">£4.49</span>
4187        </span>
4188        <span class="price-item__group">
4189          <span class="visually-hidden">Regular price&nbsp;</span>
4190          <span class="price-item--regular compare-at-price"></span>
4191        </span>
4192      
4193    </div>
4194  
4195</div>
4196
4197  
4198</product-price>
4199
4200
4201
4202
4203  </div>
4204</product-card>
4205
4206
4207
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220
4221            
4222          </div>
4223
4224          
4225            <!--@list/split-->
4226          
4227        
4228          <div
4229            class="resource-list__item"
4230          >
4231            
4232              
4233
4234
4235
4236
4237
4238<style data-shopify>
4239  
4240</style>
4241
4242
4243
4244<product-card
4245  class="product-card size-style"
4246  style="--size-style-width: ;--size-style-height: ;"
4247  data-product-id="399457429"
4248  id="product-card-AaFZ5UGg0ZUIvS2c3U__static-product-card-2"
4249  
4250  
4251  
4252>
4253  <a
4254    id="a8f46901766eddaeb8b3e911649c58ab"
4255    
4256      href="/products/whole-earth-crunchy-peanut-butter-1000-g?variant=1041509029"
4257    
4258    class="product-card__link"
4259    ref="productCardLink"
4260  >
4261    <span class="visually-hidden">
4262      Crunchy Peanut Butter No Added Sugar 1000g
4263    </span>
4264  </a>
4265  <div
4266    class="
4267      product-card__content
4268      layout-panel-flex
4269      layout-panel-flex--column
4270      product-grid__card
4271      spacing-style
4272      border-style
4273      gap-style
4274      
4275    "
4276    style="
4277      --border-width: 1px; --border-style: none; --border-color:
4278rgb(var(--color-border-rgb) / 1.0); --border-radius:
42790px; 
4280
4281      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4282
4283
4284
4285--horizontal-alignment: ; --vertical-alignment: ;
4286--vertical-alignment-mobile: ;
4287
4288      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4289      --product-card-gap: 4px;
4290      --quick-add-display: none;
4291      --quick-add-mobile-display: none;
4292      --quick-add-mobile-opacity: 0;
4293      
4294      
4295      
4296      
4297    "
4298  >
4299    
4300  
4301
4302
4303
4304
4305
4306
4307
4308<div
4309  ref="cardGallery"
4310  class="card-gallery card-gallery-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-2 spacing-style border-style card-gallery--badge-top-right"
4311  style="
4312    --border-width: 1px; --border-style: none; --border-color:
4313rgb(var(--color-border-rgb) / 1.0); --border-radius:
43140px; 
4315
4316    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4317    --gallery-aspect-ratio: 1.0;
4318  "
4319  data-product-id="399457429"
4320  
4321    on:pointerenter="/previewImage"
4322    on:pointerleave="/resetImage"
4323  
4324  
4325  data-image-ratio="adapt"
4326  
4327>
4328    <a
4329      class="contents"
4330      ref="cardGalleryLink"
4331      href="/products/whole-earth-crunchy-peanut-butter-1000-g?variant=1041509029"
4332      aria-label="Crunchy Peanut Butter No Added Sugar 1000g"
4333    >
4334      <slideshow-component
4335  
4336    ref="slideshow"
4337  
4338  
4339  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
4340  
4341  initial-slide="0"
4342  
4343  
4344    infinite
4345  
4346
4347  data-generic-media-size="1"
4348>
4349  
4350  <slideshow-container ref="slideshowContainer">
4351    
4352    
4353    <slideshow-slides
4354      tabindex="-1"
4355      ref="scroller"
4356      
4357    >
4358      <slideshow-slide
4359  ref="slides[]"
4360  aria-hidden="false"
4361  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
4362  
4363    class="product-media-container media-fit product-media-container--image"
4364  
4365  
4366  
4367  
4368    slide-id="6736072212574"
4369  
4370  
4371  
4372  
4373>
4374  
4375
4376<div
4377  class="product-media"
4378  style="--ratio: 1.0"
4379  data-media-id="6736072212574"
4380>
4381  
4382  <img src="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=3840" alt="Crunchy Peanut Butter No Added Sugar 1000g" srcset="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=352 352w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=832 832w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4383
4384  
4385</div>
4386
4387
4388
4389</slideshow-slide>
4390
4391
4392
4393
4394    </slideshow-slides>
4395  </slideshow-container>
4396  
4397</slideshow-component>
4398
4399
4400
4401
4402    </a>
4403  
4404  
4405    <div
4406      class="product-badges product-badges--top-right"
4407      style="
4408        --badge-border-radius: 100px;
4409        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
4410      "
4411    ><div
4412          class="
4413            product-badges__badge product-badges__badge--rectangle
4414             color-scheme-3
4415          "
4416        >Sold out
4417</div></div>
4418    
4419      
4420
4421<quick-add-component
4422  class="quick-add color-scheme-1 "
4423  ref="quickAdd"
4424  data-product-title="Crunchy Peanut Butter No Added Sugar 1000g"
4425  data-quick-add-button="add"
4426  data-product-options-count="1"
4427>
4428  <product-form-component
4429    data-section-id="template--26687043142017__product_list_NNFgcy"
4430    data-product-id="399457429"
4431    on:submit="/handleSubmit"
4432    class="quick-add__product-form-component"
4433  >
4434    <div
4435      class="visually-hidden"
4436      aria-live="assertive"
4437      role="status"
4438      aria-atomic="true"
4439      ref="liveRegion"
4440    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-399457429-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-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
4441        type="hidden"
4442        name="id"
4443        ref="variantId"
4444        value="1041509029"
4445        
4446          disabled
4447        
4448      >
4449      <input
4450        type="hidden"
4451        name="quantity"
4452        value="1"
4453      >
4454      
4455      <add-to-cart-component
4456  ref="addToCartButtonContainer"
4457  data-product-variant-media="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=100"
4458  data-add-to-cart-animation="true"
4459>
4460  <button
4461    
4462    type="submit"
4463    name="add"
4464    ref="addToCartButton"
4465    on:click="/handleClick"
4466    class="button button quick-add__button quick-add__button--add add-to-cart-button"
4467    
4468    
4469      disabled
4470    
4471  >
4472    <span
4473      class="add-to-cart-text"
4474    >
4475      
4476      <span class="add-to-cart-text__content is-visually-hidden-mobile">
4477        <span>
4478          <span>Add</span>
4479        </span>
4480      </span>
4481    </span>
4482    
4483    <span class="add-to-cart__added">
4484      <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">
4485  <g class="check">
4486    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4487    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4488  </g>
4489  <g class="burst">
4490    <g style="--index: 0;">
4491      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4492    </g>
4493    <g style="--index: 1;">
4494      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4495    </g>
4496    <g style="--index: 2;">
4497      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4498    </g>
4499    <g style="--index: 3;">
4500      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4501    </g>
4502    <g style="--index: 4;">
4503      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4504    </g>
4505    <g style="--index: 5;">
4506      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4507    </g>
4508    <g style="--index: 6;">
4509      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4510    </g>
4511    <g style="--index: 7;">
4512      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4513    </g>
4514  </g>
4515</svg>
4516</span>
4517    </span>
4518  </button>
4519</add-to-cart-component>
4520
4521
4522      <button
4523        class="button quick-add__button quick-add__button--choose add-to-cart-button"
4524        
4525        type="button"
4526        name="add"
4527        on:click="quick-add-component/handleClick"
4528      >
4529        <span
4530          class="add-to-cart-text"
4531        >
4532          
4533          <span
4534            aria-hidden="true"
4535            class="svg-wrapper add-to-cart-icon"
4536          ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
4537</span>
4538          <span class="add-to-cart-text__content is-visually-hidden-mobile">
4539            <span>
4540              
4541              <span>
4542                Choose
4543              </span>
4544            </span>
4545          </span>
4546        </span>
4547      </button><input type="hidden" name="product-id" value="399457429" /><input type="hidden" name="section-id" value="template--26687043142017__product_list_NNFgcy" /></form></product-form-component>
4548</quick-add-component>
4549
4550
4551
4552
4553    
4554  
4555
4556</div>
4557
4558
4559
4560
4561
4562<div class="product-grid-view-zoom-out--details">
4563  
4564    <h3 class="h4">Crunchy Peanut Butter No Added Sugar 1000g</h3>
4565  
4566</div>
4567
4568
4569
4570
4571
4572
4573
4574
4575  
4576  <a
4577    class="contents user-select-text"
4578    ref="productTitleLink"
4579    href="/products/whole-earth-crunchy-peanut-butter-1000-g?variant=1041509029"
4580  >
4581    
4582
4583
4584
4585
4586
4587
4588  <div class=" spacing-style text-block text-block--AMXVidkNDOS9hUHFsV__product_title_WNMpHe-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4589    <p role="heading" aria-level="3">Crunchy Peanut Butter No Added Sugar 1000g</p>
4590  </div>
4591
4592
4593
4594
4595  </a>
4596
4597
4598
4599
4600
4601
4602<product-price
4603  class="text-block text-block--align-left text-left h6 spacing-style"
4604  data-block-id="AdW1ZWU81M3ZiOXk5M__price_yXfkPX-2"
4605  data-product-id="399457429"
4606  style="
4607    
4608--color: var(--color-foreground);
4609    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4610    --width: 100%;
4611  "
4612  
4613>
4614  <div ref="priceContainer">
4615  
4616    
4617    <div
4618      class="
4619        price__regular
4620        
4621      "
4622    >
4623      <span class="price">£9.39</span>
4624    </div>
4625    <div
4626      class="
4627        price__sale
4628        
4629          price__hidden
4630        
4631      "
4632    >
4633      
4634        <span class="price-item__group">
4635          <span class="visually-hidden">Sale price&nbsp;</span>
4636          <span class="price-item--sale price">£9.39</span>
4637        </span>
4638        <span class="price-item__group">
4639          <span class="visually-hidden">Regular price&nbsp;</span>
4640          <span class="price-item--regular compare-at-price"></span>
4641        </span>
4642      
4643    </div>
4644  
4645</div>
4646
4647  
4648</product-price>
4649
4650
4651
4652
4653  </div>
4654</product-card>
4655
4656
4657
4658
4659
4660
4661
4662
4663
4664
4665
4666
4667
4668
4669
4670
4671            
4672          </div>
4673
4674          
4675            <!--@list/split-->
4676          
4677        
4678          <div
4679            class="resource-list__item"
4680          >
4681            
4682              
4683
4684
4685
4686
4687
4688<style data-shopify>
4689  
4690</style>
4691
4692
4693
4694<product-card
4695  class="product-card size-style"
4696  style="--size-style-width: ;--size-style-height: ;"
4697  data-product-id="6677985165406"
4698  id="product-card-AaFZ5UGg0ZUIvS2c3U__static-product-card-3"
4699  
4700  
4701  
4702>
4703  <a
4704    id="395e584a8dc05dedad881211da923b18"
4705    
4706      href="/products/drizzler-golden-roasted-super-smooth-peanut-butter-320g?variant=39690670702686"
4707    
4708    class="product-card__link"
4709    ref="productCardLink"
4710  >
4711    <span class="visually-hidden">
4712      Drizzler Golden Roasted Super Smooth Peanut Butter 320g
4713    </span>
4714  </a>
4715  <div
4716    class="
4717      product-card__content
4718      layout-panel-flex
4719      layout-panel-flex--column
4720      product-grid__card
4721      spacing-style
4722      border-style
4723      gap-style
4724      
4725    "
4726    style="
4727      --border-width: 1px; --border-style: none; --border-color:
4728rgb(var(--color-border-rgb) / 1.0); --border-radius:
47290px; 
4730
4731      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4732
4733
4734
4735--horizontal-alignment: ; --vertical-alignment: ;
4736--vertical-alignment-mobile: ;
4737
4738      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4739      --product-card-gap: 4px;
4740      --quick-add-display: flex;
4741      --quick-add-mobile-display: none;
4742      --quick-add-mobile-opacity: 0;
4743      
4744      
4745      
4746      
4747    "
4748  >
4749    
4750  
4751
4752
4753
4754
4755
4756
4757
4758<div
4759  ref="cardGallery"
4760  class="card-gallery card-gallery-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-3 spacing-style border-style"
4761  style="
4762    --border-width: 1px; --border-style: none; --border-color:
4763rgb(var(--color-border-rgb) / 1.0); --border-radius:
47640px; 
4765
4766    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4767    --gallery-aspect-ratio: 1.0;
4768  "
4769  data-product-id="6677985165406"
4770  
4771    on:pointerenter="/previewImage"
4772    on:pointerleave="/resetImage"
4773  
4774  
4775  data-image-ratio="adapt"
4776  
4777>
4778    <a
4779      class="contents"
4780      ref="cardGalleryLink"
4781      href="/products/drizzler-golden-roasted-super-smooth-peanut-butter-320g?variant=39690670702686"
4782      aria-label="Drizzler Golden Roasted Super Smooth Peanut Butter 320g"
4783    >
4784      <slideshow-component
4785  
4786    ref="slideshow"
4787  
4788  
4789  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
4790  
4791  initial-slide="0"
4792  
4793  
4794    infinite
4795  
4796
4797  data-generic-media-size="1"
4798>
4799  
4800  <slideshow-container ref="slideshowContainer">
4801    
4802    
4803    <slideshow-slides
4804      tabindex="-1"
4805      ref="scroller"
4806      
4807    >
4808      <slideshow-slide
4809  ref="slides[]"
4810  aria-hidden="false"
4811  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
4812  
4813    class="product-media-container media-fit product-media-container--image"
4814  
4815  
4816  
4817  
4818    slide-id="21222618792030"
4819  
4820  
4821  
4822  
4823>
4824  
4825
4826<div
4827  class="product-media"
4828  style="--ratio: 1.0"
4829  data-media-id="21222618792030"
4830>
4831  
4832  <img src="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=3840" alt="Drizzler Golden Roasted Super Smooth Peanut Butter 320g" srcset="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=352 352w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=832 832w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 25.0vw, 100vw" class="product-media__image" data_max_resolution="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4833
4834  
4835</div>
4836
4837
4838
4839</slideshow-slide>
4840
4841
4842
4843
4844    </slideshow-slides>
4845  </slideshow-container>
4846  
4847</slideshow-component>
4848
4849
4850
4851
4852    </a>
4853  
4854  
4855    <div
4856      class="product-badges product-badges--top-right"
4857      style="
4858        --badge-border-radius: 100px;
4859        --badge-font-family: var(--font-body--family);
4859 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
4860      "
4861    ></div>
4862    
4863      
4864
4865<quick-add-component
4866  class="quick-add color-scheme-1 "
4867  ref="quickAdd"
4868  data-product-title="Drizzler Golden Roasted Super Smooth Peanut Butter 320g"
4869  data-quick-add-button="add"
4870  data-product-options-count="1"
4871>
4872  <product-form-component
4873    data-section-id="template--26687043142017__product_list_NNFgcy"
4874    data-product-id="6677985165406"
4875    on:submit="/handleSubmit"
4876    class="quick-add__product-form-component"
4877  >
4878    <div
4879      class="visually-hidden"
4880      aria-live="assertive"
4881      role="status"
4882      aria-atomic="true"
4883      ref="liveRegion"
4884    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6677985165406-ASVBHeEtxSlh0a3lyM__product_card_gallery_PEPpfq-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
4885        type="hidden"
4886        name="id"
4887        ref="variantId"
4888        value="39690670702686"
4889        
4890      >
4891      <input
4892        type="hidden"
4893        name="quantity"
4894        value="1"
4895      >
4896      
4897      <add-to-cart-component
4898  ref="addToCartButtonContainer"
4899  data-product-variant-media="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=100"
4900  data-add-to-cart-animation="true"
4901>
4902  <button
4903    
4904    type="submit"
4905    name="add"
4906    ref="addToCartButton"
4907    on:click="/handleClick"
4908    class="button button quick-add__button quick-add__button--add add-to-cart-button"
4909    
4910    
4911  >
4912    <span
4913      class="add-to-cart-text"
4914    >
4915      
4916        <span
4917          aria-hidden="true"
4918          class="svg-wrapper add-to-cart-icon"
4919        ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
4920</span>
4921      
4922      <span class="add-to-cart-text__content is-visually-hidden-mobile">
4923        <span>
4924          <span>Add</span>
4925        </span>
4926      </span>
4927    </span>
4928    
4929    <span class="add-to-cart__added">
4930      <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">
4931  <g class="check">
4932    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4933    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4934  </g>
4935  <g class="burst">
4936    <g style="--index: 0;">
4937      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4938    </g>
4939    <g style="--index: 1;">
4940      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4941    </g>
4942    <g style="--index: 2;">
4943      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4944    </g>
4945    <g style="--index: 3;">
4946      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4947    </g>
4948    <g style="--index: 4;">
4949      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4950    </g>
4951    <g style="--index: 5;">
4952      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4953    </g>
4954    <g style="--index: 6;">
4955      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4956    </g>
4957    <g style="--index: 7;">
4958      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4959    </g>
4960  </g>
4961</svg>
4962</span>
4963    </span>
4964  </button>
4965</add-to-cart-component>
4966
4967
4968      <button
4969        class="button quick-add__button quick-add__button--choose add-to-cart-button"
4970        
4971        type="button"
4972        name="add"
4973        on:click="quick-add-component/handleClick"
4974      >
4975        <span
4976          class="add-to-cart-text"
4977        >
4978          
4979          <span
4980            aria-hidden="true"
4981            class="svg-wrapper add-to-cart-icon"
4982          ><svg aria-hidden="true" xmlns="http://www.w3.org/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>
4983</span>
4984          <span class="add-to-cart-text__content is-visually-hidden-mobile">
4985            <span>
4986              
4987              <span>
4988                Choose
4989              </span>
4990            </span>
4991          </span>
4992        </span>
4993      </button><input type="hidden" name="product-id" value="6677985165406" /><input type="hidden" name="section-id" value="template--26687043142017__product_list_NNFgcy" /></form></product-form-component>
4994</quick-add-component>
4995
4996
4997
4998
4999    
5000  
5001
5002</div>
5003
5004
5005
5006
5007
5008<div class="product-grid-view-zoom-out--details">
5009  
5010    <h3 class="h4">Drizzler Golden Roasted Super Smooth Peanut Butter 320g</h3>
5011  
5012</div>
5013
5014
5015
5016
5017
5018
5019
5020
5021  
5022  <a
5023    class="contents user-select-text"
5024    ref="productTitleLink"
5025    href="/products/drizzler-golden-roasted-super-smooth-peanut-butter-320g?variant=39690670702686"
5026  >
5027    
5028
5029
5030
5031
5032
5033
5034  <div class=" spacing-style text-block text-block--AMXVidkNDOS9hUHFsV__product_title_WNMpHe-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
5035    <p role="heading" aria-level="3">Drizzler Golden Roasted Super Smooth Peanut Butter 320g</p>
5036  </div>
5037
5038
5039
5040
5041  </a>
5042
5043
5044
5045
5046
5047
5048<product-price
5049  class="text-block text-block--align-left text-left h6 spacing-style"
5050  data-block-id="AdW1ZWU81M3ZiOXk5M__price_yXfkPX-3"
5051  data-product-id="6677985165406"
5052  style="
5053    
5054--color: var(--color-foreground);
5055    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5056    --width: 100%;
5057  "
5058  
5059>
5060  <div ref="priceContainer">
5061  
5062    
5063    <div
5064      class="
5065        price__regular
5066        
5067      "
5068    >
5069      <span class="price">£4.79</span>
5070    </div>
5071    <div
5072      class="
5073        price__sale
5074        
5075          price__hidden
5076        
5077      "
5078    >
5079      
5080        <span class="price-item__group">
5081          <span class="visually-hidden">Sale price&nbsp;</span>
5082          <span class="price-item--sale price">£4.79</span>
5083        </span>
5084        <span class="price-item__group">
5085          <span class="visually-hidden">Regular price&nbsp;</span>
5086          <span class="price-item--regular compare-at-price"></span>
5087        </span>
5088      
5089    </div>
5090  
5091</div>
5092
5093  
5094</product-price>
5095
5096
5097
5098
5099  </div>
5100</product-card>
5101
5102
5103
5104
5105
5106
5107
5108
5109
5110
5111
5112
5113
5114
5115
5116
5117            
5118          </div>
5119
5120          
5121        
5122      
5123    
5124  
5125
5126    
5127</div>
5128
5129
5130
5131
5132
5133  <div
5134    class="section-resource-list__content"
5135    style="--horizontal-alignment: flex-start;"
5136  ></div>
5137</div>
5138
5139
5140</div>
5141    </main>
5142
5143    <footer>
5144      <!-- BEGIN sections: footer-group -->
5145<div id="shopify-section-sections--26687043469697__section_LRJkFE" class="shopify-section shopify-section-group-footer-group section-wrapper">
5146
5147
5148
5149<div class="section-background color-scheme-2"></div>
5150<div
5151  class="section section--page-width color-scheme-2"
5152  data-testid="ui-test-section"
5153
5154  
5155
5156  style="
5157    
5158
5159    
5160  "
5161>
5162  <div class="custom-section-background">
5163    
5164
5165
5166
5167  </div>
5168
5169  <div
5170    class="border-style custom-section-content"
5171    style="--border-width: 1px; --border-style: none; --border-color:
5172rgb(var(--color-border-rgb) / 1.0); --border-radius:
51730px; 
5174"
5175  >
5176    
5177
5178    <div
5179      class="
5180        spacing-style
5181        layout-panel-flex
5182        layout-panel-flex--column
5183        section-content-wrapper
5184         mobile-column
5185      "
5186      style="
5187        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5188
5189--gap: 12px;
5190
5191--horizontal-alignment: center; --vertical-alignment: center;
5192--vertical-alignment-mobile: center;
5193
5194        --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
5195      "
5196      data-testid="section-content"
5197    >
5198      
5199  
5200
5201<div
5202  class="social-icons__wrapper"
5203  
5204>
5205  
5206
5207  
5208    
5209
5210    
5211    
5212      
5213        <div
5214          class="social-icons__icon-wrapper"
5215        >
5216          <a
5217            href="https://www.facebook.com/WholeEarthFoods"
5218            target="_blank"
5219            rel="noopener noreferrer"
5220            aria-label="Facebook"
5221            
5222          >
5223            <span class="social-icons__icon-label">Facebook</span>
5224            
5225              <svg
5226                class="social-icons__icon icon-default"
5227                aria-hidden="true"
5228                focusable="false"
5229                xmlns="http://www.w3.org/2000/svg"
5230                viewBox="0 0 20 20"
5231              >
5232
5233
5234<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
5235            
5236          </a>
5237        </div>
5238      
5239    
5240  
5241    
5242
5243    
5244    
5245      
5246        <div
5247          class="social-icons__icon-wrapper"
5248        >
5249          <a
5250            href="https://instagram.com/wholeearthfoods/"
5251            target="_blank"
5252            rel="noopener noreferrer"
5253            aria-label="Instagram"
5254            
5255          >
5256            <span class="social-icons__icon-label">Instagram</span>
5257            
5258              <svg
5259                class="social-icons__icon icon-default"
5260                aria-hidden="true"
5261                focusable="false"
5262                xmlns="http://www.w3.org/2000/svg"
5263                viewBox="0 0 20 20"
5264              >
5265
5266
5267<path
5268      fill-rule="evenodd"
5269      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
5270      clip-rule="evenodd"
5271    /></svg>
5272            
5273          </a>
5274        </div>
5275      
5276    
5277  
5278    
5279
5280    
5281    
5282  
5283    
5284
5285    
5286    
5287      
5288        <div
5289          class="social-icons__icon-wrapper"
5290        >
5291          <a
5292            href="https://twitter.com/wholeearthfoods"
5293            target="_blank"
5294            rel="noopener noreferrer"
5295            aria-label="Tiktok"
5296            
5297          >
5298            <span class="social-icons__icon-label">Tiktok</span>
5299            
5300              <svg
5301                class="social-icons__icon icon-default"
5302                aria-hidden="true"
5303                focusable="false"
5304                xmlns="http://www.w3.org/2000/svg"
5305                viewBox="0 0 20 20"
5306              >
5307
5308
5309<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
5310            
5311          </a>
5312        </div>
5313      
5314    
5315  
5316    
5317
5318    
5319    
5320  
5321    
5322
5323    
5324    
5325  
5326    
5327
5328    
5329    
5330  
5331    
5332
5333    
5334    
5335  
5336    
5337
5338    
5339    
5340  
5341    
5342
5343    
5344    
5345  
5346    
5347
5348    
5349    
5350  
5351    
5352
5353    
5354    
5355  
5356    
5357
5358    
5359    
5360  
5361</div>
5362
5363
5364
5365
5366
5367
5368
5369<div
5370  class="
5371    group-block
5372    group-block--height-fit
5373    group-block--width-fill
5374    border-style
5375    spacing-style
5376    size-style
5377    
5378    
5379  "
5380  style="
5381    --border-width: 1px; --border-style: none; --border-color:
5382rgb(var(--color-border-rgb) / 1.0); --border-radius:
53830px; 
5384
5385    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5386    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5387    
5388  "
5389  
5390  data-testid="group-block"
5391><div class="group-block__media-wrapper">
5392    
5393
5394
5395
5396    
5397  </div>
5398
5399  <div
5400    class="
5401      group-block-content
5402      
5403      layout-panel-flex
5404      layout-panel-flex--row
5405       mobile-column
5406    "
5407    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5408
5409--gap: max(24px, calc(var(--gap-scale, 1.0) * 50px));
5410
5411--horizontal-alignment: center; --vertical-alignment: center;
5412--vertical-alignment-mobile: center;
5413"
5414  >
5415  
5416
5417
5418
5419
5420
5421
5422
5423
5424  <div class=" spacing-style text-block text-block--ARjhCd2g2ako1bWRNe__text_HDCjqr custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.5rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5425    <h2><a href="https://www.wholeearthfoods.com/recipes" title="https://www.wholeearthfoods.com/recipes">Browse all the delicious things we make</a></h2>
5426  </div>
5427
5428
5429
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439
5440
5441
5442  <div class=" spacing-style text-block text-block--AMnpVR1Fid3VmdXYwS__text_zUPRpF custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.5rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5443    <h2><a href="https://shop.wholeearthfoods.com/pages/shipping-faq" title="https://shop.wholeearthfoods.com/pages/shipping-faq">Answers to your questions</a></h2>
5444  </div>
5445
5446
5447
5448
5449
5450
5451
5452
5453
5454
5455
5456
5457
5458
5459
5460  <div class=" spacing-style text-block text-block--AZmo4MG41b1RwcVJBV__text_HYccVc custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.5rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5461    <h2><a href="https://shop.wholeearthfoods.com/pages/contactus" title="https://shop.wholeearthfoods.com/pages/contactus">Contact Us</a></h2>
5462  </div>
5463
5464
5465
5466
5467
5468
5469
5470</div>
5471</div>
5472
5473
5474
5475
5476
5477
5478
5479
5480<div
5481  class="
5482    group-block
5483    group-block--height-fit
5484    group-block--width-fill
5485    border-style
5486    spacing-style
5487    size-style
5488    
5489    
5490  "
5491  style="
5492    --border-width: 1px; --border-style: none; --border-color:
5493rgb(var(--color-border-rgb) / 1.0); --border-radius:
54940px; 
5495
5496    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5497    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5498    
5499  "
5500  
5501  data-testid="group-block"
5502><div class="group-block__media-wrapper">
5503    
5504
5505
5506
5507    
5508  </div>
5509
5510  <div
5511    class="
5512      group-block-content
5513      
5514      layout-panel-flex
5515      layout-panel-flex--row
5516       mobile-column
5517    "
5518    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5519
5520--gap: max(24px, calc(var(--gap-scale, 1.0) * 51px));
5521
5522--horizontal-alignment: center; --vertical-alignment: center;
5523--vertical-alignment-mobile: center;
5524"
5525  >
5526  
5527
5528
5529
5530
5531
5532
5533
5534
5535  <div class=" spacing-style text-block text-block--AdkwrQzQ4QzQ5dlM2V__text_bwAqFa custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.25rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5536    <h2><a href="https://shop.wholeearthfoods.com/pages/terms-agreements" title="https://shop.wholeearthfoods.com/pages/terms-agreements">Terms & Conditions</a></h2>
5537  </div>
5538
5539
5540
5541
5542
5543
5544
5545
5546
5547
5548
5549
5550
5551
5552
5553  <div class=" spacing-style text-block text-block--AQmJ2UWQwY2NZVllLe__text_NgW4PU custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.25rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5554    <h2><a href="https://shop.wholeearthfoods.com/pages/privacy-policy" title="https://shop.wholeearthfoods.com/pages/privacy-policy">Privacy Policy</a></h2>
5555  </div>
5556
5557
5558
5559
5560
5561
5562
5563
5564
5565
5566
5567
5568
5569
5570
5571  <div class=" spacing-style text-block text-block--AVHJFdWpJQ1FNb2U2Q__text_Ayn99C custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.25rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5572    <h2><a href="https://shop.wholeearthfoods.com/pages/cookie-policy" title="https://shop.wholeearthfoods.com/pages/cookie-policy">Cookie Policy</a></h2>
5573  </div>
5574
5575
5576
5577
5578
5579
5580
5581</div>
5582</div>
5583
5584
5585
5586
5587
5588
5589
5590<div
5591  class="
5592    footer-utilities__group-copyright
5593    custom-typography
5594    custom-font-size
5595  "
5596  style="
5597--color: ;--font-size: 1.125rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
5598  
5599>
5600  <span class="footer-utilities__text">
5601    &copy; 2026
5602    <a href="/" title="">Whole Earth</a></span>
5603</div>
5604
5605
5606
5607
5608<div
5609  class="
5610    payment-icons
5611    spacing-style
5612  "
5613  style="
5614    --padding-block-start: 0px; --padding-block-end:0px; 
5615--padding-inline-start:0px; --padding-inline-end:0px; 
5616
5617    --icon-gap: 10px;
5618    --alignment: center;
5619  "
5620  
5621>
5622  <span class="visually-hidden">Payment methods</span>
5623  <ul
5624    class="payment-icons__list"
5625    role="list"
5626  ><li class="payment-icons__item">
5627        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/>
5627<path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
5628
5629      </li><li class="payment-icons__item">
5630        <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" />
5630<path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
5631
5632      </li><li class="payment-icons__item">
5633        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
5634      </li><li class="payment-icons__item">
5635        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
5636      </li><li class="payment-icons__item">
5637        <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
5638      </li><li class="payment-icons__item">
5639        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
563906zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
5640
5641      </li><li class="payment-icons__item">
5642        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
56427 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
5643      </li><li class="payment-icons__item">
5644        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
5645      </li><li class="payment-icons__item">
5646        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/>
5646<path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
5647
5648      </li><li class="payment-icons__item">
5649        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
56490-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
5650      </li><li class="payment-icons__item">
5651        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
5652
5653      </li><li class="payment-icons__item">
5654        <svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
5654635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
5655      </li><li class="payment-icons__item">
5656        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
565616.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
5657
5658      </li></ul>
5659</div>
5660
5661
5662
5663
5664
5665
5666    </div>
5667  </div>
5668</div>
5669
5670
5671
5672
5673
5674<style> #shopify-section-sections--26687043469697__section_LRJkFE h2 a {font-family: Earth; color: #00513f;} #shopify-section-sections--26687043469697__section_LRJkFE .footer-utilities__text {font-family: Earth;} @media only screen and (max-width: 768px) {#shopify-section-sections--26687043469697__section_LRJkFE .group-block-content {gap: 0px; }} </style></div><div id="shopify-section-sections--26687043469697__section_AxcUgP" class="shopify-section shopify-section-group-footer-group section-wrapper">
5675
5676
5677
5678<div class="section-background color-scheme-2"></div>
5679<div
5680  class="section section--full-width color-scheme-2"
5681  data-testid="ui-test-section"
5682
5683  
5684
5685  style="
5686    
5687
5688    
5689  "
5690>
5691  <div class="custom-section-background">
5692    
5693
5694
5695
5696  </div>
5697
5698  <div
5699    class="border-style custom-section-content"
5700    style="--border-width: 1px; --border-style: none; --border-color:
5701rgb(var(--color-border-rgb) / 1.0); --border-radius:
57020px; 
5703"
5704  >
5705    
5706
5707    <div
5708      class="
5709        spacing-style
5710        layout-panel-flex
5711        layout-panel-flex--column
5712        section-content-wrapper
5713         mobile-column
5714      "
5715      style="
5716        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5717
5718--gap: 12px;
5719
5720--horizontal-alignment: center; --vertical-alignment: center;
5721--vertical-alignment-mobile: center;
5722
5723        --padding-block-start: 0px;--padding-block-end: 0px;
5724      "
5725      data-testid="section-content"
5726    >
5727      
5728  
5729
5730
5731
5732
5733
5734
5735
5736
5737
5738
5739
5740
5741
5742
5743  <div
5744    class="
5745  image-block image-block--ASEM5R0hpOUE2Wmh4a__image_AzgiQt image-block--height-fit spacing-style size-style
5746"
5747    style="
5748  --ratio: 6.387543252595155;
5749  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5750  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5751"
5752    
5753  >
5754    
5755<img src="//shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=3840" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&amp;width=3840 3840w" width="1846" height="289" class="image-block__image border-style" style="
5756  --ratio: 6.387543252595155;
5757  --border-width: 1px; --border-style: none; --border-color:
5758rgb(var(--color-border-rgb) / 1.0); --border-radius:
57590px; 
5760
5761" sizes="auto, (min-width: 750px) 100vw, 100vw">
5762
5763  </div>
5764
5765
5766
5767
5768
5769
5770
5771    </div>
5772  </div>
5773</div>
5774
5775
5776
5777
5778
5779</div>
5780<!-- END sections: footer-group -->
5781    </footer>
5782
5783    
5784
5785<script
5786  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/dialog.js?v=150888536568694194021777288787"
5787  type="module"
5788></script>
5788
5789
5790<script
5791  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/predictive-search.js?v=149240552485540508541777288787"
5792  type="module"
5793  fetchpriority="low"
5794></script>
5794
5795
5796<dialog-component
5797  id="search-modal"
5798  class="search-modal"
5799  
5800>
5801  <dialog
5802    ref="dialog"
5803    on:click="/closeDialogOnClickOutside"
5804    on:keydown="/closeDialogOnEscapePress"
5805    class="search-modal__content dialog-modal"
5806    scroll-lock
5807    aria-labelledby="search-modal-heading"
5808  >
5809    <h2
5810      id="search-modal-heading"
5811      class="visually-hidden"
5812    >
5813      Search
5814    </h2>
5815    <predictive-search-component
5816      class="predictive-search color-scheme-1"
5817      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
5818      data-section-id="predictive-search"
5819      data-testid="search-component--modal"
5820      role="search"
5821      aria-label="Search"
5822    >
5823      <form
5824        action="/search"
5825        method="get"
5826        role="search"
5827        class="predictive-search-form"
5828        ref="form"
5829        on:keydown="/onSearchKeyDown"
5830      >
5831        <div
5832          class="predictive-search-form__header"
5833        >
5834          <div class="predictive-search-form__header-inner">
5835            <label
5836              for="cmdk-input"
5837              class="visually-hidden"
5838            >Search</label>
5839            <input
5840              class="search-input"
5841              id="cmdk-input"
5842              type="search"
5843              name="q"
5844              role="combobox"
5845              aria-expanded="false"
5846              aria-owns="predictive-search-results"
5847              aria-controls="predictive-search-results"
5848              aria-haspopup="listbox"
5849              aria-autocomplete="list"
5850              autocomplete="off"
5851              placeholder="Search"
5852              ref="searchInput"
5853              on:input="/search"
5854              on:keydown="/onSearchKeyDown"
5855            >
5856            <input
5857              name="options[prefix]"
5858              type="hidden"
5859              value="last"
5860            >
5861            <span class="svg-wrapper predictive-search__icon">
5862              <svg aria-hidden="true" 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>
5863
5864            </span>
5865            <button
5866              type="button"
5867              class="button-unstyled predictive-search__reset-button"
5868              ref="resetButton"
5869              hidden
5870              on:click="/resetSearch"
5871            >
5872              Clear
5873            </button>
5874          </div>
5875          <button
5876            type="button"
5877            class="button predictive-search__close-modal-button"
5878            aria-label="Close dialog"
5879            on:click="dialog-component/closeDialog"
5880            ref="closeModalButton"
5881          >
5882            <span class="svg-wrapper">
5883              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5884  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5885  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5886</svg>
5887
5888            </span>
5889          </button>
5890        </div>
5891
5892        <div class="predictive-search-form__content-wrapper">
5893          <div
5894            class="predictive-search-form__content"
5895            ref="predictiveSearchResults"
5896            on:click="/handleModalClick"
5897          >
5898            
5899
5900<div
5901  id="predictive-search-results"
5902  class="predictive-search-dropdown"
5903  role="listbox"
5904  aria-expanded="true"
5905  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
5906>
5907  
5908    <div class="predictive-search-results__inner">
5909      
5910      
5911        
5912        
5913        
5914          <div
5915  id="predictive-search-products"
5916  class="predictive-search-results__products"
5917  
5918    data-testid="products-list-default--modal"
5919  
5920>
5921  
5922    <h4 class="predictive-search-results__title">
5923      Products
5924    </h4>
5925    <ul
5926      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
5927    >
5928      
5929      
5930        <li
5931          class="predictive-search-results__card predictive-search-results__card--product"
5932          ref="resultsItems[]"
5933        >
5934          
5935<div
5936  class="resource-card"
5937  data-resource-type="product"
5938>
5939  <a
5940    class="resource-card__link"
5941    href="/products/100-nuts-crunchy-peanut-butter-340g"
5942  >
5943    <span class="visually-hidden">
5944      100% Nuts Crunchy Peanut Butter 340g
5945    </span>
5946  </a>
5947  <div
5948    class="resource-card__media"
5949    style="--resource-card-aspect-ratio: 4 / 5;"
5950    
5951  >
5952      
5953      
5954
5955        <img src="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5956</div>
5957
5958  <div class="resource-card__content">
5959    <p class="resource-card__title paragraph">100% Nuts Crunchy Peanut Butter 340g</p>
5960
5961    
5962      <div ref="priceContainer">
5963  
5964    
5965    <div
5966      class="
5967        price__regular
5968        
5969      "
5970    >
5971      <span class="price">£4.49</span>
5972    </div>
5973    <div
5974      class="
5975        price__sale
5976        
5977          price__hidden
5978        
5979      "
5980    >
5981      
5982        <span class="price-item__group">
5983          <span class="visually-hidden">Regular price&nbsp;</span>
5984          <span class="price-item--regular compare-at-price"></span>
5985        </span>
5986        <span class="price-item__group">
5987          <span class="visually-hidden">Sale price&nbsp;</span>
5988          <span class="price-item--sale price">£4.49</span>
5989        </span>
5990      
5991    </div>
5992  
5993</div>
5994    
5995  </div>
5996</div>
5997
5998        </li>
5999      
6000        <li
6001          class="predictive-search-results__card predictive-search-results__card--product"
6002          ref="resultsItems[]"
6003        >
6004          
6005<div
6006  class="resource-card"
6007  data-resource-type="product"
6008>
6009  <a
6010    class="resource-card__link"
6011    href="/products/100-nuts-smooth-peanut-butter-340g"
6012  >
6013    <span class="visually-hidden">
6014      100% Nuts Smooth Peanut Butter 340g
6015    </span>
6016  </a>
6017  <div
6018    class="resource-card__media"
6019    style="--resource-card-aspect-ratio: 4 / 5;"
6020    
6021  >
6022      
6023      
6024
6025        <img src="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
6026</div>
6027
6028  <div class="resource-card__content">
6029    <p class="resource-card__title paragraph">100% Nuts Smooth Peanut Butter 340g</p>
6030
6031    
6032      <div ref="priceContainer">
6033  
6034    
6035    <div
6036      class="
6037        price__regular
6038        
6039      "
6040    >
6041      <span class="price">£4.49</span>
6042    </div>
6043    <div
6044      class="
6045        price__sale
6046        
6047          price__hidden
6048        
6049      "
6050    >
6051      
6052        <span class="price-item__group">
6053          <span class="visually-hidden">Regular price&nbsp;</span>
6054          <span class="price-item--regular compare-at-price"></span>
6055        </span>
6056        <span class="price-item__group">
6057          <span class="visually-hidden">Sale price&nbsp;</span>
6058          <span class="price-item--sale price">£4.49</span>
6059        </span>
6060      
6061    </div>
6062  
6063</div>
6064    
6065  </div>
6066</div>
6067
6068        </li>
6069      
6070        <li
6071          class="predictive-search-results__card predictive-search-results__card--product"
6072          ref="resultsItems[]"
6073        >
6074          
6075<div
6076  class="resource-card"
6077  data-resource-type="product"
6078>
6079  <a
6080    class="resource-card__link"
6081    href="/products/whole-earth-crunchy-peanut-butter-1000-g"
6082  >
6083    <span class="visually-hidden">
6084      Crunchy Peanut Butter No Added Sugar 1000g
6085    </span>
6086  </a>
6087  <div
6088    class="resource-card__media"
6089    style="--resource-card-aspect-ratio: 4 / 5;"
6090    
6091  >
6092      
6093      
6094
6095        <img src="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
6096</div>
6097
6098  <div class="resource-card__content">
6099    <p class="resource-card__title paragraph">Crunchy Peanut Butter No Added Sugar 1000g</p>
6100
6101    
6102      <div ref="priceContainer">
6103  
6104    
6105    <div
6106      class="
6107        price__regular
6108        
6109      "
6110    >
6111      <span class="price">£9.39</span>
6112    </div>
6113    <div
6114      class="
6115        price__sale
6116        
6117          price__hidden
6118        
6119      "
6120    >
6121      
6122        <span class="price-item__group">
6123          <span class="visually-hidden">Regular price&nbsp;</span>
6124          <span class="price-item--regular compare-at-price"></span>
6125        </span>
6126        <span class="price-item__group">
6127          <span class="visually-hidden">Sale price&nbsp;</span>
6128          <span class="price-item--sale price">£9.39</span>
6129        </span>
6130      
6131    </div>
6132  
6133</div>
6134    
6135  </div>
6136</div>
6137
6138        </li>
6139      
6140        <li
6141          class="predictive-search-results__card predictive-search-results__card--product"
6142          ref="resultsItems[]"
6143        >
6144          
6145<div
6146  class="resource-card"
6147  data-resource-type="product"
6148>
6149  <a
6150    class="resource-card__link"
6151    href="/products/drizzler-golden-roasted-super-smooth-peanut-butter-320g"
6152  >
6153    <span class="visually-hidden">
6154      Drizzler Golden Roasted Super Smooth Peanut Butter 320g
6155    </span>
6156  </a>
6157  <div
6158    class="resource-card__media"
6159    style="--resource-card-aspect-ratio: 4 / 5;"
6160    
6161  >
6162      
6163      
6164
6165        <img src="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
6166</div>
6167
6168  <div class="resource-card__content">
6169    <p class="resource-card__title paragraph">Drizzler Golden Roasted Super Smooth Peanut Butter 320g</p>
6170
6171    
6172      <div ref="priceContainer">
6173  
6174    
6175    <div
6176      class="
6177        price__regular
6178        
6179      "
6180    >
6181      <span class="price">£4.79</span>
6182    </div>
6183    <div
6184      class="
6185        price__sale
6186        
6187          price__hidden
6188        
6189      "
6190    >
6191      
6192        <span class="price-item__group">
6193          <span class="visually-hidden">Regular price&nbsp;</span>
6194          <span class="price-item--regular compare-at-price"></span>
6195        </span>
6196        <span class="price-item__group">
6197          <span class="visually-hidden">Sale price&nbsp;</span>
6198          <span class="price-item--sale price">£4.79</span>
6199        </span>
6200      
6201    </div>
6202  
6203</div>
6204    
6205  </div>
6206</div>
6207
6208        </li>
6209      
6210    </ul>
6211  
6212</div>
6213
6214        
6215      
6216    </div>
6217  
6218</div>
6219
6220          </div>
6221
6222          <div class="predictive-search-form__footer">
6223            <button
6224              class="button predictive-search__search-button"
6225              ref="viewAllButton"
6226            >
6227              View all
6228            </button>
6229          </div>
6230        </div>
6231      </form>
6232    </predictive-search-component>
6233  </dialog>
6234</dialog-component>
6235
6236
6237
6238
6239    
6240      
6240<script
6241  src="//shop.wholeearthfoods.com/cdn/shop/t/8/assets/gift-card-recipient-form.js?v=129634859299628245901777288787"
6242  type="module"
6243  fetchpriority="low"
6244></script>
6244
6245<quick-add-dialog id="quick-add-dialog">
6246  <dialog
6247    class="quick-add-modal dialog-modal color-scheme-1"
6248    ref="dialog"
6249    scroll-lock
6250  >
6251    <button
6252      ref="closeButton"
6253      on:click="/closeDialog"
6254      class="button button-unstyled close-button quick-add-modal__close"
6255      aria-label="Close dialog"
6256    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6257  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6258  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6259</svg>
6260</button>
6261
6262    <div
6263      id="quick-add-modal-content"
6264      class="quick-add-modal__content"
6265    ></div>
6266  </dialog>
6267</quick-add-dialog>
6268
6269
6270
6271
6272
6273
6274    
6275  <div id="shopify-block-AOEE0Z1ZGRnRWSUl3N__4275615285897611771" class="shopify-block shopify-app-block"><!-- // BEGIN // Fera.ai App Embed Code - DO NOT MODIFY // -->
6276<script type="application/javascript">
6277  (() => {
6278    window.fera = window.fera || []; let loaded = false;
6279    const load = () => {
6280      // Fera Shopify App Embed v1786365225
6281      loaded = true; const fkey = "pk_133b4c3069ba68489e592443defeedd7fb12cca525c5de72e1695dabe8f650b0"; const fdomain = "wholeearthfoods.myshopify.com";
6282      const apiUrl = "";const baseCdnUrl = `https://cdn.fera.ai/js/v3/`;const v3Config = { api_key: fkey || fdomain, store_domain: fdomain };
6283        if (apiUrl) { v3Config.api_url = apiUrl; v3Config.api_cdn_url = apiUrl; }
6284        window.fera.push("configure", v3Config);if (!document.getElementById('fera_css') && !document.querySelector('[data-app-id][href*="fera.css"]')) { const el = document.createElement('link'); el.href = `${ baseCdnUrl }fera.css`;el.id = "fera_css";el.rel = 'stylesheet';el.media='all';document.head.prepend(el); }if (!window.fera.version && !document.getElementById('fera_js') && !document.querySelector('[data-app-id][src*="fera.js"]')) { const el = document.createElement('script');el.src = `${ baseCdnUrl }fera.js`;el.id = "fera_js";el.async = true; document.body.append(el); }
6285    };
6286
6287    const urlParams = new URLSearchParams(window.location.search);
6288    if (urlParams.get("no_fera")) {
6289      // no Fera
6290    } else if (urlParams.get("delay_fera") || navigator.userAgent.match(new RegExp(atob("bW90byBn"), 'i'))) {
6291      setTimeout(() => loaded || load(), parseInt(urlParams.get("delay_fera") || 15000));
6292      window.addEventListener('mousemove', () => loaded || load(), { once: true, passive: true });
6293      document.addEventListener('scroll', () => loaded || load());
6294    } else {
6295      load();
6296    }
6297  })();
6298</script>
6298
6299<!-- // END // Fera.ai App Embed Code // -->
6300
6301</div><div id="shopify-block-AdnRmWWp5SXBiVFNQT__8942208844547249051" class="shopify-block shopify-app-block">
6302</div><div id="shopify-block-AUldkYklma0JiZVNkN__9388344762370057067" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: vite-tag -->
6303
6304
6305  
6305<script src="https://cdn.shopify.com/extensions/01a0f636-788f-716c-b800-ee8a062cf31c/essential-cart-drawer-1040/assets/app-embed-DHAL5ZTm.js" type="module" crossorigin="anonymous"></script>
6305
6306  <link href="//cdn.shopify.com/extensions/01a0f636-788f-716c-b800-ee8a062cf31c/essential-cart-drawer-1040/assets/app-embed-B7PKQLvD.css" rel="stylesheet" type="text/css" media="all" />
6307
6308<!-- END app snippet -->
6309
6310<essential-cart-app-embed
6311  upsell-app-data="{&quot;carts&quot;:[{&quot;id&quot;:&quot;8ca4648b-2532-4bc7-a662-96991f22ca6e&quot;,&quot;isPublished&quot;:true,&quot;cartType&quot;:&quot;CART_DRAWER&quot;,&quot;content&quot;:{&quot;isHideForOutOfStock&quot;:true,&quot;isShowDropShadow&quot;:true,&quot;isShowOnDesktop&quot;:true,&quot;isShowOnMobile&quot;:true,&quot;isShowOnAddToCart&quot;:true,&quot;stickyCartVisibility&quot;:&quot;ALWAYS&quot;,&quot;stickyCartPosition&quot;:&quot;BOTTOM&quot;,&quot;stickyCartHorizontalPosition&quot;:&quot;RIGHT&quot;,&quot;stickyCartWidth&quot;:&quot;FULL_WIDTH&quot;,&quot;isProductImage&quot;:true,&quot;isProductName&quot;:true,&quot;isProductPrice&quot;:true,&quot;isComparedAtPrice&quot;:true,&quot;isProductVariantSelection&quot;:true,&quot;isProductQuantitySelection&quot;:true,&quot;buttonBodyHtml&quot;:&quot;Secure checkout · {price}&quot;,&quot;disabledButtonBodyHtml&quot;:&quot;Sold out&quot;,&quot;buttonAction&quot;:&quot;STAY_ON_PAGE&quot;,&quot;emptyCartBodyHtml&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;white-space: pre-wrap;\&quot;&gt;Your cart is empty&lt;/span&gt;&lt;/p&gt;&quot;,&quot;emptyCartButtonUrl&quot;:&quot;/&quot;,&quot;emptyCartButtonText&quot;:&quot;Continue shopping&quot;,&quot;emptyCartImageUrl&quot;:&quot;https://cdn.essentialcartdrawer.com/ecom-icons/cart1.svg&quot;,&quot;isShowEmptyCartButton&quot;:true,&quot;cartTitle&quot;:&quot;Cart {item_count}&quot;,&quot;subtotalLabel&quot;:&quot;Subtotal&quot;,&quot;isSubtotalEnabled&quot;:true,&quot;featuresOrder&quot;:[],&quot;isOrderNoteEnabled&quot;:false,&quot;orderNoteText&quot;:&quot;Add note&quot;,&quot;orderNoteFieldLabelText&quot;:&quot;Special instructions for the courier&quot;,&quot;orderNoteButtonText&quot;:&quot;Save&quot;,&quot;isDiscountsEnabled&quot;:true,&quot;isShowDiscountRow&quot;:true,&quot;isShowAddDiscountsAction&quot;:true,&quot;isShowDiscountTags&quot;:true,&quot;isShowCodeAndAutomaticSavings&quot;:true,&quot;isShowCompareAtSavings&quot;:true,&quot;isShowSellingPlanSavings&quot;:true,&quot;discountsFieldLabelText&quot;:&quot;Discount code&quot;,&quot;discountsIncorrectCodeText&quot;:&quot;Code not applicable&quot;,&quot;discountsCantApplyText&quot;:&quot;{discount} can&#39;t be applied&quot;,&quot;discountsButtonText&quot;:&quot;Add&quot;,&quot;discountsLinkText&quot;:&quot;Add discount code&quot;,&quot;discountsSavingsLabelText&quot;:&quot;Savings&quot;,&quot;isAcceleratedCheckoutEnabled&quot;:false,&quot;isPaymentIconsEnabled&quot;:true,&quot;paymentIconsSize&quot;:36,&quot;paymentIconsUrls&quot;:[&quot;https://cdn.essentialcartdrawer.com/payment-icons%2FMastercard2.svg&quot;,&quot;https://cdn.essentialcartdrawer.com/payment-icons%2FPayPal2%20copy.svg&quot;,&quot;https://cdn.essentialcartdrawer.com/payment-icons%2FMaestro2.svg&quot;,&quot;https://cdn.essentialcartdrawer.com/payment-icons%2FVisa2.svg&quot;],&quot;isUpsellsEnabled&quot;:true,&quot;upsellsTitleText&quot;:&quot;You may also like&quot;,&quot;customCartButtonSelector&quot;:&quot;#ap-cart-btn&quot;,&quot;customDrawerHideSelector&quot;:null,&quot;isHideForOutOfStockMobile&quot;:true,&quot;isShowDropShadowMobile&quot;:true,&quot;stickyCartVisibilityMobile&quot;:&quot;ALWAYS&quot;,&quot;stickyCartPositionMobile&quot;:&quot;BOTTOM&quot;,&quot;isProductImageMobile&quot;:true,&quot;isProductNameMobile&quot;:true,&quot;isProductPriceMobile&quot;:true,&quot;isComparedAtPriceMobile&quot;:true,&quot;isProductVariantSelectionMobile&quot;:true,&quot;isProductQuantitySelectionMobile&quot;:true,&quot;buttonBodyHtmlMobile&quot;:&quot;Add to cart&quot;,&quot;disabledButtonBodyHtmlMobile&quot;:&quot;Sold out&quot;,&quot;buttonActionMobile&quot;:&quot;STAY_ON_PAGE&quot;},&quot;design&quot;:{&quot;template&quot;:&quot;DARK&quot;,&quot;backgroundType&quot;:&quot;MONOCHROME&quot;,&quot;monochromeBackgroundColor&quot;:&quot;#1a1a1a&quot;,&quot;
6311gradientBackgroundStartColor&quot;:null,&quot;gradientBackgroundEndColor&quot;:null,&quot;gradientBackgroundAngle&quot;:null,&quot;font&quot;:&quot;INHERIT&quot;,&quot;borderSize&quot;:12,&quot;borderColor&quot;:&quot;#E3E3E3&quot;,&quot;backgroundColor&quot;:&quot;#ffffff&quot;,&quot;primaryTextColor&quot;:&quot;#303030&quot;,&quot;secondaryTextColor&quot;:&quot;#616161&quot;,&quot;productImageSize&quot;:80,&quot;productImageBorderSize&quot;:4,&quot;productTitleSize&quot;:16,&quot;productTitleFontWeight&quot;:&quot;normal&quot;,&quot;productTitleColor&quot;:&quot;#ffffff&quot;,&quot;productPriceSize&quot;:16,&quot;productPriceFontWeight&quot;:&quot;normal&quot;,&quot;productPriceColor&quot;:&quot;#000000&quot;,&quot;compareAtPriceSize&quot;:16,&quot;compareAtPriceFontWeight&quot;:&quot;normal&quot;,&quot;compareAtPriceColor&quot;:&quot;#ffffff&quot;,&quot;productVariantSelectionFontWeight&quot;:&quot;normal&quot;,&quot;productVariantSelectionTextSize&quot;:14,&quot;productVariantSelectionTextColor&quot;:&quot;#303030&quot;,&quot;productVariantSelectionIconColor&quot;:&quot;#ffffff&quot;,&quot;productVariantSelectionBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;productVariantSelectionBorderSize&quot;:0,&quot;productVariantSelectionBorderColor&quot;:&quot;#E3E3E3&quot;,&quot;productVariantSelectionBorderRadius&quot;:2,&quot;buttonTextSize&quot;:16,&quot;buttonTextColor&quot;:&quot;#ffffff&quot;,&quot;buttonBackgroundColor&quot;:&quot;#00513F&quot;,&quot;buttonBorderSize&quot;:0,&quot;buttonBorderColor&quot;:&quot;#e3e3e3&quot;,&quot;buttonBorderRadius&quot;:2,&quot;disabledButtonBackgroundColor&quot;:&quot;#e3e3e3&quot;,&quot;disabledButtonBorderSize&quot;:0,&quot;disabledButtonBorderColor&quot;:&quot;#e3e3e3&quot;,&quot;disabledBorderRadius&quot;:2,&quot;disabledButtonTextSize&quot;:16,&quot;disabledButtonTextColor&quot;:&quot;#303030&quot;,&quot;topOffsetPosition&quot;:0,&quot;bottomOffsetPosition&quot;:0,&quot;leftOffsetPosition&quot;:0,&quot;rightOffsetPosition&quot;:0,&quot;maxWidth&quot;:800,&quot;templateMobile&quot;:&quot;DARK&quot;,&quot;backgroundTypeMobile&quot;:&quot;MONOCHROME&quot;,&quot;monochromeBackgroundColorMobile&quot;:&quot;#1a1a1a&quot;,&quot;gradientBackgroundStartColorMobile&quot;:null,&quot;gradientBackgroundEndColorMobile&quot;:null,&quot;gradientBackgroundAngleMobile&quot;:null,&quot;fontMobile&quot;:&quot;INHERIT&quot;,&quot;borderSizeMobile&quot;:0,&quot;borderColorMobile&quot;:&quot;#1a1a1a&quot;,&quot;productTitleSizeMobile&quot;:16,&quot;productTitleFontWeightMobile&quot;:&quot;normal&quot;,&quot;productTitleColorMobile&quot;:&quot;#ffffff&quot;,&quot;productPriceSizeMobile&quot;:16,&quot;productPriceFontWeightMobile&quot;:&quot;normal&quot;,&quot;productPriceColorMobile&quot;:&quot;#ffffff&quot;,&quot;compareAtPriceSizeMobile&quot;:16,&quot;compareAtPriceFontWeightMobile&quot;:&quot;normal&quot;,&quot;compareAtPriceColorMobile&quot;:&quot;#ffffff&quot;,&quot;productVariantSelectionFontWeightMobile&quot;:&quot;normal&quot;,&quot;productVariantSelectionTextSizeMobile&quot;:14,&quot;productVariantSelectionTextColorMobile&quot;:&quot;#303030&quot;,&quot;productVariantSelectionIconColorMobile&quot;:&quot;#ffffff&quot;,&quot;productVariantSelectionBackgroundColorMobile&quot;:&quot;#1a1a1a&quot;,&quot;productVariantSelectionBorderSizeMobile&quot;:0,&quot;productVariantSelectionBorderColorMobile&quot;:&quot;#ffffff&quot;,&quot;productVariantSelectionBorderRadiusMobile&quot;:2,&quot;buttonTextSizeMobile&quot;:16,&quot;buttonTextColorMobile&quot;:&quot;#ffffff&quot;,&quot;buttonBackgroundColorMobile&quot;:&quot;#005BD3&quot;,&quot;buttonBorderSizeMobile&quot;:0,&quot;buttonBorderColorMobile&quot;:&quot;#e3e3e3&quot;,&quot;buttonBorderRadiusMobile&quot;:2,&quot;disabledButtonTextSizeMobile&quot;:16,&quot;disabledButtonTextColorMobile&quot;:&quot;#303030&quot;,&quot;disabledButtonBackgroundColorMobile&quot;:&quot;#e3e3e3&quot;,&quot;disabledButtonBorderSizeMobile&quot;:0,&quot;disabledButtonBorderColorMobile&quot;:&quot;#e3e3e3&quot;,&quot;disabledBorderRadiusMobile&quot;:2,&quot;topOffsetPositionMobile&quot;:0,&quot;bottomOffsetPositionMobile&quot;:0,&quot;leftOffsetPositionMobile&quot;:0,&quot;rightOffsetPositionMobile&quot;:0,&quot;emptyCartImageSize&quot;:28,&quot;emptyCartImageColor&quot;:&quot;#000000&quot;,&quot;orderNoteTextFontWeight&quot;:&quot;normal&quot;,&quot;orderNoteTextFontSize&quot;:14,&quot;orderNoteTextColor&quot;:&quot;#303030&quot;,&quot;
6311orderNoteInputBackgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;orderNoteInputBorderColor&quot;:&quot;#F1F1F1&quot;,&quot;orderNoteInputBorderSize&quot;:1,&quot;orderNoteButtonBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;orderNoteButtonTextColor&quot;:&quot;#303030&quot;,&quot;orderNoteButtonBorderColor&quot;:&quot;#F1F1F1&quot;,&quot;orderNoteButtonBorderSize&quot;:0,&quot;upsellsTitleFontWeight&quot;:&quot;600&quot;,&quot;upsellsTitleFontSize&quot;:14,&quot;upsellsTitleColor&quot;:&quot;#303030&quot;,&quot;upsellsOfferBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;upsellsProductCardBackgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;upsellsPrimaryTextColor&quot;:&quot;#303030&quot;,&quot;upsellsSecondaryTextColor&quot;:&quot;#616161&quot;,&quot;upsellsPriceColor&quot;:&quot;#303030&quot;,&quot;upsellsButtonBackgroundColor&quot;:&quot;#303030&quot;,&quot;upsellsButtonTextColor&quot;:&quot;#FFFFFF&quot;,&quot;upsellsButtonBorderColor&quot;:&quot;#303030&quot;,&quot;upsellsButtonBorderSize&quot;:0,&quot;upsellsLayoutType&quot;:&quot;CAROUSEL&quot;,&quot;upsellsVisibleProductsCount&quot;:3,&quot;discountsTextFontWeight&quot;:&quot;400&quot;,&quot;discountsTextFontSize&quot;:14,&quot;discountsTextColor&quot;:&quot;#303030&quot;,&quot;discountsInputBackgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;discountsInputBorderColor&quot;:&quot;#F1F1F1&quot;,&quot;discountsInputBorderSize&quot;:1,&quot;discountsButtonBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;discountsButtonTextColor&quot;:&quot;#303030&quot;,&quot;discountsButtonBorderColor&quot;:&quot;#F1F1F1&quot;,&quot;discountsButtonBorderSize&quot;:0,&quot;orderUpsellOfferNameFontWeight&quot;:&quot;600&quot;,&quot;orderUpsellOfferNameFontSize&quot;:14,&quot;orderUpsellOfferNameColor&quot;:&quot;#303030&quot;,&quot;orderUpsellDescriptionFontWeight&quot;:&quot;400&quot;,&quot;orderUpsellDescriptionFontSize&quot;:12,&quot;orderUpsellDescriptionColor&quot;:&quot;#6B7177&quot;,&quot;orderUpsellToggleOnBackgroundColor&quot;:&quot;#303030&quot;,&quot;orderUpsellToggleOnSwitchColor&quot;:&quot;#FFFFFF&quot;,&quot;orderUpsellToggleOffBackgroundColor&quot;:&quot;#CCCCCC&quot;,&quot;orderUpsellToggleOffSwitchColor&quot;:&quot;#FFFFFF&quot;,&quot;orderUpsellPriceColor&quot;:&quot;#303030&quot;,&quot;
6311orderUpsellBackgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;orderUpsellPaddingTop&quot;:12,&quot;orderUpsellPaddingBottom&quot;:12,&quot;orderUpsellSectionPaddingTop&quot;:0,&quot;orderUpsellSectionPaddingBottom&quot;:0,&quot;lineItemsSectionPaddingTop&quot;:16,&quot;lineItemsSectionPaddingBottom&quot;:8,&quot;upsellsSectionPaddingTop&quot;:8,&quot;upsellsSectionPaddingBottom&quot;:8,&quot;orderNoteSectionPaddingTop&quot;:8,&quot;orderNoteSectionPaddingBottom&quot;:8,&quot;announcementSectionPaddingTop&quot;:0,&quot;announcementSectionPaddingBottom&quot;:0,&quot;announcementBarSectionPaddingTop&quot;:0,&quot;announcementBarSectionPaddingBottom&quot;:0,&quot;rewardGoalBarSectionPaddingTop&quot;:0,&quot;rewardGoalBarSectionPaddingBottom&quot;:0,&quot;discountsSectionPaddingTop&quot;:16,&quot;discountsSectionPaddingBottom&quot;:8,&quot;subtotalSectionPaddingTop&quot;:8,&quot;subtotalSectionPaddingBottom&quot;:8,&quot;checkoutButtonSectionPaddingTop&quot;:8,&quot;checkoutButtonSectionPaddingBottom&quot;:16,&quot;acceleratedCheckoutSectionPaddingTop&quot;:0,&quot;acceleratedCheckoutSectionPaddingBottom&quot;:16,&quot;acceleratedCheckoutButtonHeight&quot;:42,&quot;acceleratedCheckoutButtonHeightMobile&quot;:42,&quot;paymentIconsSectionPaddingTop&quot;:8,&quot;paymentIconsSectionPaddingBottom&quot;:16},&quot;announcements&quot;:[{&quot;id&quot;:&quot;e9029490-fa31-455e-ad13-bf602a45a554&quot;,&quot;updatedAt&quot;:&quot;2026-04-27T14:44:12.890Z&quot;,&quot;timerType&quot;:&quot;NO_TIMER&quot;,&quot;timerEndType&quot;:&quot;HIDE&quot;,&quot;minutes&quot;:10,&quot;startDate&quot;:&quot;2026-04-27T14:25:09.139Z&quot;,&quot;endDate&quot;:&quot;2026-04-28T14:25:09.139Z&quot;,&quot;bodyHtml&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;color: rgb(255, 255, 255); white-space: pre-wrap;\&quot;&gt;Free UK Shipping on order over £35&lt;/span&gt;&lt;/p&gt;&quot;,&quot;backgroundColor&quot;:&quot;#00513F&quot;,&quot;textSize&quot;:14,&quot;borderSize&quot;:0,&quot;borderColor&quot;:&quot;#E3E3E3&quot;,&quot;textColor&quot;:&quot;#FFFFFF&quot;,&quot;isEnabled&quot;:true,&quot;endMessage&quot;:&quot;&quot;,&quot;daysLabel&quot;:&quot;d&quot;,&quot;hoursLabel&quot;:&quot;h&quot;,&quot;minutesLabel&quot;:&quot;m&quot;,&quot;secondsLabel&quot;:&quot;s&quot;,&quot;bodyHtmlMobile&quot;:&quot;&lt;p dir=\&quot;ltr\&quot;&gt;&lt;span data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;🔥 &lt;/span&gt;&lt;strong data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;Get it while it lasts&lt;/strong&gt;&lt;/p&gt;&quot;,&quot;backgroundColorMobile&quot;:&quot;#00513F&quot;,&quot;textSizeMobile&quot;:14,&quot;textColorMobile&quot;:&quot;#FFFFFF&quot;,&quot;isEnabledMobile&quot;:true,&quot;contentTranslations&quot;:[]},{&quot;id&quot;:&quot;d7c3e00d-b4ec-4687-a3e9-2fc381f9880f&quot;,&quot;updatedAt&quot;:&quot;2026-04-27T14:44:12.890Z&quot;,&quot;timerType&quot;:&quot;FIXED_MINUTES&quot;,&quot;timerEndType&quot;:&quot;HIDE&quot;,&quot;minutes&quot;:10,&quot;startDate&quot;:&quot;2026-04-27T14:25:09.139Z&quot;,&quot;endDate&quot;:&quot;2026-04-28T14:25:09.139Z&quot;,&quot;bodyHtml&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;This price expires in {timer}&lt;/span&gt;&lt;/p&gt;&quot;,&quot;backgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;textSize&quot;:14,&quot;borderSize&quot;:0,&quot;borderColor&quot;:&quot;#E3E3E3&quot;,&quot;textColor&quot;:&quot;#303030;&quot;,&quot;isEnabled&quot;:false,&quot;endMessage&quot;:&quot;&quot;,&quot;daysLabel&quot;:&quot;d&quot;,&quot;hoursLabel&quot;:&quot;h&quot;,&quot;minutesLabel&quot;:&quot;m&quot;,&quot;secondsLabel&quot;:&quot;s&quot;,&quot;bodyHtmlMobile&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;This price expires in {timer}&lt;/span&gt;&lt;/p&gt;&quot;,&quot;backgroundColorMobile&quot;:&quot;#13FFC4&quot;,&quot;textSizeMobile&quot;:14,&quot;textColorMobile&quot;:&quot;#303030;&quot;,&quot;isEnabledMobile&quot;:false,&quot;contentTranslations&quot;:[]}],&quot;rewards&quot;:[{&quot;id&quot;:&quot;a1b5b10a-79cb-46b6-b10e-127487951afc&quot;,&quot;updatedAt&quot;:&quot;2026-04-27T14:44:12.890Z&quot;,&quot;isEnabled&quot;:false,&quot;configType&quot;:&quot;DEFAULT&quot;,&quot;completedBodyHtml&quot;:&quot;&lt;p dir=\&quot;ltr\&quot;&gt;&lt;strong data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;Reward&lt;/strong&gt;&lt;span data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt; unlocked!&lt;/span&gt;&lt;/p&gt;&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;
6311barBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;barForegroundColor&quot;:&quot;#000000&quot;,&quot;textColor&quot;:&quot;#303030&quot;,&quot;rewardType&quot;:&quot;TOTAL_PRICE&quot;,&quot;marketId&quot;:&quot;gid://shopify/Market/804683870&quot;,&quot;currencyCode&quot;:&quot;GBP&quot;,&quot;excludeSpecificProducts&quot;:[],&quot;tiers&quot;:[{&quot;id&quot;:&quot;327e9cfd-d462-40be-8282-be6b5cfb5d80&quot;,&quot;RewardTierType&quot;:&quot;SHIPPING_DISCOUNT&quot;,&quot;name&quot;:&quot;&quot;,&quot;discountType&quot;:&quot;PERCENTAGE&quot;,&quot;discountValue&quot;:100,&quot;minValue&quot;:100,&quot;specificProducts&quot;:[],&quot;freeSpecificProducts&quot;:[],&quot;beforeCompletedBodyHtml&quot;:&quot;&lt;p dir=\&quot;ltr\&quot;&gt;&lt;span data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;Spend {remaining_amount} to unlock your &lt;/span&gt;&lt;strong data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;reward&lt;/strong&gt;&lt;span data-lexical-text=\&quot;true\&quot; style=\&quot;color: #303030\&quot;&gt;!&lt;/span&gt;&lt;/p&gt;&quot;,&quot;discountMessage&quot;:null}],&quot;contentTranslations&quot;:[]},{&quot;id&quot;:&quot;79f653f7-c71f-4567-9684-4260e56c50e1&quot;,&quot;updatedAt&quot;:&quot;2026-04-27T14:44:12.890Z&quot;,&quot;isEnabled&quot;:false,&quot;configType&quot;:&quot;DEFAULT&quot;,&quot;completedBodyHtml&quot;:&quot;&lt;p&gt;&lt;b&gt;&lt;strong style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;Reward&lt;/strong&gt;&lt;/b&gt;&lt;span style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt; unlocked!&lt;/span&gt;&lt;/p&gt;&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;barBackgroundColor&quot;:&quot;#F1F1F1&quot;,&quot;barForegroundColor&quot;:&quot;#000000&quot;,&quot;textColor&quot;:&quot;#303030&quot;,&quot;rewardType&quot;:&quot;TOTAL_PRICE&quot;,&quot;marketId&quot;:null,&quot;currencyCode&quot;:null,&quot;excludeSpecificProducts&quot;:[],&quot;tiers&quot;:[{&quot;id&quot;:&quot;4dde4491-749e-496b-a9df-73de74387e9e&quot;,&quot;RewardTierType&quot;:&quot;SHIPPING_DISCOUNT&quot;,&quot;name&quot;:&quot;&quot;,&quot;discountType&quot;:&quot;PERCENTAGE&quot;,&quot;discountValue&quot;:100,&quot;minValue&quot;:100,&quot;specificProducts&quot;:[],&quot;freeSpecificProducts&quot;:[],&quot;beforeCompletedBodyHtml&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;Spend {remaining_amount} to unlock your &lt;/span&gt;&lt;b&gt;&lt;strong style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;reward&lt;/strong&gt;&lt;/b&gt;&lt;span style=\&quot;color: rgb(48, 48, 48); white-space: pre-wrap;\&quot;&gt;!&lt;/span&gt;&lt;/p&gt;&quot;,&quot;discountMessage&quot;:null}],&quot;contentTranslations&quot;:[]}],&quot;upsells&quot;:[{&quot;id&quot;:&quot;d870a8ae-0365-4080-ac62-92d130ec5209&quot;,&quot;name&quot;:&quot;Cart drawer offer&quot;,&quot;isEnabled&quot;:true,&quot;offerType&quot;:&quot;CROSS_SELL&quot;,&quot;titleText&quot;:&quot;You may also like&quot;,&quot;buttonText&quot;:&quot;Add&quot;,&quot;productsType&quot;:&quot;RECOMMENDATIONS_API&quot;,&quot;triggerType&quot;:&quot;ALL&quot;,&quot;recommendationIntent&quot;:&quot;RELATED&quot;,&quot;isHideProductInCart&quot;:false,&quot;discountType&quot;:&quot;NONE&quot;,&quot;discountValue&quot;:null,&quot;applyDiscountType&quot;:&quot;ALWAYS&quot;,&quot;discountMessage&quot;:null,&quot;isLimitDiscountedQuantity&quot;:false,&quot;discountedQuantityLimit&quot;:null,&quot;specificProducts&quot;:[],&quot;specificCollections&quot;:[],&quot;triggerProducts&quot;:[],&quot;triggerCollections&quot;:[],&quot;contentTranslations&quot;:[]}],&quot;customBlocks&quot;:[],&quot;orderUpsells&quot;:[{&quot;id&quot;:&quot;8d793ad0-a014-47ee-bad7-6d05dcb39c8f&quot;,&quot;stableId&quot;:&quot;default&quot;,&quot;isEnabled&quot;:false,&quot;displayType&quot;:&quot;CART_LINE&quot;,&quot;offerName&quot;:&quot;Shipping protection&quot;,&quot;price&quot;:5,&quot;compareAtPrice&quot;:null,&quot;description&quot;:&quot;Protect your order from shipping damage and loss&quot;,&quot;showImage&quot;:true,&quot;imageUrl&quot;:&quot;https://cdn.essentialcartdrawer.com/order-upsell/shipping-protection.png&quot;,&quot;imageSize&quot;:24,&quot;shopifyProductId&quot;:null,&quot;shopifyVariantId&quot;:null,&quot;shopifyProductHandle&quot;:null,&quot;autoRemoveWhenCartEmpty&quot;:false,&quot;autoFulfil&quot;:false,&quot;contentTranslations&quot;:[]}],&quot;placement&quot;:{&quot;productPageProductsType&quot;:&quot;ALL&quot;,&quot;specificProducts&quot;:[],&quot;specificCollections&quot;:[],&quot;homePageProducts&quot;:[]},&quot;contentTranslations&quot;:[]}]}"
6312  cart-app-config-data="{&quot;storefrontAccessTokenValue&quot;:&quot;20fb039de53ca6a3c7e136b60af8f9b1&quot;,&quot;updatedAt&quot;:&quot;2026-04-27T14:44:14.344Z&quot;,&quot;analyticsBaseUrl&quot;:&quot;https://essential-cart-publisher.essential-apps.com&quot;}"
6313  product-page-product="null"
6314  product-page-collection-ids="[]"
6315  cart-product-ids="[]"
6316  shop-money-format="£{{amount}}"
6317  shop-money-with-currency-format="£{{amount}} GBP"
6318  market-id="804651102"
6319  cart-data="{&quot;note&quot;:null,&quot;attributes&quot;:{},&quot;original_total_price&quot;:0,&quot;total_price&quot;:0,&quot;total_discount&quot;:0,&quot;total_weight&quot;:0.0,&quot;item_count&quot;:0,&quot;items&quot;:[],&quot;requires_shipping&quot;:false,&quot;currency&quot;:&quot;GBP&quot;,&quot;items_subtotal_price&quot;:0,&quot;cart_level_discount_applications&quot;:[],&quot;checkout_charge_amount&quot;:0}"
6320  cart-items='
6321[]'
6322></essential-cart-app-embed>
6323
6324
6325  <div id="essential-cart-drawer-portal" data-currency-converted="true"></div>
6326
6327  
6328  
6328<script>
6329    (function () {
6330      if (window.__essentialCartEarlyNet) return;
6331      window.__essentialCartEarlyNet = true;
6332      var FALLBACK_MS = 4000;
6333      var handler = function (e) {
6334        if (window.essentialCartApi) {
6335          document.removeEventListener("click", handler, true);
6336          return;
6337        }
6338        var t = e.target;
6339        if (!t || !t.closest) return;
6340        var a = t.closest("a[href]");
6341        if (!a) return;
6342        var path;
6343        try {
6344          path = new URL(a.href, window.location.origin).pathname.replace(/\/+$/, "");
6345        } catch (err) {
6346          return;
6347        }
6348        var root = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || "/";
6349        if (path !== root + "cart" && path !== "/cart") return;
6350        e.preventDefault();
6351        var href = a.href;
6352        var started = Date.now();
6353        var tick = function () {
6354          var api = window.essentialCartApi;
6355          if (api && api.openCart) {
6356            api.openCart();
6357            return;
6358          }
6359          if (Date.now() - started > FALLBACK_MS) {
6360            window.location.href = href;
6361            return;
6362          }
6363          setTimeout(tick, 100);
6364        };
6365        tick();
6366      };
6367      document.addEventListener("click", handler, true);
6368    })();
6369  </script>
6369
6370
6371
6372
6373</div>
6373<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6373
6374</body>
6375</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.