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 – 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'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'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&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&v=1779791119 1x, //shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=80&v=1779791119 2x, //shop.wholeearthfoods.com/cdn/shop/files/wholeearth_logo.avif?height=120&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®ion_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®ion_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&width=3840" alt="100% Nuts Crunchy Peanut Butter 340g" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&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&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 </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 </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&width=3840" alt="100% Nuts Smooth Peanut Butter 340g" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&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&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 </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 </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&width=3840" alt="Crunchy Peanut Butter No Added Sugar 1000g" srcset="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=352 352w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=832 832w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&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&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 </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 </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&width=3840" alt="Drizzler Golden Roasted Super Smooth Peanut Butter 320g" srcset="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=352 352w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=832 832w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&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&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 </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 </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 © 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&width=3840" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=352 352w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=832 832w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=1200 1200w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=1600 1600w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=1920 1920w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&width=2560 2560w, //shop.wholeearthfoods.com/cdn/shop/files/trees.png?v=1777305070&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&width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703137_WholeEarth100pctCrunchyPeanutButter340g_307253_S_stripped.png?v=1765178006&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 </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 </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&width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/files/703136_WholeEarth100pctSmoothPeanutButter340g_307252_S_stripped.png?v=1765177980&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 </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 </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&width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/WholeEarthPackshotCrunchy1kgTub.png?v=1606380817&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 </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 </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&width=500" alt="" srcset="//shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&width=240 240w, //shop.wholeearthfoods.com/cdn/shop/products/drizzler2.png?v=1651572644&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 </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 </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="{"carts":[{"id":"8ca4648b-2532-4bc7-a662-96991f22ca6e","isPublished":true,"cartType":"CART_DRAWER","content":{"isHideForOutOfStock":true,"isShowDropShadow":true,"isShowOnDesktop":true,"isShowOnMobile":true,"isShowOnAddToCart":true,"stickyCartVisibility":"ALWAYS","stickyCartPosition":"BOTTOM","stickyCartHorizontalPosition":"RIGHT","stickyCartWidth":"FULL_WIDTH","isProductImage":true,"isProductName":true,"isProductPrice":true,"isComparedAtPrice":true,"isProductVariantSelection":true,"isProductQuantitySelection":true,"buttonBodyHtml":"Secure checkout · {price}","disabledButtonBodyHtml":"Sold out","buttonAction":"STAY_ON_PAGE","emptyCartBodyHtml":"<p><span style=\"white-space: pre-wrap;\">Your cart is empty</span></p>","emptyCartButtonUrl":"/","emptyCartButtonText":"Continue shopping","emptyCartImageUrl":"https://cdn.essentialcartdrawer.com/ecom-icons/cart1.svg","isShowEmptyCartButton":true,"cartTitle":"Cart {item_count}","subtotalLabel":"Subtotal","isSubtotalEnabled":true,"featuresOrder":[],"isOrderNoteEnabled":false,"orderNoteText":"Add note","orderNoteFieldLabelText":"Special instructions for the courier","orderNoteButtonText":"Save","isDiscountsEnabled":true,"isShowDiscountRow":true,"isShowAddDiscountsAction":true,"isShowDiscountTags":true,"isShowCodeAndAutomaticSavings":true,"isShowCompareAtSavings":true,"isShowSellingPlanSavings":true,"discountsFieldLabelText":"Discount code","discountsIncorrectCodeText":"Code not applicable","discountsCantApplyText":"{discount} can't be applied","discountsButtonText":"Add","discountsLinkText":"Add discount code","discountsSavingsLabelText":"Savings","isAcceleratedCheckoutEnabled":false,"isPaymentIconsEnabled":true,"paymentIconsSize":36,"paymentIconsUrls":["https://cdn.essentialcartdrawer.com/payment-icons%2FMastercard2.svg","https://cdn.essentialcartdrawer.com/payment-icons%2FPayPal2%20copy.svg","https://cdn.essentialcartdrawer.com/payment-icons%2FMaestro2.svg","https://cdn.essentialcartdrawer.com/payment-icons%2FVisa2.svg"],"isUpsellsEnabled":true,"upsellsTitleText":"You may also like","customCartButtonSelector":"#ap-cart-btn","customDrawerHideSelector":null,"isHideForOutOfStockMobile":true,"isShowDropShadowMobile":true,"stickyCartVisibilityMobile":"ALWAYS","stickyCartPositionMobile":"BOTTOM","isProductImageMobile":true,"isProductNameMobile":true,"isProductPriceMobile":true,"isComparedAtPriceMobile":true,"isProductVariantSelectionMobile":true,"isProductQuantitySelectionMobile":true,"buttonBodyHtmlMobile":"Add to cart","disabledButtonBodyHtmlMobile":"Sold out","buttonActionMobile":"STAY_ON_PAGE"},"design":{"template":"DARK","backgroundType":"MONOCHROME","monochromeBackgroundColor":"#1a1a1a","
6311gradientBackgroundStartColor":null,"gradientBackgroundEndColor":null,"gradientBackgroundAngle":null,"font":"INHERIT","borderSize":12,"borderColor":"#E3E3E3","backgroundColor":"#ffffff","primaryTextColor":"#303030","secondaryTextColor":"#616161","productImageSize":80,"productImageBorderSize":4,"productTitleSize":16,"productTitleFontWeight":"normal","productTitleColor":"#ffffff","productPriceSize":16,"productPriceFontWeight":"normal","productPriceColor":"#000000","compareAtPriceSize":16,"compareAtPriceFontWeight":"normal","compareAtPriceColor":"#ffffff","productVariantSelectionFontWeight":"normal","productVariantSelectionTextSize":14,"productVariantSelectionTextColor":"#303030","productVariantSelectionIconColor":"#ffffff","productVariantSelectionBackgroundColor":"#F1F1F1","productVariantSelectionBorderSize":0,"productVariantSelectionBorderColor":"#E3E3E3","productVariantSelectionBorderRadius":2,"buttonTextSize":16,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#00513F","buttonBorderSize":0,"buttonBorderColor":"#e3e3e3","buttonBorderRadius":2,"disabledButtonBackgroundColor":"#e3e3e3","disabledButtonBorderSize":0,"disabledButtonBorderColor":"#e3e3e3","disabledBorderRadius":2,"disabledButtonTextSize":16,"disabledButtonTextColor":"#303030","topOffsetPosition":0,"bottomOffsetPosition":0,"leftOffsetPosition":0,"rightOffsetPosition":0,"maxWidth":800,"templateMobile":"DARK","backgroundTypeMobile":"MONOCHROME","monochromeBackgroundColorMobile":"#1a1a1a","gradientBackgroundStartColorMobile":null,"gradientBackgroundEndColorMobile":null,"gradientBackgroundAngleMobile":null,"fontMobile":"INHERIT","borderSizeMobile":0,"borderColorMobile":"#1a1a1a","productTitleSizeMobile":16,"productTitleFontWeightMobile":"normal","productTitleColorMobile":"#ffffff","productPriceSizeMobile":16,"productPriceFontWeightMobile":"normal","productPriceColorMobile":"#ffffff","compareAtPriceSizeMobile":16,"compareAtPriceFontWeightMobile":"normal","compareAtPriceColorMobile":"#ffffff","productVariantSelectionFontWeightMobile":"normal","productVariantSelectionTextSizeMobile":14,"productVariantSelectionTextColorMobile":"#303030","productVariantSelectionIconColorMobile":"#ffffff","productVariantSelectionBackgroundColorMobile":"#1a1a1a","productVariantSelectionBorderSizeMobile":0,"productVariantSelectionBorderColorMobile":"#ffffff","productVariantSelectionBorderRadiusMobile":2,"buttonTextSizeMobile":16,"buttonTextColorMobile":"#ffffff","buttonBackgroundColorMobile":"#005BD3","buttonBorderSizeMobile":0,"buttonBorderColorMobile":"#e3e3e3","buttonBorderRadiusMobile":2,"disabledButtonTextSizeMobile":16,"disabledButtonTextColorMobile":"#303030","disabledButtonBackgroundColorMobile":"#e3e3e3","disabledButtonBorderSizeMobile":0,"disabledButtonBorderColorMobile":"#e3e3e3","disabledBorderRadiusMobile":2,"topOffsetPositionMobile":0,"bottomOffsetPositionMobile":0,"leftOffsetPositionMobile":0,"rightOffsetPositionMobile":0,"emptyCartImageSize":28,"emptyCartImageColor":"#000000","orderNoteTextFontWeight":"normal","orderNoteTextFontSize":14,"orderNoteTextColor":"#303030","
6311orderNoteInputBackgroundColor":"#FFFFFF","orderNoteInputBorderColor":"#F1F1F1","orderNoteInputBorderSize":1,"orderNoteButtonBackgroundColor":"#F1F1F1","orderNoteButtonTextColor":"#303030","orderNoteButtonBorderColor":"#F1F1F1","orderNoteButtonBorderSize":0,"upsellsTitleFontWeight":"600","upsellsTitleFontSize":14,"upsellsTitleColor":"#303030","upsellsOfferBackgroundColor":"#F1F1F1","upsellsProductCardBackgroundColor":"#FFFFFF","upsellsPrimaryTextColor":"#303030","upsellsSecondaryTextColor":"#616161","upsellsPriceColor":"#303030","upsellsButtonBackgroundColor":"#303030","upsellsButtonTextColor":"#FFFFFF","upsellsButtonBorderColor":"#303030","upsellsButtonBorderSize":0,"upsellsLayoutType":"CAROUSEL","upsellsVisibleProductsCount":3,"discountsTextFontWeight":"400","discountsTextFontSize":14,"discountsTextColor":"#303030","discountsInputBackgroundColor":"#FFFFFF","discountsInputBorderColor":"#F1F1F1","discountsInputBorderSize":1,"discountsButtonBackgroundColor":"#F1F1F1","discountsButtonTextColor":"#303030","discountsButtonBorderColor":"#F1F1F1","discountsButtonBorderSize":0,"orderUpsellOfferNameFontWeight":"600","orderUpsellOfferNameFontSize":14,"orderUpsellOfferNameColor":"#303030","orderUpsellDescriptionFontWeight":"400","orderUpsellDescriptionFontSize":12,"orderUpsellDescriptionColor":"#6B7177","orderUpsellToggleOnBackgroundColor":"#303030","orderUpsellToggleOnSwitchColor":"#FFFFFF","orderUpsellToggleOffBackgroundColor":"#CCCCCC","orderUpsellToggleOffSwitchColor":"#FFFFFF","orderUpsellPriceColor":"#303030","
6311orderUpsellBackgroundColor":"#FFFFFF","orderUpsellPaddingTop":12,"orderUpsellPaddingBottom":12,"orderUpsellSectionPaddingTop":0,"orderUpsellSectionPaddingBottom":0,"lineItemsSectionPaddingTop":16,"lineItemsSectionPaddingBottom":8,"upsellsSectionPaddingTop":8,"upsellsSectionPaddingBottom":8,"orderNoteSectionPaddingTop":8,"orderNoteSectionPaddingBottom":8,"announcementSectionPaddingTop":0,"announcementSectionPaddingBottom":0,"announcementBarSectionPaddingTop":0,"announcementBarSectionPaddingBottom":0,"rewardGoalBarSectionPaddingTop":0,"rewardGoalBarSectionPaddingBottom":0,"discountsSectionPaddingTop":16,"discountsSectionPaddingBottom":8,"subtotalSectionPaddingTop":8,"subtotalSectionPaddingBottom":8,"checkoutButtonSectionPaddingTop":8,"checkoutButtonSectionPaddingBottom":16,"acceleratedCheckoutSectionPaddingTop":0,"acceleratedCheckoutSectionPaddingBottom":16,"acceleratedCheckoutButtonHeight":42,"acceleratedCheckoutButtonHeightMobile":42,"paymentIconsSectionPaddingTop":8,"paymentIconsSectionPaddingBottom":16},"announcements":[{"id":"e9029490-fa31-455e-ad13-bf602a45a554","updatedAt":"2026-04-27T14:44:12.890Z","timerType":"NO_TIMER","timerEndType":"HIDE","minutes":10,"startDate":"2026-04-27T14:25:09.139Z","endDate":"2026-04-28T14:25:09.139Z","bodyHtml":"<p><span style=\"color: rgb(255, 255, 255); white-space: pre-wrap;\">Free UK Shipping on order over £35</span></p>","backgroundColor":"#00513F","textSize":14,"borderSize":0,"borderColor":"#E3E3E3","textColor":"#FFFFFF","isEnabled":true,"endMessage":"","daysLabel":"d","hoursLabel":"h","minutesLabel":"m","secondsLabel":"s","bodyHtmlMobile":"<p dir=\"ltr\"><span data-lexical-text=\"true\" style=\"color: #303030\">ð¥ </span><strong data-lexical-text=\"true\" style=\"color: #303030\">Get it while it lasts</strong></p>","backgroundColorMobile":"#00513F","textSizeMobile":14,"textColorMobile":"#FFFFFF","isEnabledMobile":true,"contentTranslations":[]},{"id":"d7c3e00d-b4ec-4687-a3e9-2fc381f9880f","updatedAt":"2026-04-27T14:44:12.890Z","timerType":"FIXED_MINUTES","timerEndType":"HIDE","minutes":10,"startDate":"2026-04-27T14:25:09.139Z","endDate":"2026-04-28T14:25:09.139Z","bodyHtml":"<p><span style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">This price expires in {timer}</span></p>","backgroundColor":"#F1F1F1","textSize":14,"borderSize":0,"borderColor":"#E3E3E3","textColor":"#303030;","isEnabled":false,"endMessage":"","daysLabel":"d","hoursLabel":"h","minutesLabel":"m","secondsLabel":"s","bodyHtmlMobile":"<p><span style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">This price expires in {timer}</span></p>","backgroundColorMobile":"#13FFC4","textSizeMobile":14,"textColorMobile":"#303030;","isEnabledMobile":false,"contentTranslations":[]}],"rewards":[{"id":"a1b5b10a-79cb-46b6-b10e-127487951afc","updatedAt":"2026-04-27T14:44:12.890Z","isEnabled":false,"configType":"DEFAULT","completedBodyHtml":"<p dir=\"ltr\"><strong data-lexical-text=\"true\" style=\"color: #303030\">Reward</strong><span data-lexical-text=\"true\" style=\"color: #303030\"> unlocked!</span></p>","backgroundColor":"#FFFFFF","
6311barBackgroundColor":"#F1F1F1","barForegroundColor":"#000000","textColor":"#303030","rewardType":"TOTAL_PRICE","marketId":"gid://shopify/Market/804683870","currencyCode":"GBP","excludeSpecificProducts":[],"tiers":[{"id":"327e9cfd-d462-40be-8282-be6b5cfb5d80","RewardTierType":"SHIPPING_DISCOUNT","name":"","discountType":"PERCENTAGE","discountValue":100,"minValue":100,"specificProducts":[],"freeSpecificProducts":[],"beforeCompletedBodyHtml":"<p dir=\"ltr\"><span data-lexical-text=\"true\" style=\"color: #303030\">Spend {remaining_amount} to unlock your </span><strong data-lexical-text=\"true\" style=\"color: #303030\">reward</strong><span data-lexical-text=\"true\" style=\"color: #303030\">!</span></p>","discountMessage":null}],"contentTranslations":[]},{"id":"79f653f7-c71f-4567-9684-4260e56c50e1","updatedAt":"2026-04-27T14:44:12.890Z","isEnabled":false,"configType":"DEFAULT","completedBodyHtml":"<p><b><strong style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">Reward</strong></b><span style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\"> unlocked!</span></p>","backgroundColor":"#FFFFFF","barBackgroundColor":"#F1F1F1","barForegroundColor":"#000000","textColor":"#303030","rewardType":"TOTAL_PRICE","marketId":null,"currencyCode":null,"excludeSpecificProducts":[],"tiers":[{"id":"4dde4491-749e-496b-a9df-73de74387e9e","RewardTierType":"SHIPPING_DISCOUNT","name":"","discountType":"PERCENTAGE","discountValue":100,"minValue":100,"specificProducts":[],"freeSpecificProducts":[],"beforeCompletedBodyHtml":"<p><span style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">Spend {remaining_amount} to unlock your </span><b><strong style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">reward</strong></b><span style=\"color: rgb(48, 48, 48); white-space: pre-wrap;\">!</span></p>","discountMessage":null}],"contentTranslations":[]}],"upsells":[{"id":"d870a8ae-0365-4080-ac62-92d130ec5209","name":"Cart drawer offer","isEnabled":true,"offerType":"CROSS_SELL","titleText":"You may also like","buttonText":"Add","productsType":"RECOMMENDATIONS_API","triggerType":"ALL","recommendationIntent":"RELATED","isHideProductInCart":false,"discountType":"NONE","discountValue":null,"applyDiscountType":"ALWAYS","discountMessage":null,"isLimitDiscountedQuantity":false,"discountedQuantityLimit":null,"specificProducts":[],"specificCollections":[],"triggerProducts":[],"triggerCollections":[],"contentTranslations":[]}],"customBlocks":[],"orderUpsells":[{"id":"8d793ad0-a014-47ee-bad7-6d05dcb39c8f","stableId":"default","isEnabled":false,"displayType":"CART_LINE","offerName":"Shipping protection","price":5,"compareAtPrice":null,"description":"Protect your order from shipping damage and loss","showImage":true,"imageUrl":"https://cdn.essentialcartdrawer.com/order-upsell/shipping-protection.png","imageSize":24,"shopifyProductId":null,"shopifyVariantId":null,"shopifyProductHandle":null,"autoRemoveWhenCartEmpty":false,"autoFulfil":false,"contentTranslations":[]}],"placement":{"productPageProductsType":"ALL","specificProducts":[],"specificCollections":[],"homePageProducts":[]},"contentTranslations":[]}]}" 6312 cart-app-config-data="{"storefrontAccessTokenValue":"20fb039de53ca6a3c7e136b60af8f9b1","updatedAt":"2026-04-27T14:44:14.344Z","analyticsBaseUrl":"https://essential-cart-publisher.essential-apps.com"}" 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="{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"GBP","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":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.