1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head><link 7 rel="icon" 8 type="image/png" 9 href="//zoefull.com/cdn/shop/files/Zoefull_Icon_1c67e95d-29e8-4ee1-af03-00d9d70ab1df.png?crop=center&height=32&v=1782200507&width=32" 10 > 11 <link rel="preconnect" href="https://cdn.rebuyengine.com"> 12 <link rel="preconnect" href="https://static.klaviyo.com"> 13 <link rel="preconnect" href="https://loox.io"> 14 15 16 17 18<meta charset="utf-8"> 19<meta 20 http-equiv="X-UA-Compatible" 21 content="IE=edge" 22> 23<meta 24 name="viewport" 25 content="width=device-width,initial-scale=1" 26> 27<meta 28 name="view-transition" 29 content="same-origin" 30> 31<meta 32 name="theme-color" 33 content="" 34> 35 36<meta 37 property="og:site_name" 38 content="Zoefull" 39> 40<meta 41 property="og:url" 42 content="https://zoefull.com/collections/shop-all-products" 43> 44<meta 45 property="og:title" 46 content="Shop Wild Olive Oil & Mediterranean Supplements - Zoefull" 47> 48<meta 49 property="og:type" 50 content="website" 51> 52<meta 53 property="og:description" 54 content="Shop Zoefull supplements, wild olive oil, polyphenols, and wellness bundles inspired by Mediterranean ingredients." 55><meta 56 property="og:image" 57 content="http://zoefull.com/cdn/shop/collections/Image.jpg?v=1687016295" 58 > 59 <meta 60 property="og:image:secure_url" 61 content="https://zoefull.com/cdn/shop/collections/Image.jpg?v=1687016295" 62 > 63 <meta 64 property="og:image:width" 65 content="2880" 66 > 67 <meta 68 property="og:image:height" 69 content="890" 70 ><meta 71 name="twitter:card" 72 content="summary_large_image" 73> 74<meta 75 name="twitter:title" 76 content="Shop Wild Olive Oil & Mediterranean Supplements - Zoefull" 77> 78<meta 79 name="twitter:description" 80 content="Shop Zoefull supplements, wild olive oil, polyphenols, and wellness bundles inspired by Mediterranean ingredients." 81> 82 83<title> 84 Shop Wild Olive Oil & Mediterranean Supplements - Zoefull 85</title> 86 87<link 88 rel="canonical" 89 href="https://zoefull.com/collections/shop-all-products" 90> 91 92 93 <meta 94 name="description" 95 content="Shop Zoefull supplements, wild olive oil, polyphenols, and wellness bundles inspired by Mediterranean ingredients." 96 > 97 98<link href="//zoefull.com/cdn/shop/t/128/assets/overflow-list.css?v=65666801023547872151786530322" as="style" rel="preload"> 99<link href="//zoefull.com/cdn/shop/t/128/assets/base.css?v=134128944643692538081786530322" rel="stylesheet" type="text/css" media="all" /> 100 101<link href="//zoefull.com/cdn/shop/t/128/assets/style.css?v=7231896361664563371786530322" rel="stylesheet" type="text/css" media="all" /> 102 103 104 105<link 106 rel="preload" 107 as="font" 108 href="//zoefull.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" 109 type="font/woff2" 110 crossorigin 111 fetchpriority="low" 112 ><link 113 rel="preload" 114 as="font" 115 href="//zoefull.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" 116 type="font/woff2" 117 crossorigin 118 fetchpriority="low" 119 ><link 120 rel="preload" 121 as="font" 122 href="//zoefull.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" 123 type="font/woff2" 124 crossorigin 125 fetchpriority="low" 126 ><link 127 rel="preload" 128 as="font" 129 href="//zoefull.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2" 130 type="font/woff2" 131 crossorigin 132 fetchpriority="low" 133 >
134<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 134
134
135<script type="importmap"> 136 { 137 "imports": { 138 "@theme/overflow-list": "//zoefull.com/cdn/shop/t/128/assets/overflow-list.js?v=46858356770684902511786530322", 139 "@theme/product-title": "//zoefull.com/cdn/shop/t/128/assets/product-title-truncation.js?v=81744426891537421781786530322", 140 "@theme/component": "//zoefull.com/cdn/shop/t/128/assets/component.js?v=184240237101443119871786530322", 141 "@theme/dialog": "//zoefull.com/cdn/shop/t/128/assets/dialog.js?v=61774032287387761671786530322", 142 "@theme/events": "//zoefull.com/cdn/shop/t/128/assets/events.js?v=121883853830413164311786530322", 143 "@theme/focus": "//zoefull.com/cdn/shop/t/128/assets/focus.js?v=60436577539430446401786530322", 144 "@theme/morph": "//zoefull.com/cdn/shop/t/128/assets/morph.js?v=35457747882330740861786530322", 145 "@theme/paginated-list": "//zoefull.com/cdn/shop/t/128/assets/paginated-list.js?v=95298315036233333871786530322", 146 "@theme/performance": "//zoefull.com/cdn/shop/t/128/assets/performance.js?v=171015751390534793081786530322", 147 "@theme/product-form": "//zoefull.com/cdn/shop/t/128/assets/product-form.js?v=153956184776445978861786530322", 148 "@theme/recently-viewed-products": "//zoefull.com/cdn/shop/t/128/assets/recently-viewed-products.js?v=94729125001750262651786530322", 149 "@theme/scrolling": "//zoefull.com/cdn/shop/t/128/assets/scrolling.js?v=118005526288211533611786530322", 150 "@theme/section-renderer": "//zoefull.com/cdn/shop/t/128/assets/section-renderer.js?v=117273408521114569061786530322", 151 "@theme/section-hydration": "//zoefull.com/cdn/shop/t/128/assets/section-hydration.js?v=177651605160027701221786530322", 152 "@theme/utilities": "//zoefull.com/cdn/shop/t/128/assets/utilities.js?v=38828503112397363301786530322", 153 "@theme/variant-picker": "//zoefull.com/cdn/shop/t/128/assets/variant-picker.js?v=49847253208259281131786530322", 154 "@theme/media-gallery": "//zoefull.com/cdn/shop/t/128/assets/media-gallery.js?v=85944293255835747071786530322", 155 "@theme/quick-add": "//zoefull.com/cdn/shop/t/128/assets/quick-add.js?v=148903382353369979481786530322", 156 "@theme/paginated-list-aspect-ratio": "//zoefull.com/cdn/shop/t/128/assets/paginated-list-aspect-ratio.js?v=25254270272143792451786530322", 157 "@theme/popover-polyfill": "//zoefull.com/cdn/shop/t/128/assets/popover-polyfill.js?v=119029313658895111201786530322", 158 "@theme/component-quantity-selector": "//zoefull.com/cdn/shop/t/128/assets/component-quantity-selector.js?v=67906657287482036641786530322", 159 "@theme/comparison-slider": "//zoefull.com/cdn/shop/t/128/assets/comparison-slider.js?v=106705562947035711941786530322", 160 "@theme/sticky-add-to-cart": "//zoefull.com/cdn/shop/t/128/assets/sticky-add-to-cart.js?v=159413487119490141751786530322", 161 "@theme/fly-to-cart": "//zoefull.com/cdn/shop/t/128/assets/fly-to-cart.js?v=129971753673458693881786530322", 162 "@theme/video-reviews": "//zoefull.com/cdn/shop/t/128/assets/video-reviews.js?v=142589563594189456921786530322", 163 "@theme/marquee": "//zoefull.com/cdn/shop/t/128/assets/marquee.js?v=21406496166675413901786530322" 164 } 165 } 166</script>
166 167
168<script 169 src="//zoefull.com/cdn/shop/t/128/assets/view-transitions.js?v=7106414069516106341786530322" 170 async 171 172></script>
172 173 174<link 175 rel="modulepreload" 176 href="//zoefull.com/cdn/shop/t/128/assets/utilities.js?v=38828503112397363301786530322" 177 fetchpriority="high" 178> 179<link 180 rel="modulepreload" 181 href="//zoefull.com/cdn/shop/t/128/assets/component.js?v=184240237101443119871786530322" 182 fetchpriority="high" 183> 184<link 185 rel="modulepreload" 186 href="//zoefull.com/cdn/shop/t/128/assets/header.js?v=155792906110242140481786530322" 187 fetchpriority="high" 188> 189<link 190 rel="modulepreload" 191 href="//zoefull.com/cdn/shop/t/128/assets/header-menu.js?v=32392277473258403531786530322" 192 fetchpriority="high" 193> 194<link 195 rel="modulepreload" 196 href="//zoefull.com/cdn/shop/t/128/assets/section-renderer.js?v=117273408521114569061786530322" 197 fetchpriority="low" 198> 199<link 200 rel="modulepreload" 201 href="//zoefull.com/cdn/shop/t/128/assets/section-hydration.js?v=177651605160027701221786530322" 202 fetchpriority="low" 203> 204<link 205 rel="modulepreload" 206 href="//zoefull.com/cdn/shop/t/128/assets/morph.js?v=35457747882330740861786530322" 207 fetchpriority="low" 208> 209 210<link 211 rel="modulepreload" 212 href="//zoefull.com/cdn/shop/t/128/assets/marquee.js?v=21406496166675413901786530322" 213 fetchpriority="low" 214> 215 216 217 <link 218 rel="modulepreload" 219 href="//zoefull.com/cdn/shop/t/128/assets/paginated-list-aspect-ratio.js?v=25254270272143792451786530322" 220 fetchpriority="low" 221 > 222 <link 223 rel="modulepreload" 224 href="//zoefull.com/cdn/shop/t/128/assets/paginated-list.js?v=95298315036233333871786530322" 225 fetchpriority="low" 226 > 227 228 <link 229 rel="modulepreload" 230 href="//zoefull.com/cdn/shop/t/128/assets/product-title-truncation.js?v=81744426891537421781786530322" 231 fetchpriority="low" 232 > 233 234 235<link 236 rel="modulepreload" 237 href="//zoefull.com/cdn/shop/t/128/assets/focus.js?v=60436577539430446401786530322" 238 fetchpriority="low" 239> 240<link 241 rel="modulepreload" 242 href="//zoefull.com/cdn/shop/t/128/assets/recently-viewed-products.js?v=94729125001750262651786530322" 243 fetchpriority="low" 244> 245<link 246 rel="modulepreload" 247 href="//zoefull.com/cdn/shop/t/128/assets/scrolling.js?v=118005526288211533611786530322" 248 fetchpriority="low" 249> 250<link 251 rel="modulepreload" 252 href="//zoefull.com/cdn/shop/t/128/assets/events.js?v=121883853830413164311786530322" 253 fetchpriority="low" 254>
255<script 256 src="//zoefull.com/cdn/shop/t/128/assets/rebuy-customizations.js?v=141373917237762278241786530322" 257 defer 258></script>
vendor: 1 bytes, line 258
258
259<script 260 src="//zoefull.com/cdn/shop/t/128/assets/popover-polyfill.js?v=119029313658895111201786530322" 261 type="module" 262 fetchpriority="low" 263></script>
vendor: 1 bytes, line 263
263
264<script 265 src="//zoefull.com/cdn/shop/t/128/assets/overflow-list.js?v=46858356770684902511786530322" 266 type="module" 267 fetchpriority="high" 268></script>
vendor: 1 bytes, line 268
268
269<script 270 src="//zoefull.com/cdn/shop/t/128/assets/quick-add.js?v=148903382353369979481786530322" 271 type="module" 272 fetchpriority="low" 273></script>
273 274 275
276<script 277 src="//zoefull.com/cdn/shop/t/128/assets/dialog.js?v=61774032287387761671786530322" 278 type="module" 279 fetchpriority="low" 280></script>
vendor: 1 bytes, line 280
280
281<script 282 src="//zoefull.com/cdn/shop/t/128/assets/variant-picker.js?v=49847253208259281131786530322" 283 type="module" 284 fetchpriority="low" 285></script>
vendor: 1 bytes, line 285
285
286<script 287 src="//zoefull.com/cdn/shop/t/128/assets/product-card.js?v=124402285637860180781786530322" 288 type="module" 289 fetchpriority="low" 290></script>
290 291
292<script> 293 document.documentElement.setAttribute('data-loop-atc-pending', ''); 294</script>
294 295<style> 296 html[data-loop-atc-pending] .add-to-cart-block add-to-cart-component, 297 html[data-loop-atc-pending] .quick-add add-to-cart-component { 298 visibility: hidden; 299 } 300 301 /* Theme button styles set display:flex, which beats the [hidden] attribute's 302 UA display:none â force it so the Loop button truly stays hidden. */ 303 [data-loop-custom-atc][hidden] { 304 display: none !important; 305 } 306</style>
307<script 308 src="//zoefull.com/cdn/shop/t/128/assets/loop-bundle-quick-add.js?v=112691929936604191701786530322" 309 defer 310></script>
310<script 311 src="//zoefull.com/cdn/shop/t/128/assets/loop-bundle-guard.js?v=53154303737538169231786530322" 312 defer 313></script>
313<script src="//zoefull.com/cdn/shop/t/128/assets/loop-bundle-cart.js?v=140294951522593366801786530322" defer></script>
vendor: 1 bytes, line 313
313
314<script src="//zoefull.com/cdn/shop/t/128/assets/loop-range-bundle.js?v=17834749199074101721786530322" defer></script>
vendor: 1 bytes, line 314
314
315<script src="//zoefull.com/cdn/shop/t/128/assets/cart-sub-upsell-toggle.js?v=134251752250116616461786530322" defer></script>
vendor: 1 bytes, line 315
315
316<script 317 src="//zoefull.com/cdn/shop/t/128/assets/product-form.js?v=153956184776445978861786530322" 318 type="module" 319 fetchpriority="low" 320></script>
vendor: 1 bytes, line 320
320
321<script 322 src="//zoefull.com/cdn/shop/t/128/assets/fly-to-cart.js?v=129971753673458693881786530322" 323 type="module" 324 fetchpriority="low" 325></script>
vendor: 1 bytes, line 325
325
326<script 327 src="//zoefull.com/cdn/shop/t/128/assets/video-reviews.js?v=142589563594189456921786530322" 328 type="module" 329 fetchpriority="low" 330></script>
vendor: 1 bytes, line 330
330
331<script 332 src="//zoefull.com/cdn/shop/t/128/assets/accordion-custom.js?v=99000499017714805851786530322" 333 type="module" 334 fetchpriority="low" 335></script>
vendor: 1 bytes, line 335
335
336<script 337 src="//zoefull.com/cdn/shop/t/128/assets/disclosure-custom.js?v=168050880623268140331786530322" 338 type="module" 339 fetchpriority="low" 340></script>
vendor: 1 bytes, line 340
340
341<script 342 src="//zoefull.com/cdn/shop/t/128/assets/media.js?v=37825095869491791421786530322" 343 type="module" 344 fetchpriority="low" 345></script>
vendor: 1 bytes, line 345
345
346<script 347 src="//zoefull.com/cdn/shop/t/128/assets/product-price.js?v=2740792942396832851786530322" 348 type="module" 349 fetchpriority="low" 350></script>
vendor: 1 bytes, line 350
350
351<script 352 src="//zoefull.com/cdn/shop/t/128/assets/product-sku.js?v=121804655373531320511786530322" 353 type="module" 354 fetchpriority="low" 355></script>
vendor: 1 bytes, line 355
355
356<script 357 src="//zoefull.com/cdn/shop/t/128/assets/product-title-truncation.js?v=81744426891537421781786530322" 358 type="module" 359 fetchpriority="low" 360></script>
vendor: 1 bytes, line 360
360
361<script 362 src="//zoefull.com/cdn/shop/t/128/assets/product-inventory.js?v=8106541407580987381786530322" 363 type="module" 364 fetchpriority="low" 365></script>
vendor: 1 bytes, line 365
365
366<script 367 src="//zoefull.com/cdn/shop/t/128/assets/sold-out-text.js?v=77634470794865787571786530322" 368 type="module" 369 fetchpriority="low" 370></script>
vendor: 1 bytes, line 370
370
371<script 372 src="//zoefull.com/cdn/shop/t/128/assets/show-more.js?v=94563802205717136101786530322" 373 type="module" 374 fetchpriority="low" 375></script>
vendor: 1 bytes, line 375
375
376<script 377 src="//zoefull.com/cdn/shop/t/128/assets/slideshow.js?v=59129485728055681291786530322" 378 type="module" 379 fetchpriority="low" 380></script>
vendor: 1 bytes, line 380
380
381<script 382 src="//zoefull.com/cdn/shop/t/128/assets/marquee.js?v=21406496166675413901786530322" 383 type="module" 384 fetchpriority="low" 385></script>
vendor: 1 bytes, line 385
385
386<script 387 src="//zoefull.com/cdn/shop/t/128/assets/resource-carousel-progress.js?v=100351226580438214561786530322" 388 type="module" 389 fetchpriority="low" 390></script>
vendor: 1 bytes, line 390
390
391<script 392 src="//zoefull.com/cdn/shop/t/128/assets/comparison-card.js?v=61693176609051348001786530322" 393 type="module" 394 fetchpriority="low" 395></script>
vendor: 1 bytes, line 395
395
396<script 397 src="//zoefull.com/cdn/shop/t/128/assets/layered-slideshow.js?v=30135417790894624731786530322" 398 type="module" 399 fetchpriority="low" 400></script>
vendor: 1 bytes, line 400
400
401<script 402 src="//zoefull.com/cdn/shop/t/128/assets/anchored-popover.js?v=95953304814728754461786530322" 403 type="module" 404 fetchpriority="low" 405></script>
vendor: 1 bytes, line 405
405
406<script 407 src="//zoefull.com/cdn/shop/t/128/assets/floating-panel.js?v=128677600744947036551786530322" 408 type="module" 409 fetchpriority="low" 410></script>
vendor: 1 bytes, line 410
410
411<script 412 src="//zoefull.com/cdn/shop/t/128/assets/video-background.js?v=18268977469519676771786530322" 413 type="module" 414 fetchpriority="low" 415></script>
vendor: 1 bytes, line 415
415
416<script 417 src="//zoefull.com/cdn/shop/t/128/assets/youtube-background-video.js?v=42450078729198545101786530322" 418 type="module" 419 fetchpriority="low" 420></script>
vendor: 1 bytes, line 420
420
421<script 422 src="//zoefull.com/cdn/shop/t/128/assets/component-quantity-selector.js?v=67906657287482036641786530322" 423 type="module" 424 fetchpriority="low" 425></script>
vendor: 1 bytes, line 425
425
426<script 427 src="//zoefull.com/cdn/shop/t/128/assets/media-gallery.js?v=85944293255835747071786530322" 428 type="module" 429 fetchpriority="low" 430></script>
vendor: 1 bytes, line 430
430
431<script 432 src="//zoefull.com/cdn/shop/t/128/assets/rte-formatter.js?v=101420294193111439321786530322" 433 type="module" 434 fetchpriority="low" 435></script>
vendor: 1 bytes, line 435
435
436<script 437 src="//zoefull.com/cdn/shop/t/128/assets/volume-pricing.js?v=15442793518842484731786530322" 438 type="module" 439 fetchpriority="low" 440></script>
vendor: 1 bytes, line 440
440
441<script 442 src="//zoefull.com/cdn/shop/t/128/assets/price-per-item.js?v=144512917617120124431786530322" 443 type="module" 444 fetchpriority="low" 445></script>
vendor: 1 bytes, line 445
445
446<script 447 src="//zoefull.com/cdn/shop/t/128/assets/volume-pricing-info.js?v=94479640769665442661786530322" 448 type="module" 449 fetchpriority="low" 450></script>
450 451 452 453 454 455 456 457
458<script 459 src="//zoefull.com/cdn/shop/t/128/assets/auto-close-details.js?v=132471549151445861411786530322" 460 defer="defer" 461></script>
461 462
463<script 464 src="//zoefull.com/cdn/shop/t/128/assets/read-more.js?v=95545130667226671911786530322" 465 defer="defer" 466></script>
466 467
468<script> 469 const Theme = { 470 translations: { 471 placeholder_image: `Placeholder image`, 472 added: `Added`, 473 recipient_form_fields_visible: `Recipient form fields are now visible`, 474 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 475 recipient_form_error: `There was an error with the form submission`, 476 items_added_to_cart_one: `1 item added to cart`, 477 items_added_to_cart_other: `{{ count }} items added to cart`, 478 }, 479 routes: { 480 cart_add_url: '/cart/add.js', 481 cart_change_url: '/cart/change', 482 cart_update_url: '/cart/update', 483 cart_url: '/cart', 484 predictive_search_url: '/search/suggest', 485 search_url: '/search', 486 }, 487 template: { 488 name: 'collection', 489 }, 490 }; 491</script>
491 492<style data-shopify> 493 /* Custom Font: Coordinates */ 494 @font-face { 495 font-family: 'Coordinates'; 496 src: url('//zoefull.com/cdn/shop/t/128/assets/Coordinates-Regular.woff2?v=75014204122924927661786530322') format('woff2'), 497 url('//zoefull.com/cdn/shop/t/128/assets/Coordinates-Regular.woff?v=40924812547194711981786530322') format('woff'); 498 font-weight: 400; 499 font-style: normal; 500 font-display: swap; 501 } 502 503 @font-face { 504 font-family: 'Coordinates'; 505 src: url('//zoefull.com/cdn/shop/t/128/assets/Coordinates-Medium.woff2?v=138396384627320099661786530322') format('woff2'), 506 url('//zoefull.com/cdn/shop/t/128/assets/Coordinates-Medium.woff?v=110650473146380502171786530322') format('woff'); 507 font-weight: 500; 508 font-style: normal; 509 font-display: swap; 510 }@font-face { 511 font-family: Inter; 512 font-weight: 400; 513 font-style: normal; 514 font-display: swap; 515 src: url("//zoefull.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 516 url("//zoefull.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 517} 518@font-face { 519 font-family: Inter; 520 font-weight: 700; 521 font-style: normal; 522 font-display: swap; 523 src: url("//zoefull.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 524 url("//zoefull.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 525} 526@font-face { 527 font-family: Inter; 528 font-weight: 400; 529 font-style: italic; 530 font-display: swap; 531 src: url("//zoefull.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 532 url("//zoefull.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 533} 534@font-face { 535 font-family: Inter; 536 font-weight: 700; 537 font-style: italic; 538 font-display: swap; 539 src: url("//zoefull.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 540 url("//zoefull.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 541} 542@font-face { 543 font-family: Inter; 544 font-weight: 500; 545 font-style: normal; 546 font-display: swap; 547 src: url("//zoefull.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 548 url("//zoefull.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 549} 550@font-face { 551 font-family: Inter; 552 font-weight: 500; 553 font-style: italic; 554 font-display: swap; 555 src: url("//zoefull.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 556 url("//zoefull.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 557} 558@font-face { 559 font-family: Inter; 560 font-weight: 600; 561 font-style: normal; 562 font-display: swap; 563 src: url("//zoefull.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"), 564 url("//zoefull.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff"); 565} 566@font-face { 567 font-family: Inter; 568 font-weight: 600; 569 font-style: italic; 570 font-display: swap; 571 src: url("//zoefull.com/cdn/fonts/inter/inter_i6.3bbe0fe1c7ee4f282f9c2e296f3e4401a48cbe19.woff2") format("woff2"), 572 url("//zoefull.com/cdn/fonts/inter/inter_i6.8bea21f57a10d5416ddf685e2c91682ec237876d.woff") format("woff"); 573} 574 575 576 :root { 577 /* Page Layout */ 578 --sidebar-width: 25rem; 579 --narrow-content-width: 36rem; 580 --normal-content-width: 42rem; 581 --wide-content-width: 46rem; 582 --narrow-page-width: 90rem; 583 --normal-page-width: 120rem; 584 --wide-page-width: 150rem; 585 586 /* Section Heights */ 587 --section-height-small: 15rem; 588 --section-height-medium: 25rem; 589 --section-height-large: 35rem; 590 591 @media screen and (min-width: 40em) { 592 --section-height-small: 40svh; 593 --section-height-medium: 55svh; 594 --section-height-large: 70svh; 595 } 596 597 @media screen and (min-width: 60em) { 598 --section-height-small: 50svh; 599 --section-height-medium: 65svh; 600 --section-height-large: 80svh; 601 } 602 603 /* Letter spacing */ 604 --letter-spacing-sm: 0.06em; 605 --letter-spacing-md: 0.13em; 606 607 /* Font families */ 608 --font-body--family: Inter, sans-serif; 609 --font-body--style: normal; 610 --font-body--weight: 400; 611 --font-subheading--family: Inter, sans-serif; 612 --font-subheading--style: normal; 613 --font-subheading--weight: 500; 614 --font-heading--family: Inter, sans-serif; 615 --font-heading--style: normal; 616 --font-heading--weight: 500; 617 --font-accent--family: Inter, sans-serif; 618 --font-accent--style: normal; 619 --font-accent--weight: 600; 620 621 /* Custom fonts */ 622 --font-coordinates--family: 'Coordinates', sans-serif; 623 624 /* Margin sizes */ 625 --font-h1--spacing: 0.25em; 626 --font-h2--spacing: 0.25em; 627 --font-h3--spacing: 0.25em; 628 --font-h4--spacing: 0.25em; 629 --font-h5--spacing: 0.25em; 630 --font-h6--spacing: 0.25em; 631 --font-paragraph--spacing: 0.5em; 632 633 /* Heading colors */ 634 --font-h1--color: var(--color-foreground-heading); 635 --font-h2--color: var(--color-foreground-heading); 636 --font-h3--color: var(--color-foreground-heading); 637 --font-h4--color: var(--color-foreground-heading); 638 --font-h5--color: var(--color-foreground-heading); 639 --font-h6--color: var(--color-foreground-heading); 640 641 /** Z-Index / Layering */ 642 --layer-section-background: -2; 643 --layer-lowest: -1; 644 --layer-base: 0; 645 --layer-flat: 1; 646 --layer-raised: 2; 647 --layer-heightened: 4; 648 --layer-sticky: 8; 649 --layer-window-overlay: 10; 650 --layer-header-menu: 12; 651 --layer-overlay: 16; 652 --layer-menu-drawer: 18; 653 --layer-temporary: 20; 654 655 /* Max-width / Measure */ 656 --max-width--body-normal: 32.5em; 657 --max-width--body-narrow: 22.75em; 658 659 --max-width--heading-normal: 32.5em; 660 --max-width--heading-narrow: 19.5em; 661 662 --max-width--display-normal: 13em; 663 --max-width--display-narrow: 9.75em; 664 --max-width--display-tight: 3.25em; 665 666 /* Letter-spacing / Tracking */ 667 --letter-spacing--display-tight: -0.03em; 668 --letter-spacing--display-normal: 0em; 669 --letter-spacing--display-loose: 0.03em; 670 671 --letter-spacing--heading-tight: -0.03em; 672 --letter-spacing--heading-normal: 0em; 673 --letter-spacing--heading-loose: 0.03em; 674 675 --letter-spacing--body-tight: -0.03em; 676 --letter-spacing--body-normal: 0em; 677 --letter-spacing--body-loose: 0.03em; 678 679 /* Line height / Leading */ 680 --line-height: 1; 681 682 --line-height--display-tight: 1; 683 --line-height--display-normal: 1.1; 684 --line-height--display-loose: 1.2; 685 686 --line-height--heading-tight: 1.15; 687 --line-height--heading-normal: 1.25; 688 --line-height--heading-loose: 1.35; 689 690 --line-height--body-tight: 1.2; 691 --line-height--body-normal: 1; 692 --line-height--body-loose: 1.6; 693 694 /* Typography presets */ 695 --font-size--paragraph: 1.125rem;--font-size--h1: clamp(3.0rem, 5.0vw, 3.125rem);--font-size--h2: clamp(2.375rem, 4.8vw, 3.0rem);--font-size--h3: 2.125rem;--font-size--h4: 1.125rem;--font-size--h5: 1.0rem;--font-size--h6: 0.875rem;--font-paragraph--line-height: 1.3;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: 0.0em;--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-h1--weight: 500;--font-h1--line-height: 1.1;--font-h1--letter-spacing: -0.02em;--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-h2--weight: 500;--font-h2--line-height: 1.2;--font-h2--letter-spacing: -0.02em;--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-h3--weight: 500;--font-h3--line-height: 1.2;--font-h3--letter-spacing: -0.02em;--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-h4--weight: 500;--font-h4--line-height: 1.4;--font-h4--letter-spacing: -0.02em;--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-h5--weight: 400;--font-h5--line-height: 1.3;--font-h5--letter-spacing: -0.02em;--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h6--weight: 400;--font-h6--line-height: 1.3;--font-h6--letter-spacing: -0.02em;--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; 696 697 /* Hardcoded font sizes */ 698 --font-size--3xs: 0.625rem; 699 --font-size--2xs: 0.75rem; 700 --font-size--xs: 0.8125rem; 701 --font-size--sm: 0.875rem; 702 --font-size--md: 1rem; 703 --font-size--lg: 1.125rem; 704 --font-size--xl: 1.25rem; 705 --font-size--2xl: 1.5rem; 706 --font-size--3xl: 2rem; 707 --font-size--4xl: 2.5rem; 708 --font-size--5xl: 3rem; 709 --font-size--6xl: 3.5rem; 710 711 /* Menu font sizes */ 712 --menu-font-sm--size: 0.875rem; 713 --menu-font-sm--line-height: 1.4; 714 --menu-font-md--size: 1rem; 715 --menu-font-md--line-height: 1.4; 716 --menu-font-lg--size: 1.125rem; 717 --menu-font-lg--line-height: 1.4; 718 --menu-font-xl--size: 1.25rem; 719 --menu-font-xl--line-height: 1.4; 720 --menu-font-2xl--size: 1.75rem; 721 --menu-font-2xl--line-height: 1.4; 722 723 /* Colors */ 724 --color-error: #8B0000; 725 --color-success: #006400; 726 --color-white: #FFFFFF; 727 --color-white-rgb: 255 255 255; 728 --color-black: #000000; 729 --color-instock: #3ED660; 730 --color-lowstock: #EE9441; 731 --color-outofstock: #C8C8C8; 732 733 /* Opacity */ 734 --opacity-5: 0.05; 735 --opacity-8: 0.08; 736 --opacity-10: 0.1; 737 --opacity-15: 0.15; 738 --opacity-20: 0.2;
739 --opacity-25: 0.25; 740 --opacity-30: 0.3; 741 --opacity-40: 0.4; 742 --opacity-50: 0.5; 743 --opacity-60: 0.6; 744 --opacity-70: 0.7; 745 --opacity-80: 0.8; 746 --opacity-85: 0.85; 747 --opacity-90: 0.9; 748 --opacity-subdued-text: var(--opacity-70); 749 750 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 751 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 752 753 /* Spacing */ 754 --margin-3xs: 0.125rem; 755 --margin-2xs: 0.3rem; 756 --margin-xs: 0.5rem; 757 --margin-sm: 0.7rem; 758 --margin-md: 0.8rem; 759 --margin-lg: 1rem; 760 --margin-xl: 1.25rem; 761 --margin-2xl: 1.5rem; 762 --margin-3xl: 1.75rem; 763 --margin-4xl: 2rem; 764 --margin-5xl: 3rem; 765 --margin-6xl: 5rem; 766 767 --scroll-margin: 50px; 768 769 --padding-3xs: 0.125rem; 770 --padding-2xs: 0.25rem; 771 --padding-xs: 0.5rem; 772 --padding-sm: 0.7rem; 773 --padding-md: 0.8rem; 774 --padding-lg: 1rem; 775 --padding-xl: 1.25rem; 776 --padding-2xl: 1.5rem; 777 --padding-3xl: 1.75rem; 778 --padding-4xl: 2rem; 779 --padding-5xl: 3rem; 780 --padding-6xl: 4rem; 781 782 --gap-3xs: 0.125rem; 783 --gap-2xs: 0.3rem; 784 --gap-xs: 0.5rem; 785 --gap-sm: 0.7rem; 786 --gap-md: 0.9rem; 787 --gap-lg: 1rem; 788 --gap-xl: 1.25rem; 789 --gap-2xl: 2rem; 790 --gap-3xl: 3rem; 791 792 --spacing-scale-sm: 0.6; 793 --spacing-scale-md: 0.7; 794 --spacing-scale-default: 1.0; 795 796 /* Checkout buttons gap */ 797 --checkout-button-gap: 10px; 798 799 /* Borders */ 800 --style-border-width: 1px; 801 --style-border-radius-xs: 0.2rem; 802 --style-border-radius-sm: 0.6rem; 803 --style-border-radius-md: 0.8rem; 804 --style-border-radius-50: 50%; 805 --style-border-radius-lg: 1rem; 806 --style-border-radius-pills: 40px; 807 --style-border-radius-inputs: 4px; 808 --style-border-radius-buttons-primary: 100px; 809 --style-border-radius-buttons-secondary: 100px; 810 --style-border-width-primary: 1px; 811 --style-border-width-secondary: 1px; 812 --style-border-width-inputs: 1px; 813 --style-border-radius-popover: 14px; 814 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 815 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 816 --style-border-swatch-opacity: 10%; 817 --style-border-swatch-width: 1px; 818 --style-border-swatch-style: solid; 819 820 /* Animation */ 821 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 822 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 823 --animation-speed-fast: 0.0625s; 824 --animation-speed: 0.125s; 825 --animation-speed-slow: 0.2s; 826 --animation-speed-medium: 0.15s; 827 --animation-easing: ease-in-out; 828 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 829 --drawer-animation-speed: 0.2s; 830 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 831 --animation-values: var(--animation-speed) var(--animation-easing); 832 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 833 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 834 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 835 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 836 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 837 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 838 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 839 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 840 841 /* View transitions */ 842 /* View transition old */ 843 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 844 845 /* View transition new */ 846 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 847 848 /* Focus */ 849 --focus-outline-width: 0.09375rem; 850 --focus-outline-offset: 0.2em; 851 852 /* Badges */ 853 --badge-blob-padding-block: 1px; 854 --badge-blob-padding-inline: 12px 8px; 855 --badge-rectangle-padding-block: 1px; 856 --badge-rectangle-padding-inline: 6px; 857 @media screen and (min-width: 1024px) { 858 --badge-blob-padding-block: 4px; 859 --badge-blob-padding-inline: 16px 12px; 860 --badge-rectangle-padding-block: 4px; 861 --badge-rectangle-padding-inline: 10px; 862 } 863 864 /* Icons */ 865 --icon-size-2xs: 0.6rem; 866 --icon-size-xs: 0.85rem; 867 --icon-size-sm: 1.25rem; 868 --icon-size-md: 1.375rem; 869 --icon-size-lg: 1.5rem; 870 --icon-stroke-width: 1.5px; 871 872 /* Input */ 873 --input-email-min-width: 200px; 874 --input-search-max-width: 650px; 875 --input-padding-y: 0.8rem; 876 --input-padding-x: 0.8rem; 877 --input-padding: var(--input-padding-y) var(--input-padding-x); 878 --input-box-shadow-width: var(--style-border-width-inputs); 879 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 880 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 881 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 882 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 883 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
884 --input-textarea-min-height: 55px; 885 886 /* Button size */ 887 --button-size-sm: 30px; 888 --button-size-md: 36px; 889 --button-size: var(--minimum-touch-target); 890 --button-padding-inline: 24px; 891 --button-padding-block: 18px; 892 893 /* Button font-family */ 894 --button-font-family-primary: var(--font-body--family); 895 --button-font-family-secondary: var(--font-body--family); 896 897 /* Button text case */ 898 --button-text-case: ; 899 --button-text-case-primary: default; 900 --button-text-case-secondary: default; 901 902 /* Borders */ 903 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 904 --border-width-sm: 1px; 905 --border-width-md: 2px; 906 --border-width-lg: 5px; 907 --border-radius-sm: 0.25rem; 908 909 /* Drawers */ 910 --drawer-inline-padding: 25px; 911 --drawer-menu-inline-padding: 2.5rem; 912 --drawer-header-block-padding: 20px; 913 --drawer-content-block-padding: 10px; 914 --drawer-header-desktop-top: 0rem; 915 --drawer-padding: calc(var(--padding-sm) + 7px); 916 --drawer-height: 100dvh; 917 --drawer-width: 95vw; 918 --drawer-max-width: 500px; 919 920 /* Variant Picker Swatches */ 921 --variant-picker-swatch-width-unitless: 34; 922 --variant-picker-swatch-height-unitless: 34; 923 --variant-picker-swatch-width: 34px; 924 --variant-picker-swatch-height: 34px; 925 --variant-picker-swatch-radius: 32px; 926 --variant-picker-border-width: 1px; 927 --variant-picker-border-style: solid; 928 --variant-picker-border-opacity: 10%; 929 930 /* Variant Picker Buttons */ 931 --variant-picker-button-radius: 20px; 932 --variant-picker-button-border-width: 1px; 933 934 /* Slideshow */ 935 --slideshow-controls-size: 3.5rem; 936 --slideshow-controls-icon: 2rem; 937 --peek-next-slide-size: 3rem; 938 939 /* Utilities */ 940 --backdrop-opacity: 0.15; 941 --backdrop-color-rgb: var(--color-shadow-rgb); 942 --minimum-touch-target: 44px; 943 --disabled-opacity: 0.5; 944 --skeleton-opacity: 0.025; 945 946 /* Shapes */ 947 --shape--circle: circle(50% at center); 948 --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%); 949 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 950 --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
950% 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%); 951 952 /* Buy buttons */ 953 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 954 955 /* Card image width and height variables */ 956 --card-width-small: 10rem; 957 958 --height-small: 10rem; 959 --height-medium: 11.5rem; 960 --height-large: 13rem; 961 --height-full: 100vh; 962 963 @media screen and (min-width: 1024px) { 964 --height-small: 17.5rem; 965 --height-medium: 21.25rem; 966 --height-large: 25rem; 967 } 968 969 /* Modal */ 970 --modal-max-height: 65dvh; 971 972 /* Card styles for search */ 973 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 974 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 975 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 976 977 /* Cart */ 978 --cart-primary-font-family: var(--font-body--family); 979 --cart-primary-font-style: var(--font-body--style); 980 --cart-primary-font-weight: var(--font-body--weight); 981 --cart-secondary-font-family: var(--font-secondary--family); 982 --cart-secondary-font-style: var(--font-secondary--style); 983 --cart-secondary-font-weight: var(--font-secondary--weight); 984 } 985 986 /* Mobile typography overrides */ 987 @media screen and (max-width: 1024px) { 988 :root {--font-paragraph--size: 1.0rem;--font-h1--size: 2.625rem;--font-h1--line-height: 1.1;--font-h1--letter-spacing: -0.02em;--font-h2--size: 2.0rem;--font-h2--line-height: 1.2;--font-h2--letter-spacing: -0.02em;--font-h3--size: 1.5rem;--font-h3--line-height: 1.1;--font-h3--letter-spacing: -0.02em;--font-h4--size: 1.0rem;--font-h4--line-height: 1.3;--font-h4--letter-spacing: -0.02em;--font-h5--size: 1.0rem;--font-h5--line-height: 1.4;--font-h5--letter-spacing: -0.02em;--font-h6--size: 0.875rem;--font-h6--line-height: 1.3;--font-h6--letter-spacing: -0.02em;} 989 }/* Fluid Typography - scales between 769px and 1300px viewport widths */ 990 @media screen and (min-width: 769px) and (max-width: 1300px) { 991 :root {--font-paragraph--size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem);--font-h1--size: clamp(2.65625rem, calc(1.9774011299435028rem + 1.4124293785310735vw), 3.125rem);--font-h2--size: clamp(2.55rem, calc(1.8983050847457628rem + 1.3559322033898304vw), 3.0rem);--font-h3--size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem);--font-h4--size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem);--font-h5--size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem);--font-h6--size: clamp(0.74375rem, calc(0.5536723163841808rem + 0.3954802259887006vw), 0.875rem);} 992 }</style> 993<style data-shopify> 994 995 996 :root, 997 998 999 1000 .color-scheme-1 { 1001 --color-background: rgb(250 250 250 / 1.0); 1002 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1003 --color-background-rgb: 250 250 250; 1004 --opacity-5-15: 0.05; 1005 --opacity-10-25: 0.1; 1006 --opacity-35-55: 0.35; 1007 --opacity-40-60: 0.4; 1008 --opacity-30-60: 0.3; 1009 --color-foreground: rgb(0 23 143 / 1.0); 1010 --color-foreground-rgb: 0 23 143; 1011 --color-foreground-heading: rgb(0 23 143 / 1.0); 1012 --color-foreground-heading-rgb: 0 23 143; 1013 --color-primary: rgb(0 23 143 / 1.0); 1014 --color-primary-rgb: 0 23 143; 1015 --color-primary-hover: rgb(0 23 143 / 1.0); 1016 --color-primary-hover-rgb: 0 23 143; 1017 --color-border: rgb(213 217 235 / 1.0); 1018 --color-border-rgb: 213 217 235; 1019 --color-shadow: rgb(0 0 0 / 1.0); 1020 --color-shadow-rgb: 0 0 0; 1021 --color-primary-button-text: rgb(253 253 253 / 1.0); 1022 --color-primary-button-background: rgb(0 23 143 / 1.0); 1023 --color-primary-button-border: rgb(0 23 143 / 1.0); 1024 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1025 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1026 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1027 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1028 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1029 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1030 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1031 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1032 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1033 --color-input-background: rgb(255 255 255 / 0.78); 1034 --color-input-text: rgb(51 51 51 / 1.0); 1035 --color-input-text-rgb: 51 51 51; 1036 --color-input-border: rgb(223 223 223 / 1.0); 1037 --color-input-hover-background: rgb(0 0 0 / 0.01); 1038 --color-variant-background: rgb(214 227 253 / 1.0); 1039 --color-variant-border: rgb(0 0 0 / 0.0); 1040 --color-variant-text: rgb(0 15 88 / 1.0); 1041 --color-variant-text-rgb: 0 15 88; 1042 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1043 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1044 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1045 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1046 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1047 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1048 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1049 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1050 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1051 1052 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1053 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1054 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1055 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1056 --font-h1--color: var(--color-foreground-heading); 1057 --font-h2--color: var(--color-foreground-heading); 1058 --font-h3--color: var(--color-foreground-heading); 1059 --font-h4--color: var(--color-foreground-heading); 1060 --font-h5--color: var(--color-foreground-heading); 1061 --font-h6--color: var(--color-foreground-heading); 1062 1063 /* Shadows */ 1064 1065 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1066 1067 1068 --shadow-blur: 20px; 1069 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1070 1071 } 1072 1073 1074 1075 1076 .color-scheme-2 {
1077 --color-background: rgb(0 23 143 / 1.0); 1078 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1079 --color-background-rgb: 0 23 143; 1080 --opacity-5-15: 0.15; 1081 --opacity-10-25: 0.25; 1082 --opacity-35-55: 0.55; 1083 --opacity-40-60: 0.6; 1084 --opacity-30-60: 0.6; 1085 --color-foreground: rgb(252 252 255 / 1.0); 1086 --color-foreground-rgb: 252 252 255; 1087 --color-foreground-heading: rgb(252 252 255 / 1.0); 1088 --color-foreground-heading-rgb: 252 252 255; 1089 --color-primary: rgb(252 252 255 / 1.0); 1090 --color-primary-rgb: 252 252 255; 1091 --color-primary-hover: rgb(255 255 255 / 1.0); 1092 --color-primary-hover-rgb: 255 255 255; 1093 --color-border: rgb(223 223 223 / 1.0); 1094 --color-border-rgb: 223 223 223; 1095 --color-shadow: rgb(0 0 0 / 1.0); 1096 --color-shadow-rgb: 0 0 0; 1097 --color-primary-button-text: rgb(252 252 255 / 1.0); 1098 --color-primary-button-background: rgb(0 23 143 / 1.0); 1099 --color-primary-button-border: rgb(0 23 143 / 1.0); 1100 --color-primary-button-hover-text: rgb(252 252 255 / 1.0); 1101 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1102 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1103 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1104 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1105 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1106 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1107 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1108 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1109 --color-input-background: rgb(0 0 0 / 0.0); 1110 --color-input-text: rgb(0 0 0 / 0.53); 1111 --color-input-text-rgb: 0 0 0; 1112 --color-input-border: rgb(0 0 0 / 0.13); 1113 --color-input-hover-background: rgb(255 255 255 / 0.36); 1114 --color-variant-background: rgb(255 255 255 / 1.0); 1115 --color-variant-border: rgb(230 230 230 / 1.0); 1116 --color-variant-text: rgb(0 0 0 / 1.0); 1117 --color-variant-text-rgb: 0 0 0; 1118 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1119 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1120 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1121 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1122 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1123 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1124 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1125 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1126 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1127 1128 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1129 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1130 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1131 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1132 --font-h1--color: var(--color-foreground-heading); 1133 --font-h2--color: var(--color-foreground-heading); 1134 --font-h3--color: var(--color-foreground-heading); 1135 --font-h4--color: var(--color-foreground-heading); 1136 --font-h5--color: var(--color-foreground-heading); 1137 --font-h6--color: var(--color-foreground-heading); 1138 1139 /* Shadows */ 1140 1141 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1142 1143 1144 --shadow-blur: 20px; 1145 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1146 1147 } 1148 1149 1150 1151 1152 .color-scheme-3 { 1153 --color-background: rgb(214 227 253 / 1.0); 1154 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1155 --color-background-rgb: 214 227 253; 1156 --opacity-5-15: 0.05; 1157 --opacity-10-25: 0.1; 1158 --opacity-35-55: 0.35; 1159 --opacity-40-60: 0.4; 1160 --opacity-30-60: 0.3; 1161 --color-foreground: rgb(0 23 143 / 1.0); 1162 --color-foreground-rgb: 0 23 143; 1163 --color-foreground-heading: rgb(0 23 143 / 1.0); 1164 --color-foreground-heading-rgb: 0 23 143; 1165 --color-primary: rgb(0 0 0 / 0.81); 1166 --color-primary-rgb: 0 0 0; 1167 --color-primary-hover: rgb(0 0 0 / 1.0); 1168 --color-primary-hover-rgb: 0 0 0; 1169 --color-border: rgb(0 0 0 / 0.81); 1170 --color-border-rgb: 0 0 0; 1171 --color-shadow: rgb(0 0 0 / 1.0); 1172 --color-shadow-rgb: 0 0 0; 1173 --color-primary-button-text: rgb(255 255 255 / 1.0); 1174 --color-primary-button-background: rgb(0 0 0 / 1.0); 1175 --color-primary-button-border: rgb(0 0 0 / 1.0); 1176 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1177 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1178 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1179 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1180 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1181 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1182 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1183 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1184 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1185 --color-input-background: rgb(0 0 0 / 0.0); 1186 --color-input-text: rgb(0 0 0 / 0.81); 1187 --color-input-text-rgb: 0 0 0; 1188 --color-input-border: rgb(0 0 0 / 0.81); 1189 --color-input-hover-background: rgb(255 255 255 / 0.36); 1190 --color-variant-background: rgb(255 255 255 / 1.0); 1191 --color-variant-border: rgb(230 230 230 / 1.0); 1192 --color-variant-text: rgb(0 0 0 / 1.0); 1193 --color-variant-text-rgb: 0 0 0; 1194 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1195 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1196 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1197 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1198 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1199 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1200 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1201 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1202 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1203 1204 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1205 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1206 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1207 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1208 --font-h1--color: var(--color-foreground-heading); 1209 --font-h2--color: var(--color-foreground-heading); 1210 --font-h3--color: var(--color-foreground-heading); 1211 --font-h4--color: var(--color-foreground-heading); 1212 --font-h5--color: var(--color-foreground-heading); 1213 --font-h6--color: var(--color-foreground-heading); 1214 1215 /* Shadows */ 1216 1217 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1218 1219 1220 --shadow-blur: 20px; 1221 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1222 1223 } 1224 1225 1226 1227 1228 .color-scheme-4 { 1229 --color-background: rgb(214 227 253 / 1.0); 1230 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1231 --color-background-rgb: 214 227 253; 1232 --opacity-5-15: 0.05; 1233 --opacity-10-25: 0.1; 1234 --opacity-35-55: 0.35; 1235 --opacity-40-60: 0.4; 1236 --opacity-30-60: 0.3; 1237 --color-foreground: rgb(0 23 143 / 1.0); 1238 --color-foreground-rgb: 0 23 143; 1239 --color-foreground-heading: rgb(0 23 143 / 1.0); 1240 --color-foreground-heading-rgb: 0 23 143; 1241 --color-primary: rgb(0 23 143 / 1.0); 1242 --color-primary-rgb: 0 23 143; 1243 --color-primary-hover: rgb(0 23 143 / 1.0); 1244 --color-primary-hover-rgb: 0 23 143; 1245 --color-border: rgb(0 23 143 / 1.0); 1246 --color-border-rgb: 0 23 143; 1247 --color-shadow: rgb(0 0 0 / 1.0); 1248 --color-shadow-rgb: 0 0 0; 1249 --color-primary-button-text: rgb(255 255 255 / 1.0); 1250 --color-primary-button-background: rgb(0 0 0 / 1.0); 1251 --color-primary-button-border: rgb(29 54 134 / 1.0); 1252 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1253 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1254 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1255 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1256 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1257 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1258 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1259 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1260 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1261 --color-input-background: rgb(0 0 0 / 0.0); 1262 --color-input-text: rgb(0 0 0 / 0.81); 1263 --color-input-text-rgb: 0 0 0; 1264 --color-input-border: rgb(0 0 0 / 0.81); 1265 --color-input-hover-background: rgb(255 255 255 / 0.36); 1266 --color-variant-background: rgb(255 255 255 / 1.0); 1267 --color-variant-border: rgb(230 230 230 / 1.0); 1268 --color-variant-text: rgb(0 0 0 / 1.0); 1269 --color-variant-text-rgb: 0 0 0; 1270 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1271 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1272 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1273 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1274 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1275 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1276 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1277 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1278 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1279 1280 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1281 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1282 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1283 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1284 --font-h1--color: var(--color-foreground-heading); 1285 --font-h2--color: var(--color-foreground-heading); 1286 --font-h3--color: var(--color-foreground-heading); 1287 --font-h4--color: var(--color-foreground-heading); 1288 --font-h5--color: var(--color-foreground-heading); 1289 --font-h6--color: var(--color-foreground-heading); 1290 1291 /* Shadows */ 1292 1293 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1294 1295 1296 --shadow-blur: 20px; 1297 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1298 1299 } 1300 1301 1302 1303 1304 .color-scheme-5 { 1305 --color-background: rgb(77 255 255 / 1.0); 1306 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1307 --color-background-rgb: 77 255 255; 1308 --opacity-5-15: 0.05; 1309 --opacity-10-25: 0.1; 1310 --opacity-35-55: 0.35; 1311 --opacity-40-60: 0.4; 1312 --opacity-30-60: 0.3; 1313 --color-foreground: rgb(0 23 143 / 1.0); 1314 --color-foreground-rgb: 0 23 143; 1315 --color-foreground-heading: rgb(0 23 143 / 1.0); 1316 --color-foreground-heading-rgb: 0 23 143; 1317 --color-primary: rgb(0 23 143 / 1.0); 1318 --color-primary-rgb: 0 23 143; 1319 --color-primary-hover: rgb(0 23 143 / 1.0); 1320 --color-primary-hover-rgb: 0 23 143; 1321 --color-border: rgb(0 23 143 / 1.0); 1322 --color-border-rgb: 0 23 143; 1323 --color-shadow: rgb(0 0 0 / 1.0); 1324 --color-shadow-rgb: 0 0 0; 1325 --color-primary-button-text: rgb(0 0 0 / 1.0); 1326 --color-primary-button-background: rgb(255 255 255 / 1.0); 1327 --color-primary-button-border: rgb(255 255 255 / 1.0); 1328 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1329 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1330 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1331 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1332 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1333 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1334 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1335 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1336 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1337 --color-input-background: rgb(51 51 51 / 1.0); 1338 --color-input-text: rgb(255 255 255 / 0.93); 1339 --color-input-text-rgb: 255 255 255; 1340 --color-input-border: rgb(255 255 255 / 0.69); 1341 --color-input-hover-background: rgb(255 255 255 / 0.04); 1342 --color-variant-background: rgb(255 255 255 / 1.0); 1343 --color-variant-border: rgb(230 230 230 / 1.0); 1344 --color-variant-text: rgb(0 0 0 / 1.0); 1345 --color-variant-text-rgb: 0 0 0; 1346 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1347 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1348 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1349 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1350 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1351 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1352 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1353 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1354 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1355 1356 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1357 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1358 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1359 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1360 --font-h1--color: var(--color-foreground-heading); 1361 --font-h2--color: var(--color-foreground-heading); 1362 --font-h3--color: var(--color-foreground-heading); 1363 --font-h4--color: var(--color-foreground-heading); 1364 --font-h5--color: var(--color-foreground-heading); 1365 --font-h6--color: var(--color-foreground-heading); 1366 1367 /* Shadows */ 1368 1369 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1370 1371 1372 --shadow-blur: 20px; 1373 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1374 1375 } 1376 1377 1378 1379 1380 .color-scheme-6 { 1381 --color-background: rgb(0 0 0 / 0.0); 1382 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1383 --color-background-rgb: 0 0 0; 1384 --opacity-5-15: 0.15; 1385 --opacity-10-25: 0.25; 1386 --opacity-35-55: 0.55; 1387 --opacity-40-60: 0.6; 1388 --opacity-30-60: 0.6; 1389 --color-foreground: rgb(253 253 253 / 1.0); 1390 --color-foreground-rgb: 253 253 253; 1391 --color-foreground-heading: rgb(253 253 253 / 1.0); 1392 --color-foreground-heading-rgb: 253 253 253; 1393 --color-primary: rgb(253 253 253 / 1.0); 1394 --color-primary-rgb: 253 253 253; 1395 --color-primary-hover: rgb(255 255 255 / 0.69); 1396 --color-primary-hover-rgb: 255 255 255; 1397 --color-border: rgb(230 230 230 / 1.0); 1398 --color-border-rgb: 230 230 230; 1399 --color-shadow: rgb(0 0 0 / 1.0); 1400 --color-shadow-rgb: 0 0 0; 1401 --color-primary-button-text: rgb(0 0 0 / 1.0); 1402 --color-primary-button-background: rgb(255 255 255 / 1.0); 1403 --color-primary-button-border: rgb(255 255 255 / 1.0); 1404 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1405 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1406 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1407 -
1407-color-secondary-button-text: rgb(255 255 255 / 1.0); 1408 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1409 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1410 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1411 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1412 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1413 --color-input-background: rgb(0 0 0 / 0.0); 1414 --color-input-text: rgb(253 253 253 / 1.0); 1415 --color-input-text-rgb: 253 253 253; 1416 --color-input-border: rgb(253 253 253 / 1.0); 1417 --color-input-hover-background: rgb(0 0 0 / 0.0); 1418 --color-variant-background: rgb(255 255 255 / 1.0); 1419 --color-variant-border: rgb(230 230 230 / 1.0); 1420 --color-variant-text: rgb(0 0 0 / 1.0); 1421 --color-variant-text-rgb: 0 0 0; 1422 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1423 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1424 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1425 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1426 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1427 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1428 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1429 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1430 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1431 1432 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1433 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1434 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1435 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1436 --font-h1--color: var(--color-foreground-heading); 1437 --font-h2--color: var(--color-foreground-heading); 1438 --font-h3--color: var(--color-foreground-heading); 1439 --font-h4--color: var(--color-foreground-heading); 1440 --font-h5--color: var(--color-foreground-heading); 1441 --font-h6--color: var(--color-foreground-heading); 1442 1443 /* Shadows */ 1444 1445 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1446 1447 1448 --shadow-blur: 20px; 1449 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1450 1451 } 1452 1453 1454 1455 1456 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1457 --color-background: rgb(0 0 0 / 0.0); 1458 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1459 --color-background-rgb: 0 0 0; 1460 --opacity-5-15: 0.15; 1461 --opacity-10-25: 0.25; 1462 --opacity-35-55: 0.55; 1463 --opacity-40-60: 0.6; 1464 --opacity-30-60: 0.6; 1465 --color-foreground: rgb(253 253 253 / 1.0); 1466 --color-foreground-rgb: 253 253 253; 1467 --color-foreground-heading: rgb(253 253 253 / 1.0); 1468 --color-foreground-heading-rgb: 253 253 253; 1469 --color-primary: rgb(253 253 253 / 1.0); 1470 --color-primary-rgb: 253 253 253; 1471 --color-primary-hover: rgb(253 253 253 / 1.0); 1472 --color-primary-hover-rgb: 253 253 253; 1473 --color-border: rgb(230 230 230 / 1.0); 1474 --color-border-rgb: 230 230 230; 1475 --color-shadow: rgb(253 253 253 / 1.0); 1476 --color-shadow-rgb: 253 253 253; 1477 --color-primary-button-text: rgb(0 23 143 / 1.0); 1478 --color-primary-button-background: rgb(253 253 253 / 1.0); 1479 --color-primary-button-border: rgb(0 0 0 / 1.0); 1480 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1481 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1482 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1483 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1484 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1485 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1486 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1487 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1488 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1489 --color-input-background: rgb(255 255 255 / 1.0); 1490 --color-input-text: rgb(0 0 0 / 0.53); 1491 --color-input-text-rgb: 0 0 0; 1492 --color-input-border: rgb(0 0 0 / 0.13); 1493 --color-input-hover-background: rgb(250 250 250 / 1.0); 1494 --color-variant-background: rgb(255 255 255 / 1.0); 1495 --color-variant-border: rgb(230 230 230 / 1.0); 1496 --color-variant-text: rgb(0 0 0 / 1.0); 1497 --color-variant-text-rgb: 0 0 0; 1498 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1499 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1500 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1501 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1502 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1503 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1504 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1505 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1506 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1507 1508 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1509 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1510 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1511 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1512 --font-h1--color: var(--color-foreground-heading); 1513 --font-h2--color: var(--color-foreground-heading); 1514 --font-h3--color: var(--color-foreground-heading); 1515 --font-h4--color: var(--color-foreground-heading); 1516 --font-h5--color: var(--color-foreground-heading); 1517 --font-h6--color: var(--color-foreground-heading); 1518 1519 /* Shadows */ 1520 1521 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1522 1523 1524 --shadow-blur: 20px; 1525 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1526 1527 } 1528 1529 1530 1531 1532 .color-scheme-5bd6865e-6833-40b0-b1dd-d0b99795d20d { 1533 --color-background: rgb(229 72 72 / 1.0); 1534 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1535 --color-background-rgb: 229 72 72; 1536 --opacity-5-15: 0.05; 1537 --opacity-10-25: 0.1; 1538 --opacity-35-55: 0.35; 1539 --opacity-40-60: 0.4; 1540 --opacity-30-60: 0.3; 1541 --color-foreground: rgb(255 255 255 / 1.0); 1542 --color-foreground-rgb: 255 255 255; 1543 --color-foreground-heading: rgb(255 255 255 / 1.0); 1544 --color-foreground-heading-rgb: 255 255 255; 1545 --color-primary: rgb(250 250 250 / 1.0); 1546 --color-primary-rgb: 250 250 250; 1547 --color-primary-hover: rgb(0 23 143 / 1.0); 1548 --color-primary-hover-rgb: 0 23 143; 1549 --color-border: rgb(213 217 235 / 1.0); 1550 --color-border-rgb: 213 217 235; 1551 --color-shadow: rgb(250 250 250 / 1.0); 1552 --color-shadow-rgb: 250 250 250; 1553 --color-primary-button-text: rgb(253 253 253 / 1.0); 1554 --color-primary-button-background: rgb(250 250 250 / 1.0); 1555 --color-primary-button-border: rgb(250 250 250 / 1.0); 1556 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1557 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1558 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1559 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1560 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1561 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1562 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1563 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1564 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1565 --color-input-background: rgb(255 255 255 / 0.78); 1566 --color-input-text: rgb(51 51 51 / 1.0); 1567 --color-input-text-rgb: 51 51 51; 1568 --color-input-border: rgb(223 223 223 / 1.0); 1569 --color-input-hover-background: rgb(0 0 0 / 0.01); 1570 --color-variant-background: rgb(214 227 253 / 1.0); 1571 --color-variant-border: rgb(0 0 0 / 0.0); 1572 --color-variant-text: rgb(0 15 88 / 1.0); 1573 --color-variant-text-rgb: 0 15 88; 1574 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1575 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1576 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1577 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1578 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1579 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1580 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1581 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1582 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1583 1584 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1585 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1586 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1587 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1588 --font-h1--color: var(--color-foreground-heading); 1589 --font-h2--color: var(--color-foreground-heading); 1590 --font-h3--color: var(--color-foreground-heading); 1591 --font-h4--color: var(--color-foreground-heading); 1592 --font-h5--color: var(--color-foreground-heading); 1593 --font-h6--color: var(--color-foreground-heading); 1594 1595 /* Shadows */ 1596 1597 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1598 1599 1600 --shadow-blur: 20px; 1601 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1602 1603 } 1604 1605 1606 1607 1608 .color-scheme-aae328cf-2efb-424c-8d57-09bdd071a2cf { 1609 --color-background: rgb(253 253 253 / 1.0); 1610 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1611 --color-background-rgb: 253 253 253; 1612 --opacity-5-15: 0.05; 1613 --opacity-10-25: 0.1; 1614 --opacity-35-55: 0.35; 1615 --opacity-40-60: 0.4; 1616 --opacity-30-60: 0.3; 1617 --color-foreground: rgb(0 23 143 / 1.0); 1618 --color-foreground-rgb: 0 23 143; 1619 --color-foreground-heading: rgb(0 23 143 / 1.0); 1620 --color-foreground-heading-rgb: 0 23 143; 1621 --color-primary: rgb(0 23 143 / 1.0); 1622 --color-primary-rgb: 0 23 143; 1623 --color-primary-hover: rgb(0 23 143 / 1.0); 1624 --color-primary-hover-rgb: 0 23 143; 1625 --color-border: rgb(213 217 235 / 1.0); 1626 --color-border-rgb: 213 217 235; 1627 --color-shadow: rgb(0 0 0 / 1.0); 1628 --color-shadow-rgb: 0 0 0; 1629 --color-primary-button-text: rgb(253 253 253 / 1.0); 1630 --color-primary-button-background: rgb(0 23 143 / 1.0); 1631 --color-primary-button-border: rgb(0 23 143 / 1.0); 1632 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1633 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1634 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1635 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1636 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1637 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1638 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1639 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1640 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1641 --color-input-background: rgb(255 255 255 / 0.78); 1642 --color-input-text: rgb(51 51 51 / 1.0); 1643 --color-input-text-rgb: 51 51 51; 1644 --color-input-border: rgb(223 223 223 / 1.0); 1645 --color-input-hover-background: rgb(0 0 0 / 0.01); 1646 --color-variant-background: rgb(214 227 253 / 1.0); 1647 --color-variant-border: rgb(0 0 0 / 0.0); 1648 --color-variant-text: rgb(0 15 88 / 1.0); 1649 --color-variant-text-rgb: 0 15 88; 1650 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1651 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1652 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1653 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1654 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1655 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1656 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1657 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1658 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1659 1660 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1661 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1662 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1663 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1664 --font-h1--color: var(--color-foreground-heading); 1665 --font-h2--color: var(--color-foreground-heading); 1666 --font-h3--color: var(--color-foreground-heading); 1667 --font-h4--color: var(--color-foreground-heading); 1668 --font-h5--color: var(--color-foreground-heading); 1669 --font-h6--color: var(--color-foreground-heading); 1670 1671 /* Shadows */ 1672 1673 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1674 1675 1676 --shadow-blur: 20px; 1677 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1678 1679 } 1680 1681 1682 1683 1684 .color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 { 1685 --color-background: rgb(255 255 255 / 1.0); 1686 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1687 --color-background-rgb: 255 255 255; 1688 --opacity-5-15: 0.05; 1689 --opacity-10-25: 0.1; 1690 --opacity-35-55: 0.35; 1691 --opacity-40-60: 0.4; 1692 --opacity-30-60: 0.3; 1693 --color-foreground: rgb(28 28 26 / 1.0); 1694 --color-foreground-rgb: 28 28 26; 1695 --color-foreground-heading: rgb(0 23 143 / 1.0); 1696 --color-foreground-heading-rgb: 0 23 143; 1697 --color-primary: rgb(0 23 143 / 1.0); 1698 --color-primary-rgb: 0 23 143; 1699 --color-primary-hover: rgb(0 23 143 / 1.0); 1700 --color-primary-hover-rgb: 0 23 143; 1701 --color-border: rgb(28 28 26 / 0.13); 1702 --color-border-rgb: 28 28 26; 1703 --color-shadow: rgb(0 0 0 / 1.0); 1704 --color-shadow-rgb: 0 0 0; 1705 --color-primary-button-text: rgb(253 253 253 / 1.0); 1706 --color-primary-button-background: rgb(0 23 143 / 1.0); 1707 --color-primary-button-border: rgb(0 23 143 / 1.0); 1708 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1709 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1710 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1711 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1712 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1713 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1714 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1715 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1716 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1717 --color-input-background: rgb(255 255 255 / 0.78); 1718 --color-input-text: rgb(51 51 51 / 1.0); 1719 --color-input-text-rgb: 51 51 51; 1720 --color-input-border: rgb(223 223 223 / 1.0); 1721 --color-input-hover-background: rgb(0 0 0 / 0.01); 1722 --color-variant-background: rgb(214 227 253 / 1.0); 1723 --color-variant-border: rgb(0 0 0 / 0.0); 1724 --color-variant-text: rgb(0 15 88 / 1.0); 1725 --color-variant-text-rgb: 0 15 88; 1726 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1727 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1728 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1729 --colo
1729r-selected-variant-background: rgb(0 23 143 / 1.0); 1730 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1731 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1732 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1733 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1734 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1735 1736 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1737 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1738 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1739 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1740 --font-h1--color: var(--color-foreground-heading); 1741 --font-h2--color: var(--color-foreground-heading); 1742 --font-h3--color: var(--color-foreground-heading); 1743 --font-h4--color: var(--color-foreground-heading); 1744 --font-h5--color: var(--color-foreground-heading); 1745 --font-h6--color: var(--color-foreground-heading); 1746 1747 /* Shadows */ 1748 1749 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1750 1751 1752 --shadow-blur: 20px; 1753 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1754 1755 } 1756 1757 1758 1759 1760 .color-scheme-3b588815-8e52-43e6-95c8-c5d6e85e9ebd { 1761 --color-background: rgb(28 28 26 / 1.0); 1762 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1763 --color-background-rgb: 28 28 26; 1764 --opacity-5-15: 0.15; 1765 --opacity-10-25: 0.25; 1766 --opacity-35-55: 0.55; 1767 --opacity-40-60: 0.6; 1768 --opacity-30-60: 0.6; 1769 --color-foreground: rgb(253 253 253 / 1.0); 1770 --color-foreground-rgb: 253 253 253; 1771 --color-foreground-heading: rgb(253 253 253 / 1.0); 1772 --color-foreground-heading-rgb: 253 253 253; 1773 --color-primary: rgb(253 253 253 / 1.0); 1774 --color-primary-rgb: 253 253 253; 1775 --color-primary-hover: rgb(3 77 228 / 1.0); 1776 --color-primary-hover-rgb: 3 77 228; 1777 --color-border: rgb(223 223 223 / 1.0); 1778 --color-border-rgb: 223 223 223; 1779 --color-shadow: rgb(0 0 0 / 1.0); 1780 --color-shadow-rgb: 0 0 0; 1781 --color-primary-button-text: rgb(253 253 253 / 1.0); 1782 --color-primary-button-background: rgb(0 23 143 / 1.0); 1783 --color-primary-button-border: rgb(0 23 143 / 1.0); 1784 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1785 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1786 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1787 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1788 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1789 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1790 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1791 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1792 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1793 --color-input-background: rgb(255 255 255 / 0.78); 1794 --color-input-text: rgb(51 51 51 / 1.0); 1795 --color-input-text-rgb: 51 51 51; 1796 --color-input-border: rgb(223 223 223 / 1.0); 1797 --color-input-hover-background: rgb(0 0 0 / 0.01); 1798 --color-variant-background: rgb(214 227 253 / 1.0); 1799 --color-variant-border: rgb(0 0 0 / 0.0); 1800 --color-variant-text: rgb(0 15 88 / 1.0); 1801 --color-variant-text-rgb: 0 15 88; 1802 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1803 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1804 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1805 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1806 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1807 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1808 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1809 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1810 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1811 1812 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1813 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1814 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1815 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1816 --font-h1--color: var(--color-foreground-heading); 1817 --font-h2--color: var(--color-foreground-heading); 1818 --font-h3--color: var(--color-foreground-heading); 1819 --font-h4--color: var(--color-foreground-heading); 1820 --font-h5--color: var(--color-foreground-heading); 1821 --font-h6--color: var(--color-foreground-heading); 1822 1823 /* Shadows */ 1824 1825 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1826 1827 1828 --shadow-blur: 20px; 1829 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1830 1831 } 1832 1833 1834 1835 1836 .color-scheme-321bfc8d-e5c5-4465-aaf8-6872833490d7 { 1837 --color-background: rgb(248 248 249 / 1.0); 1838 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1839 --color-background-rgb: 248 248 249; 1840 --opacity-5-15: 0.05; 1841 --opacity-10-25: 0.1; 1842 --opacity-35-55: 0.35; 1843 --opacity-40-60: 0.4; 1844 --opacity-30-60: 0.3; 1845 --color-foreground: rgb(28 28 26 / 1.0); 1846 --color-foreground-rgb: 28 28 26; 1847 --color-foreground-heading: rgb(0 23 143 / 1.0); 1848 --color-foreground-heading-rgb: 0 23 143; 1849 --color-primary: rgb(0 23 143 / 1.0); 1850 --color-primary-rgb: 0 23 143; 1851 --color-primary-hover: rgb(0 23 143 / 1.0); 1852 --color-primary-hover-rgb: 0 23 143; 1853 --color-border: rgb(223 223 223 / 1.0); 1854 --color-border-rgb: 223 223 223; 1855 --color-shadow: rgb(0 0 0 / 1.0); 1856 --color-shadow-rgb: 0 0 0; 1857 --color-primary-button-text: rgb(253 253 253 / 1.0); 1858 --color-primary-button-background: rgb(0 23 143 / 1.0); 1859 --color-primary-button-border: rgb(0 23 143 / 1.0); 1860 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1861 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1862 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1863 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1864 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1865 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1866 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1867 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1868 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1869 --color-input-background: rgb(255 255 255 / 0.78); 1870 --color-input-text: rgb(51 51 51 / 1.0); 1871 --color-input-text-rgb: 51 51 51; 1872 --color-input-border: rgb(223 223 223 / 1.0); 1873 --color-input-hover-background: rgb(0 0 0 / 0.01); 1874 --color-variant-background: rgb(214 227 253 / 1.0); 1875 --color-variant-border: rgb(0 0 0 / 0.0); 1876 --color-variant-text: rgb(0 15 88 / 1.0); 1877 --color-variant-text-rgb: 0 15 88; 1878 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1879 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1880 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1881 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1882 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1883 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1884 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1885 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1886 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1887 1888 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1889 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1890 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1891 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1892 --font-h1--color: var(--color-foreground-heading); 1893 --font-h2--color: var(--color-foreground-heading); 1894 --font-h3--color: var(--color-foreground-heading); 1895 --font-h4--color: var(--color-foreground-heading); 1896 --font-h5--color: var(--color-foreground-heading); 1897 --font-h6--color: var(--color-foreground-heading); 1898 1899 /* Shadows */ 1900 1901 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1902 1903 1904 --shadow-blur: 20px; 1905 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1906 1907 } 1908 1909 1910 1911 1912 .color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e { 1913 --color-background: rgb(255 255 255 / 1.0); 1914 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1915 --color-background-rgb: 255 255 255; 1916 --opacity-5-15: 0.05; 1917 --opacity-10-25: 0.1; 1918 --opacity-35-55: 0.35; 1919 --opacity-40-60: 0.4; 1920 --opacity-30-60: 0.3; 1921 --color-foreground: rgb(255 255 255 / 1.0); 1922 --color-foreground-rgb: 255 255 255; 1923 --color-foreground-heading: rgb(255 255 255 / 1.0); 1924 --color-foreground-heading-rgb: 255 255 255; 1925 --color-primary: rgb(255 255 255 / 1.0); 1926 --color-primary-rgb: 255 255 255; 1927 --color-primary-hover: rgb(255 255 255 / 0.69); 1928 --color-primary-hover-rgb: 255 255 255; 1929 --color-border: rgb(230 230 230 / 1.0); 1930 --color-border-rgb: 230 230 230; 1931 --color-shadow: rgb(0 0 0 / 1.0); 1932 --color-shadow-rgb: 0 0 0; 1933 --color-primary-button-text: rgb(253 253 253 / 1.0); 1934 --color-primary-button-background: rgb(0 23 143 / 1.0); 1935 --color-primary-button-border: rgb(0 23 143 / 1.0); 1936 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 1937 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 1938 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 1939 --color-secondary-button-text: rgb(0 23 143 / 1.0); 1940 --color-secondary-button-background: rgb(253 253 253 / 1.0); 1941 --color-secondary-button-border: rgb(253 253 253 / 1.0); 1942 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 1943 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 1944 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 1945 --color-input-background: rgb(255 255 255 / 0.78); 1946 --color-input-text: rgb(51 51 51 / 1.0); 1947 --color-input-text-rgb: 51 51 51; 1948 --color-input-border: rgb(223 223 223 / 1.0); 1949 --color-input-hover-background: rgb(0 0 0 / 0.01); 1950 --color-variant-background: rgb(214 227 253 / 1.0); 1951 --color-variant-border: rgb(0 0 0 / 0.0); 1952 --color-variant-text: rgb(0 15 88 / 1.0); 1953 --color-variant-text-rgb: 0 15 88; 1954 --color-variant-hover-background: rgb(214 227 253 / 1.0); 1955 --color-variant-hover-text: rgb(0 15 88 / 1.0); 1956 --color-variant-hover-border: rgb(62 71 132 / 0.5); 1957 --color-selected-variant-background: rgb(0 23 143 / 1.0); 1958 --color-selected-variant-border: rgb(62 71 132 / 0.5); 1959 --color-selected-variant-text: rgb(0 15 88 / 1.0); 1960 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 1961 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 1962 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 1963 1964 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1965 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1966 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1967 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1968 --font-h1--color: var(--color-foreground-heading); 1969 --font-h2--color: var(--color-foreground-heading); 1970 --font-h3--color: var(--color-foreground-heading); 1971 --font-h4--color: var(--color-foreground-heading); 1972 --font-h5--color: var(--color-foreground-heading); 1973 --font-h6--color: var(--color-foreground-heading); 1974 1975 /* Shadows */ 1976 1977 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1978 1979 1980 --shadow-blur: 20px; 1981 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1982 1983 } 1984 1985 1986 1987 1988 .color-scheme-c1eb8b9f-6211-4431-b5dd-17daf8608d1a { 1989 --color-background: rgb(255 255 255 / 1.0); 1990 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1991 --color-background-rgb: 255 255 255; 1992 --opacity-5-15: 0.05; 1993 --opacity-10-25: 0.1; 1994 --opacity-35-55: 0.35; 1995 --opacity-40-60: 0.4; 1996 --opacity-30-60: 0.3; 1997 --color-foreground: rgb(255 255 255 / 1.0); 1998 --color-foreground-rgb: 255 255 255; 1999 --color-foreground-heading: rgb(255 255 255 / 1.0); 2000 --color-foreground-heading-rgb: 255 255 255; 2001 --color-primary: rgb(255 255 255 / 1.0); 2002 --color-primary-rgb: 255 255 255; 2003 --color-primary-hover: rgb(3 77 228 / 1.0); 2004 --color-primary-hover-rgb: 3 77 228; 2005 --color-border: rgb(223 223 223 / 1.0); 2006 --color-border-rgb: 223 223 223; 2007 --color-shadow: rgb(0 0 0 / 1.0); 2008 --color-shadow-rgb: 0 0 0; 2009 --color-primary-button-text: rgb(253 253 253 / 1.0); 2010 --color-primary-button-background: rgb(0 23 143 / 1.0); 2011 --color-primary-button-border: rgb(0 23 143 / 1.0); 2012 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 2013 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 2014 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 2015 --color-secondary-button-text: rgb(0 23 143 / 1.0); 2016 --color-secondary-button-background: rgb(253 253 253 / 1.0); 2017 --color-secondary-button-border: rgb(253 253 253 / 1.0); 2018 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 2019 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 2020 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 2021 --color-input-background: rgb(255 255 255 / 0.78); 2022 --color-input-text: rgb(51 51 51 / 1.0); 2023 --color-input-text-rgb: 51 51 51; 2024 --color-input-border: rgb(223 223 223 / 1.0); 2025 --color-input-hover-background: rgb(0 0 0 / 0.01); 2026 --color-variant-background: rgb(214 227 253 / 1.0); 2027 --color-variant-border: rgb(0 0 0 / 0.0); 2028 --color-variant-text: rgb(0 15 88 / 1.0); 2029 --color-variant-text-rgb: 0 15 88; 2030 --color-variant-hover-background: rgb(214 227 253 / 1.0); 2031 --color-variant-hover-text: rgb(0 15 88 / 1.0); 2032 --color-variant-hover-border: rgb(62 71 132 / 0.5); 2033 --color-selected-variant-background: rgb(0 23 143 / 1.0); 2034 --color-selected-variant-border: rgb(62 71 132 / 0.5); 2035 --color-selected-variant-text: rgb(0 15 88 / 1.0); 2036 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 2037 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 2038 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 2039 2040 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2041 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2042 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2043 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2044 --font-h1--color: var(--color-foreground-heading); 2045 --font-h2--color: var(--color-foreground-heading); 2046 --font-h3--color: var(--color-foreground-heading); 2047 --font-h4--color: var(--color-foreground-heading); 2048 --font-h5--color: var(--color
2048-foreground-heading); 2049 --font-h6--color: var(--color-foreground-heading); 2050 2051 /* Shadows */ 2052 2053 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2054 2055 2056 --shadow-blur: 20px; 2057 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2058 2059 } 2060 2061 2062 2063 2064 .color-scheme-9262c2a8-ec42-4c95-818e-90a7d20e9143 { 2065 --color-background: rgb(250 250 250 / 1.0); 2066 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 2067 --color-background-rgb: 250 250 250; 2068 --opacity-5-15: 0.05; 2069 --opacity-10-25: 0.1; 2070 --opacity-35-55: 0.35; 2071 --opacity-40-60: 0.4; 2072 --opacity-30-60: 0.3; 2073 --color-foreground: rgb(0 23 143 / 1.0); 2074 --color-foreground-rgb: 0 23 143; 2075 --color-foreground-heading: rgb(0 23 143 / 1.0); 2076 --color-foreground-heading-rgb: 0 23 143; 2077 --color-primary: rgb(0 23 143 / 1.0); 2078 --color-primary-rgb: 0 23 143; 2079 --color-primary-hover: rgb(0 23 143 / 1.0); 2080 --color-primary-hover-rgb: 0 23 143; 2081 --color-border: rgb(213 217 235 / 1.0); 2082 --color-border-rgb: 213 217 235; 2083 --color-shadow: rgb(0 0 0 / 1.0); 2084 --color-shadow-rgb: 0 0 0; 2085 --color-primary-button-text: rgb(253 253 253 / 1.0); 2086 --color-primary-button-background: rgb(0 23 143 / 1.0); 2087 --color-primary-button-border: rgb(0 23 143 / 1.0); 2088 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 2089 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 2090 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 2091 --color-secondary-button-text: rgb(0 23 143 / 1.0); 2092 --color-secondary-button-background: rgb(253 253 253 / 1.0); 2093 --color-secondary-button-border: rgb(253 253 253 / 1.0); 2094 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 2095 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 2096 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 2097 --color-input-background: rgb(255 255 255 / 0.78); 2098 --color-input-text: rgb(51 51 51 / 1.0); 2099 --color-input-text-rgb: 51 51 51; 2100 --color-input-border: rgb(223 223 223 / 1.0); 2101 --color-input-hover-background: rgb(0 0 0 / 0.01); 2102 --color-variant-background: rgb(214 227 253 / 1.0); 2103 --color-variant-border: rgb(0 0 0 / 0.0); 2104 --color-variant-text: rgb(0 15 88 / 1.0); 2105 --color-variant-text-rgb: 0 15 88; 2106 --color-variant-hover-background: rgb(214 227 253 / 1.0); 2107 --color-variant-hover-text: rgb(0 15 88 / 1.0); 2108 --color-variant-hover-border: rgb(62 71 132 / 0.5); 2109 --color-selected-variant-background: rgb(0 23 143 / 1.0); 2110 --color-selected-variant-border: rgb(62 71 132 / 0.5); 2111 --color-selected-variant-text: rgb(0 15 88 / 1.0); 2112 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 2113 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 2114 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 2115 2116 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2117 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2118 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2119 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2120 --font-h1--color: var(--color-foreground-heading); 2121 --font-h2--color: var(--color-foreground-heading); 2122 --font-h3--color: var(--color-foreground-heading); 2123 --font-h4--color: var(--color-foreground-heading); 2124 --font-h5--color: var(--color-foreground-heading); 2125 --font-h6--color: var(--color-foreground-heading); 2126 2127 /* Shadows */ 2128 2129 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2130 2131 2132 --shadow-blur: 20px; 2133 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2134 2135 } 2136 2137 2138 2139 2140 .color-scheme-f50a3673-833a-441d-b449-2856731e914a { 2141 --color-background: rgb(255 255 255 / 1.0); 2142 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 2143 --color-background-rgb: 255 255 255; 2144 --opacity-5-15: 0.05; 2145 --opacity-10-25: 0.1; 2146 --opacity-35-55: 0.35; 2147 --opacity-40-60: 0.4; 2148 --opacity-30-60: 0.3; 2149 --color-foreground: rgb(28 28 26 / 1.0); 2150 --color-foreground-rgb: 28 28 26; 2151 --color-foreground-heading: rgb(0 23 143 / 1.0); 2152 --color-foreground-heading-rgb: 0 23 143; 2153 --color-primary: rgb(0 23 143 / 1.0); 2154 --color-primary-rgb: 0 23 143; 2155 --color-primary-hover: rgb(3 77 228 / 1.0); 2156 --color-primary-hover-rgb: 3 77 228; 2157 --color-border: rgb(28 28 26 / 0.25); 2158 --color-border-rgb: 28 28 26; 2159 --color-shadow: rgb(0 0 0 / 1.0); 2160 --color-shadow-rgb: 0 0 0; 2161 --color-primary-button-text: rgb(253 253 253 / 1.0); 2162 --color-primary-button-background: rgb(0 23 143 / 1.0); 2163 --color-primary-button-border: rgb(0 23 143 / 1.0); 2164 --color-primary-button-hover-text: rgb(253 253 253 / 1.0); 2165 --color-primary-button-hover-background: rgb(3 77 228 / 1.0); 2166 --color-primary-button-hover-border: rgb(3 77 228 / 1.0); 2167 --color-secondary-button-text: rgb(0 23 143 / 1.0); 2168 --color-secondary-button-background: rgb(253 253 253 / 1.0); 2169 --color-secondary-button-border: rgb(253 253 253 / 1.0); 2170 --color-secondary-button-hover-text: rgb(253 253 253 / 1.0); 2171 --color-secondary-button-hover-background: rgb(3 77 228 / 1.0); 2172 --color-secondary-button-hover-border: rgb(3 77 228 / 1.0); 2173 --color-input-background: rgb(255 255 255 / 0.78); 2174 --color-input-text: rgb(51 51 51 / 1.0); 2175 --color-input-text-rgb: 51 51 51; 2176 --color-input-border: rgb(223 223 223 / 1.0); 2177 --color-input-hover-background: rgb(0 0 0 / 0.01); 2178 --color-variant-background: rgb(214 227 253 / 1.0); 2179 --color-variant-border: rgb(0 0 0 / 0.0); 2180 --color-variant-text: rgb(0 15 88 / 1.0); 2181 --color-variant-text-rgb: 0 15 88; 2182 --color-variant-hover-background: rgb(214 227 253 / 1.0); 2183 --color-variant-hover-text: rgb(0 15 88 / 1.0); 2184 --color-variant-hover-border: rgb(62 71 132 / 0.5); 2185 --color-selected-variant-background: rgb(0 23 143 / 1.0); 2186 --color-selected-variant-border: rgb(62 71 132 / 0.5); 2187 --color-selected-variant-text: rgb(0 15 88 / 1.0); 2188 --color-selected-variant-hover-background: rgb(214 227 253 / 1.0); 2189 --color-selected-variant-hover-text: rgb(0 15 88 / 1.0); 2190 --color-selected-variant-hover-border: rgb(62 71 132 / 0.5); 2191 2192 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2193 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2194 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2195 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2196 --font-h1--color: var(--color-foreground-heading); 2197 --font-h2--color: var(--color-foreground-heading); 2198 --font-h3--color: var(--color-foreground-heading); 2199 --font-h4--color: var(--color-foreground-heading); 2200 --font-h5--color: var(--color-foreground-heading); 2201 --font-h6--color: var(--color-foreground-heading); 2202 2203 /* Shadows */ 2204 2205 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2206 2207 2208 --shadow-blur: 20px; 2209 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 2210 2211 } 2212 2213 2214 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-5bd6865e-6833-40b0-b1dd-d0b99795d20d, .color-scheme-aae328cf-2efb-424c-8d57-09bdd071a2cf, .color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5, .color-scheme-3b588815-8e52-43e6-95c8-c5d6e85e9ebd, .color-scheme-321bfc8d-e5c5-4465-aaf8-6872833490d7, .color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e, .color-scheme-c1eb8b9f-6211-4431-b5dd-17daf8608d1a, .color-scheme-9262c2a8-ec42-4c95-818e-90a7d20e9143, .color-scheme-f50a3673-833a-441d-b449-2856731e914a { 2215 color: var(--color-foreground); 2216 background-color: var(--color-background); 2217 } 2218</style> 2219 2220 2221
2221<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2221<meta name="google-site-verification" content="J1smgdCMb3LZeveVP8bpEZV_QfkcJ3C5eCMaF2-dYIU"> 2222<meta name="facebook-domain-verification" content="z47mqmycxteh46iyi8q1jddtdjsggs"> 2223<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75156357428/digital_wallets/dialog"> 2224<meta id="in-context-paypal-metadata" data-shop-id="75156357428" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 2225<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-all-products.atom" /> 2226<link rel="alternate" type="application/json+oembed" href="https://zoefull.com/collections/shop-all-products.oembed">
2227<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=837910836"></script>
2227 2228<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
2229<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=837910836&shop_id=75156357428" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2229
2229
2230<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":75156357428,"countryCode":"CY","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/75156357428","merchantName":"Zoefull","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"Zoefull","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 2230
2230
2231<script id="shopify-features" type="application/json">{"accessToken":"e38328fdd642acaf90895c1d2b55e4d3","betas":["rich-media-storefront-analytics"],"domain":"zoefull.com","predictiveSearch":true,"shopId":75156357428,"locale":"en"}</script>
vendor: 1 bytes, line 2231
2231
2232<script>var Shopify = Shopify || {}; 2233Shopify.shop = "zoefull.myshopify.com"; 2234Shopify.locale = "en"; 2235Shopify.currency = {"active":"USD","rate":"1.0"}; 2236Shopify.country = "US"; 2237Shopify.theme = {"name":"Zoefull \/ Main V3.3 - PRE-ORDER WOO","id":168355201332,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":null,"role":"main"}; 2238Shopify.theme.handle = "null"; 2239Shopify.theme.style = {"id":null,"handle":null}; 2240Shopify.cdnHost = "zoefull.com/cdn"; 2241Shopify.routes = Shopify.routes || {}; 2242Shopify.routes.root = "/"; 2243Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 2244Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 2245Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 2246Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2246
2246
2247<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2247
2247
2248<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 2248
2248
2249<script> 2250 window.ShopifyPay = window.ShopifyPay || {}; 2251 window.ShopifyPay.apiHost = "shop.app\/pay"; 2252 window.ShopifyPay.redirectState = null; 2253</script>
vendor: 1 bytes, line 2253
2253
2254<script> 2255 window.Shopify = window.Shopify || {}; 2256 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 2257 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 2258 window.Shopify.SignInWithShop.eligible = true; 2259</script>
vendor: 1 bytes, line 2259
2259
2260<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 2260
2260
2261<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 2261
2261
2262<script type="module"> 2263 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 2264 2265 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 2266 2267</script>
vendor: 1 bytes, line 2267
2267
2268<script> 2269 window.Shopify = window.Shopify || {}; 2270 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 2271 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"]}; 2272</script>
vendor: 1 bytes, line 2272
2272
2273<script>(function() { 2274 var isLoaded = false; 2275 function asyncLoad() { 2276 if (isLoaded) return; 2277 isLoaded = true; 2278 var urls = ["https:\/\/loox.io\/widget\/iZ7Y89LbjC\/loox.1776333911857.js?shop=zoefull.myshopify.com","https:\/\/cdn.pushowl.com\/latest\/sdks\/pushowl-shopify.js?subdomain=zoefull\u0026environment=production\u0026guid=59c04617-24c0-4c45-889f-fc4ae0340df6\u0026shop=zoefull.myshopify.com"]; 2279 for (var i = 0; i < urls.length; i++) { 2280 var s = document.createElement('script'); 2281 s.type = 'text/javascript'; 2282 s.async = true; 2283 s.src = urls[i]; 2284 var x = document.getElementsByTagName('script')[0]; 2285 x.parentNode.insertBefore(s, x); 2286 } 2287 }; 2288 if(window.attachEvent) { 2289 window.attachEvent('onload', asyncLoad); 2290 } else { 2291 window.addEventListener('load', asyncLoad, false); 2292 } 2293})();</script>
vendor: 1 bytes, line 2293
2293
2294<script id="__st">var __st={"a":75156357428,"offset":-14400,"reqid":"a4ddaf11-8380-435f-95a2-767cecb53e2c-1791237444","pageurl":"zoefull.com\/collections\/shop-all-products","u":"1080c55d40d6","p":"collection","rtyp":"collection","rid":446087332148};</script>
vendor: 1 bytes, line 2294
2294
2295<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2295
2295
2296<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 2296
2296
2297<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//zoefull.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2297
2297
2298<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 = "//zoefull.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>
2298<script crossorigin="anonymous" defer="defer" src="//zoefull.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 2298
2298
2299<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 2299
2299
2300<script> 2301 window.Shopify = window.Shopify || {}; 2302 window.Shopify.MCP = window.Shopify.MCP || {}; 2303 window.Shopify.MCP.enabled = true; 2304 window.Shopify.MCP.shop = "zoefull.myshopify.com"; 2305 window.Shopify.MCP.mcpEndpoint = "https:\/\/zoefull.com\/api\/mcp"; 2306 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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 2307</script>
vendor: 1 bytes, line 2307
2307
2308<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("\/\/zoefull.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 2309</script>
vendor: 1 bytes, line 2309
2309
2310<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://zoefull.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 2311</script>
vendor: 1 bytes, line 2311
2311
2312<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 2313 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); 2314</script>
vendor: 1 bytes, line 2314
2314
2315<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})}})); 2316</script>
2316 2317<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://zoefull.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 2318<style id="shopify-accelerated-checkout-cart"> 2319 #shopify-buyer-consent { 2320 margin-top: 1em; 2321 display: inline-block; 2322 width: 100%; 2323} 2324 2325#shopify-buyer-consent.hidden { 2326 display: none; 2327} 2328 2329#shopify-subscription-policy-button { 2330 background: none; 2331 border: none; 2332 padding: 0; 2333 text-decoration: underline; 2334 font-size: inherit; 2335 cursor: pointer; 2336} 2337 2338#shopify-subscription-policy-button::before { 2339 box-shadow: none; 2340} 2341 2342 </style> 2343<link rel="stylesheet" media="screen" href="//zoefull.com/cdn/shop/t/128/compiled_assets/styles.css?v=180392723846936833011788946170">
2344<script id="sections-script" data-sections="main-collection" defer="defer" src="//zoefull.com/cdn/shop/t/128/compiled_assets/scripts.js?v=2018399377418682051786530322"></script>
vendor: 1 bytes, line 2344
2344
2345<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2345 2346 2347 <!-- Google Consent Mode V2 Consentmo --> 2348 <!-- Google Consent Mode V2 Advanced Mode integration script for Consentmo GDPR Compliance App --> 2349
2349<script id="consentmo-gcmv2-advanced-mode-integration"> 2350 const consentOutOfRegion = { 2351 analytics: true, 2352 marketing: true, 2353 functionality: true, 2354 adsDataRedaction: false, 2355 urlPassthrough: false, 2356 }; 2357 2358 window.dataLayer = window.dataLayer || []; 2359 function gtag(){dataLayer.push(arguments);} 2360 2361 gtag('consent', 'default', { 2362 ad_storage: 'denied', 2363 ad_personalization: 'denied', 2364 ad_user_data: 'denied', 2365 analytics_storage: 'denied', 2366 functionality_storage: 'denied', 2367 personalization_storage:'denied', 2368 security_storage: 'granted', 2369 wait_for_update: 1500 2370 }); 2371 2372 document.addEventListener('consentmoSignal_onLoad', function(eventData) { 2373 const csmLoadSignal = eventData.detail || {isActive:false}; 2374 console.log('LIQUID - consentmoSignal_onLoad event', csmLoadSignal); 2375 2376 if (!csmLoadSignal.isActive) { 2377 console.log('LIQUID - isActive false - use consentOutOfRegion'); 2378 gtag('consent', 'update', { 2379 ad_storage: consentOutOfRegion.marketing ? 'granted' : 'denied', 2380 ad_personalization: consentOutOfRegion.marketing ? 'granted' : 'denied', 2381 ad_user_data: consentOutOfRegion.marketing ? 'granted' : 'denied', 2382 analytics_storage: consentOutOfRegion.analytics ? 'granted' : 'denied', 2383 functionality_storage: consentOutOfRegion.functionality ? 'granted' : 'denied', 2384 personalization_storage: consentOutOfRegion.functionality ? 'granted' : 'denied', 2385 security_storage: 'granted', 2386 }); 2387 gtag('set', 'ads_data_redaction', consentOutOfRegion.adsDataRedaction); 2388 gtag('set', 'url_passthrough', consentOutOfRegion.urlPassthrough); 2389 console.log('LIQUID - dataLayer', window.dataLayer); 2390 } else { 2391 console.log('LIQUID - set default-consent and subscribe consentmoSignal for consent-update'); 2392 document.addEventListener('consentmoSignal', function(event) { 2393 const csmSignal = event.detail; 2394 const consentState = csmSignal.integration?.gcm?.isEnabled ? csmSignal.integration.gcm.state : csmSignal.state; 2395 console.log('LIQUID - consentmoSignal event', csmSignal); 2396 console.log('LIQUID - dataLayer', window.dataLayer); 2397 2398 gtag('consent', 'update', consentState); 2399 if (csmSignal.integration?.gcm?.isEnabled) { 2400 gtag('set', 'ads_data_redaction', csmSignal.integration.gcm.adsDataRedaction); 2401 gtag('set', 'url_passthrough', csmSignal.integration.gcm.urlPassthrough); 2402 } 2403 }); 2404 } 2405 }); 2406 </script>
2406<script id="ysm-consentmo-nmb-restyle"> 2407 (function () { 2408 var B = '.csm-native-button-container .csm-cookie-button.csm-cookie-button.csm-cookie-button.csm-cookie-button[data-csm-button-type]'; 2409 var CSS = 2410 ':host ' + B + '[data-csm-button-type="accept"],:host ' + B + '[data-csm-button-type="reject"]{background:#00178f!important;color:#fdfdfd!important;border:0!important;box-shadow:none!important}' + 2411 ':host ' + B + '[data-csm-button-type="accept"]:active,:host ' + B + '[data-csm-button-type="reject"]:active{background:#001270!important}' + 2412 ':host ' + B + '[data-csm-button-type="preferences"]{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;height:auto!important;min-height:44px!important;padding:8px 0!important;color:#00178f!important;text-decoration:underline!important;text-underline-offset:3px!important;transform:none!important}' + 2413 ':host ' + B + '[data-csm-button-type="preferences"]::before,:host ' + B + '[data-csm-button-type="preferences"]::after{display:none!important}' + 2414 ':host .csm-native-button-container .csm-cookie-button[data-csm-button-type="preferences"] .csm-arp-btn-text.csm-arp-btn-text.csm-arp-btn-text{color:#00178f!important;text-decoration:underline!important;text-underline-offset:3px!important}'; 2415 function paint() { 2416 var host = document.querySelector('csm-cookie-consent'); 2417 var sr = host && host.shadowRoot; 2418 if (!sr || sr.getElementById('ysm-csm-nmb')) return; 2419 var s = document.createElement('style'); 2420 s.id = 'ysm-csm-nmb'; 2421 s.textContent = CSS; 2422 sr.appendChild(s); 2423 } 2424 new MutationObserver(paint).observe(document.documentElement, { childList: true, subtree: true }); 2425 document.addEventListener('consentmoSignal_onLoad', paint); 2426 paint(); 2427 })(); 2428 </script>
2428 2429 2430 2431 <!-- Microsoft Clarity tracking snippet (added on 14th of April 2026) --> 2432
2432<script type="text/javascript"> 2433 (function (c, l, a, r, i, t, y) { 2434 c[a] = 2435 c[a] || 2436 function () { 2437 (c[a].q = c[a].q || []).push(arguments); 2438 }; 2439 t = l.createElement(r); 2440 t.async = 1; 2441 t.src = 'https://www.clarity.ms/tag/' + i; 2442 y = l.getElementsByTagName(r)[0]; 2443 y.parentNode.insertBefore(t, y); 2444 })(window, document, 'clarity', 'script', 'w8yqwsagvb'); 2445 </script>
2445 2446 <!-- BEGIN app block: shopify://apps/ot-theme-sections/blocks/otsb-style/45c0d634-d78b-458c-8bca-17086e7d65aa --><link href="//cdn.shopify.com/extensions/01a0cd3f-101f-7fa5-9159-222a9b381ec6/ot-section-builder-7-108/assets/otsb-style.min.css" rel="stylesheet" type="text/css" media="all" />
2447<script> 2448 window.otsb={main_script_enabled:true,sliderScript:"https://cdn.shopify.com/extensions/01a0cd3f-101f-7fa5-9159-222a9b381ec6/ot-section-builder-7-108/assets/otsb-splide.min.js",loadedScript:window?.otsb?.loadedScript||[],components:{splides:{}}}; 2449</script>
2449<script src="https://cdn.shopify.com/extensions/01a0cd3f-101f-7fa5-9159-222a9b381ec6/ot-section-builder-7-108/assets/otsb-script.min.js" defer="defer"></script>
2449 2450 2451<!-- END app block --><!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 2452<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 2453<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 2454<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 2455<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 2456 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 2457 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 2458 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 2459 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
2459<script> 2460(function () { 2461 try { 2462 document.documentElement.classList.add('csm-cookie-embed'); 2463 } catch (e) {} 2464})(); 2465</script>
2465<script data-consentmo-data-src-bootstrap> 2466(function () { 2467 'use strict'; 2468 if (window.__consentmoDataSrcBootstrapInit) return; 2469 window.__consentmoDataSrcBootstrapInit = true; 2470 2471 var DATA_SRC_SELECTOR = [ 2472 'script[data-src*="consentmo_cookie_consent"]', 2473 'script[data-src*="gdpr_cookie_consent.min"]', 2474 'script[data-src*="gdrp_cookie_consent_unlimited"]' 2475 ].join(','); 2476 2477 function activateConsentmoDataSrcScripts() { 2478 if (!window.Shopify || !window.Shopify.shop) return; 2479 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 2480 // getAttribute: src="" must not count as "already has src" (.src === page URL). 2481 if (scriptEl.getAttribute('src')) return; 2482 var url = scriptEl.getAttribute('data-src'); 2483 if (!url) return; 2484 if (scriptEl.getAttribute('type') === 'text/plain') { 2485 scriptEl.removeAttribute('type'); 2486 } 2487 scriptEl.src = url; 2488 }); 2489 } 2490 function scheduleActivation() { 2491 activateConsentmoDataSrcScripts(); 2492 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 2493 setTimeout(activateConsentmoDataSrcScripts, 0); 2494 } 2495 if (document.readyState === 'loading') { 2496 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 2497 } else { 2498 scheduleActivation(); 2499 } 2500})(); 2501</script>
2501 2502 2503 2504<!-- END app block --><!-- BEGIN app block: shopify://apps/rebuy-personalization-engine/blocks/rebuy-global-embed/a26ae9b9-933b-40bf-bbc6-bf1220bbc4dc -->
2505<script> 2506 window.Rebuy = window.Rebuy || {}; 2507 window.Rebuy.customer = window.Rebuy.customer || {}; 2508 2509 window.Rebuy.market = window.Rebuy.market || {}; 2510 2511 window.Rebuy.market.country = "US"; 2512 2513 2514 window.Rebuy.market.locale = "en"; 2515 2516</script>
2516 2517 2518 2519<link rel="preconnect" href="https://cdn.rebuyengine.com"> 2520 <link rel="preconnect" href="https://rebuyengine.com" crossorigin> 2521 <link rel="preconnect" href="https://cached.rebuyengine.com" crossorigin> 2522
2522<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=zoefull.myshopify.com"></script>
2522 2523 2524 2525<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538
2538<script async src="https://static.klaviyo.com/onsite/js/XWgLdP/klaviyo.js?company_id=XWgLdP"></script>
2538 2539
2539<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2539 2540 2541 2542 2543 2544 2545 2546
2546<script> 2547 window.klaviyoReviewsProductDesignMode = false 2548 </script>
2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558<!-- END app block --><!-- BEGIN app block: shopify://apps/aimerce-first-party-pixel/blocks/c-track-embed/51cbda5a-dbfc-4e7b-8d12-c9e90363dcd7 --><!-- END app block -->
2558<script src="https://cdn.shopify.com/extensions/01a10bcd-76d6-77a9-a6c5-9affedc137d4/gdpr-backpack-907/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2558
2558
2559<script src="https://cdn.shopify.com/extensions/01a0f039-5f02-72aa-9621-fb7a06d5fa1e/df574a3/assets/embed.js" type="text/javascript" defer="defer"></script>
2559 2560<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2561<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: 75156357428,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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 2561
2561
2562<script> 2563 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2564</script>
vendor: 1 bytes, line 2564
2564
2565<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}
2565).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: 75156357428,storefrontBaseUrl: "https://zoefull.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://zoefull.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1167950132","configuration":"{\"projectId\":\"w8yqwsagvb\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
2565,"dataSharingState":"unrestricted"},{"id":"1158250804","configuration":"{\"accountID\":\"XWgLdP\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1123320116","configuration":"{\"accountID\":\"478671\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6beb2e80c5918031073c477e306feacf","type":"APP","apiClientId":219313,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1045233972","configuration":"{\"campaignID\":\"45524\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/d12c3f537c9433a05e75c7a89dc67fad\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1026195764","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\",\\\"GT-WF3BQS6T\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/CeD9CKu1v7IbEPyJq9Iq\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/loOFCLe1v7IbEPyJq9Iq\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-EY9N23X6HL\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/9cDQCLS1v7IbEPyJq9Iq\\\",\\\"MC-02465TQXDD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-EY9N23X6HL\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/d6FDCKi1v7IbEPyJq9Iq\\\",\\\"MC-02465TQXDD\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/fIS7CLG1v7IbEPyJq9Iq\\\",\\\"MC-02465TQXDD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-EY9N23X6HL\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/qksDCLq1v7IbEPyJq9Iq\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-EY9N23X6HL\\\",\\\"AW-11446961404\\\/32XACK61v7IbEPyJq9Iq\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-EY9N23X6HL\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"848462132","configuration":"{\"accountID\":\"zoefull.myshopify.com\",\"devRefreshedAt\":\"2025-04-12T18:01:38.580Z\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bcc23a17366556cd2d14935efb84046d","type":"APP","apiClientId":91904704513,"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":"848396596","configuration":"{\"subdomain\":\"zoefull\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"42cd9b1f0fb7c1cae5cd21175cef6782","type":"APP","apiClientId":1615517,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"280068404","configuration":"{\"shopId\":\"107401\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2565,"dataSharingState":"unrestricted"},{"id":"219906356","configuration":"{\"tagID\":\"2613783583703\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":[]},"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":"Zoefull","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"zoefull.myshopify.com","countryCode":"CY","storefrontUrl":"https:\/\/zoefull.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9292613452084","handle":"wild-olive-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48965464949044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8235807179060","handle":"super-polyphenols","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44898983772468","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8235800690996","handle":"essential-omega-3s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44898941337908","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9333534720308","handle":"complete-daily-multivitamin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49125351489844","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8235806916916","handle":"gut-health-complex","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44898982723892","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9333534490932","handle":"deep-sleep-formula","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49125351391540","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9333534654772","handle":"turmeric-active","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49125351457076","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9333534589236","handle":"vitamin-d3-k2-liquid-sunshine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49125351424308","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9301590999348","handle":"polyphenols","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48985818136884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9320973238580","handle":"content-of-the-box","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49059167142196","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://zoefull.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"168355201332","themePublished":"true","eventMetadataId":"05d7114e-770c-477e-a9e1-2e16407e2d98","pageType":"collection","resourceId":"446087332148","shopId":"75156357428","storefrontBaseUrl":"https:\/\/zoefull.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\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"446087332148\",\"title\":\"Shop All Products\",\"productVariants\":[{\"price\":{\"amount\":149.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wild Olive Oil\",\"vendor\":\"Zoefull\",\"id\":\"9292613452084\",\"untranslatedTitle\":\"Wild Olive Oil\",\"url\":\"\/products\/wild-olive-oil\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"48965464949044\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\"},\"sku\":\"ZF-BND-WOO1\",\"title\":\"1 Bottle\",\"untranslatedTitle\":\"1 Bottle\"},{\"price\":{\"amount\":45.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Super Polyphenols\",\"vendor\":\"Zoefull\",\"id\":\"8235807179060\",\"untranslatedTitle\":\"Super Polyphenols\",\"url\":\"\/products\/super-polyphenols\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"44898983772468\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Super_Polyphenols_60_Capsules_G.webp?v=1784024307\"},\"sku\":\"ZF-3\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":39.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Essential Omega-3\",\"vendor\":\"Zoefull\",\"id\":\"8235800690996\",\"untranslatedTitle\":\"Essential Omega-3\",\"url\":\"\/products\/essential-omega-3s\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"44898941337908\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Omega3_60_Softgels_G.webp?v=1784025469\"},\"sku\":\"ZF-1\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":45.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Complete Daily Multivitamin\",\"vendor\":\"Zoefull\",\"id\":\"9333534720308\",\"untranslatedTitle\":\"Complete Daily Multivitamin\",\"url\":\"\/products\/complete-daily-multivitamin\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"49125351489844\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Complete_Daily_Multivitamin_60_Tablets_G.webp?v=1784024852\"},\"sku\":\"ZF-10\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Thriving Gut\",\"vendor\":\"Zoefull\",\"id\":\"8235806916916\",\"untranslatedTitle\":\"Thriving Gut\",\"url\":\"\/products\/gut-health-complex\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"44898982723892\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Thriving_Gut_60_Capsules_G.webp?v=1784024945\"},\"sku\":\"ZF-4\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":55.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Deep Sleep Formula\",\"vendor\":\"Zoefull\",\"id\":\"9333534490932\",\"untranslatedTitle\":\"Deep Sleep Formula\",\"url\":\"\/products\/deep-sleep-formula\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"49125351391540\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Deep_Sleep_Formula_60_Capsules_G.webp?v=1784025026\"},\"sku\":\"ZF-13\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":40.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Turmeric Active\",\"vendor\":\"Zoefull\",\"id\":\"9333534654772\",\"untranslatedTitle\":\"Turmeric Active\",\"url\":\"\/products\/turmeric-active\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"49125351457076\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Turmeric_Active_60_Capsules_G.webp?v=1784025131\"},\"sku\":\"ZF-12\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":40.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Vitamin D3 K2 Liquid Sunshine\",\"vendor\":\"Zoefull\",\"id\":\"9333534589236\",\"untranslatedTitle\":\"Vitamin D3 K2 Liquid Sunshine\",\"url\":\"\/products\/vitamin-d3-k2-liquid-sunshine\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"49125351424308\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_30_Servings_G.webp?v=1784025339\"},\"sku\":\"ZF-11\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":194.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Polyphenols+\",\"vendor\":\"Zoefull\",\"id\":\"9301590999348\",\"untranslatedTitle\":\"Polyphenols+\",\"url\":\"\/products\/polyphenols\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"48985818136884\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Polyphenol_Plus_Bundle_G.webp?v=1784025577\"},\"sku\":\"ZF-BND-PP\",\"title\":\"Default Variant\",\"untranslatedTitle\":\"Default Variant\"},{\"price\":{\"amount\":149.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Wild Olive Oil Bottle\",\"vendor\":\"Zoefull\",\"id\":\"9320973238580\",\"untranslatedTitle\":\"Wild Olive Oil Bottle\",\"url\":\"\/products\/content-of-the-box\",\"type\":\"Vitamins \u0026 Supplements\"},\"id\":\"49059167142196\",\"image\":{\"src\":\"\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_1_5x_1c6447aa-20e8-4315-b2e4-b5cc878e5508.webp?v=1779794265\"},\"sku\":\"ZF-7\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
2565<script> 2566 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2567 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2568 window.ShopifyAnalytics.meta.currency = 'USD'; 2569 var meta = {"products":[{"id":9292613452084,"gid":"gid:\/\/shopify\/Product\/9292613452084","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"wild-olive-oil","variants":[{"id":48965464949044,"price":14900,"name":"Wild Olive Oil - 1 Bottle","public_title":"1 Bottle","sku":"ZF-BND-WOO1"},{"id":48965464981812,"price":29800,"name":"Wild Olive Oil - 2 Bottles","public_title":"2 Bottles","sku":"ZF-BND-WOO2"},{"id":48965465014580,"price":44700,"name":"Wild Olive Oil - 3 Bottles","public_title":"3 Bottles","sku":"ZF-BND-WOO3"},{"id":48965465047348,"price":89400,"name":"Wild Olive Oil - 6 Bottles","public_title":"6 Bottles","sku":"ZF-BND-WOO6"},{"id":48965465080116,"price":178800,"name":"Wild Olive Oil - 12 Bottles","public_title":"12 Bottles","sku":"ZF-BND-WOO12"}],"remote":false},{"id":8235807179060,"gid":"gid:\/\/shopify\/Product\/8235807179060","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"super-polyphenols","variants":[{"id":44898983772468,"price":4500,"n
2569ame":"Super Polyphenols","public_title":null,"sku":"ZF-3"}],"remote":false},{"id":8235800690996,"gid":"gid:\/\/shopify\/Product\/8235800690996","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"essential-omega-3s","variants":[{"id":44898941337908,"price":3900,"name":"Essential Omega-3","public_title":null,"sku":"ZF-1"}],"remote":false},{"id":9333534720308,"gid":"gid:\/\/shopify\/Product\/9333534720308","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"complete-daily-multivitamin","variants":[{"id":49125351489844,"price":4500,"name":"Complete Daily Multivitamin","public_title":null,"sku":"ZF-10"}],"remote":false},{"id":8235806916916,"gid":"gid:\/\/shopify\/Product\/8235806916916","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"gut-health-complex","variants":[{"id":44898982723892,"price":4900,"name":"Thriving Gut","public_title":null,"sku":"ZF-4"}],"remote":false},{"id":9333534490932,"gid":"gid:\/\/shopify\/Product\/9333534490932","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"deep-sleep-formula","variants":[{"id":49125351391540,"price":5500,"name":"Deep Sleep Formula","public_title":null,"sku":"ZF-13"}],"remote":false},{"id":9333534654772,"gid":"gid:\/\/shopify\/Product\/9333534654772","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"turmeric-active","variants":[{"id":49125351457076,"price":4000,"name":"Turmeric Active","public_title":null,"sku":"ZF-12"}],"remote":false},{"id":9333534589236,"gid":"gid:\/\/shopify\/Product\/9333534589236","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"vitamin-d3-k2-liquid-sunshine","variants":[{"id":49125351424308,"price":4000,"name":"Vitamin D3 K2 Liquid Sunshine","public_title":null,"sku":"ZF-11"}],"remote":false},{"id":9301590999348,"gid":"gid:\/\/shopify\/Product\/9301590999348","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"polyphenols","variants":[{"id":48985818136884,"price":19400,"name":"Polyphenols+ - Default Variant","public_title":"Default Variant","sku":"ZF-BND-PP"}],"remote":false},{"id":9320973238580,"gid":"gid:\/\/shopify\/Product\/9320973238580","vendor":"Zoefull","type":"Vitamins \u0026 Supplements","handle":"content-of-the-box","variants":[{"id":49059167142196,"price":14900,"name":"Wild Olive Oil Bottle","public_title":null,"sku":"ZF-7"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":446087332148,"requestId":"a4ddaf11-8380-435f-95a2-767cecb53e2c-1791237444"}}; 2570 for (var attr in meta) { 2571 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2572 } 2573</script>
vendor: 1 bytes, line 2573
2573
2574<script class="analytics"> 2575 (function () { 2576 var customDocumentWrite = function(content) { 2577 var jquery = null; 2578 2579 if (window.jQuery) { 2580 jquery = window.jQuery; 2581 } else if (window.Checkout && window.Checkout.$) { 2582 jquery = window.Checkout.$; 2583 } 2584 2585 if (jquery) { 2586 jquery('body').append(content); 2587 } 2588 }; 2589 2590 var hasLoggedConversion = function(token) { 2591 if (token) { 2592 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2593 } 2594 return false; 2595 } 2596 2597 var setCookieIfConversion = function(token) { 2598 if (token) { 2599 var twoMonthsFromNow = new Date(Date.now()); 2600 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2601 2602 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2603 } 2604 } 2605 2606 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2607 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2608 if (trekkie.integrations) { 2609 return; 2610 } 2611 trekkie.methods = [ 2612 'identify', 2613 'page', 2614 'ready', 2615 'track', 2616 'trackForm', 2617 'trackLink' 2618 ]; 2619 trekkie.factory = function(method) { 2620 return function() { 2621 var args = Array.prototype.slice.call(arguments); 2622 args.unshift(method); 2623 trekkie.push(args); 2624 if (method == 'track' || method == 'page') { 2625 var pageUrl; 2626 try { 2627 pageUrl = window.location.href; 2628 } catch (e) {} 2629 var pageReferrer; 2630 try { 2631 pageReferrer = document.referrer; 2632 } catch (e) {} 2633 try { 2634 if (window.__TREKKIE_SHIM_QUEUE == null) { 2635 window.__TREKKIE_SHIM_QUEUE = []; 2636 } 2637 window.__TREKKIE_SHIM_QUEUE.push({ 2638 from: 'trekkie-stub', 2639 method: method, 2640 args: args.slice(1), 2641 pageContext: { 2642 url: pageUrl, 2643 referrer: pageReferrer 2644 } 2645 }); 2646 } catch (e) { 2647 // no-op 2648 } 2649 } 2650 return trekkie; 2651 }; 2652 }; 2653 for (var i = 0; i < trekkie.methods.length; i++) { 2654 var key = trekkie.methods[i]; 2655 trekkie[key] = trekkie.factory(key); 2656 } 2657 trekkie.load = function(config) { 2658 trekkie.config = config || {}; 2659 trekkie.config.initialDocumentCookie = document.cookie; 2660 var first = document.getElementsByTagName('script')[0]; 2661var script = document.createElement('script'); 2662script.type = 'text/javascript'; 2663script.onerror = function(e) { 2664 var scriptFallback = document.createElement('script'); 2665 scriptFallback.type = 'text/javascript'; 2666 scriptFallback.onerror = function(error) { 2667 var Monorail = { 2668 produce: function produce(monorailDomain, schemaId, payload) { 2669 var currentMs = new Date().getTime(); 2670 var event = { 2671 schema_id: schemaId, 2672 payload: payload, 2673 metadata: { 2674 event_created_at_ms: currentMs, 2675 event_sent_at_ms: currentMs 2676 } 2677 }; 2678 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2679 }, 2680 sendRequest: function sendRequest(endpointUrl, payload) { 2681 // Try the sendBeacon API 2682 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2683 var blobData = new window.Blob([payload], { 2684 type: 'text/plain' 2685 }); 2686 2687 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2688 return true; 2689 } // sendBeacon was not successful 2690 2691 } // XHR beacon 2692 2693 var xhr = new XMLHttpRequest(); 2694 2695 try { 2696 xhr.open('POST', endpointUrl); 2697 xhr.setRequestHeader('Content-Type', 'text/plain'); 2698 xhr.send(payload); 2699 } catch (e) { 2700 console.log(e); 2701 } 2702 2703 return false; 2704 }, 2705 isIos12: function isIos12() { 2706 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2707 } 2708 }; 2709 Monorail.produce('monorail-edge.shopifysvc.com', 2710 'trekkie_storefront_load_errors/1.1', 2711 {shop_id: 75156357428, 2712 theme_id: 168355201332, 2713 app_name: "storefront", 2714 context_url: window.location.href, 2715 source_url: "//zoefull.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2716 2717 }; 2718 scriptFallback.async = true; 2719 scriptFallback.src = '//zoefull.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2720 first.parentNode.insertBefore(scriptFallback, first); 2721}; 2722script.async = true; 2723script.src = '//zoefull.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2724first.parentNode.insertBefore(script, first); 2725 2726 }; 2727 trekkie.load( 2728 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75156357428,"isMerchantRequest":null,"themeId":168355201332,"themeCityHash":"5445958640556275273","contentLanguage":"en","currency":"USD","eventMetadataId":"05d7114e-770c-477e-a9e1-2e16407e2d98"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2729 ); 2730 2731 var loaded = false;
2732 trekkie.ready(function() { 2733 if (loaded) return; 2734 loaded = true; 2735 2736 window.ShopifyAnalytics.lib = window.trekkie; 2737 2738 var originalDocumentWrite = document.write; 2739 document.write = customDocumentWrite; 2740 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2741 document.write = originalDocumentWrite; 2742 2743 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2744 var token = match? match[1]: undefined; 2745 if (!hasLoggedConversion(token)) { 2746 setCookieIfConversion(token); 2747 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: shop-all-products","collectionName":"shop-all-products","collectionId":446087332148,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 2748 } 2749 }); 2750 2751 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":446087332148,"requestId":"a4ddaf11-8380-435f-95a2-767cecb53e2c-1791237444","shopifyEmitted":true}); 2752 2753 var eventsListenerScript = document.createElement('script'); 2754 eventsListenerScript.async = true; 2755 eventsListenerScript.src = "//zoefull.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2756 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2757})();</script>
vendor: 1 bytes, line 2757
2757
2758<script 2759 defer 2760 src="https://zoefull.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2761 data-application="storefront-renderer" 2762 data-shop-id="75156357428" 2763 data-render-region="gcp-us-central1" 2764 data-page-type="collection" 2765 data-theme-instance-id="168355201332" 2766 data-theme-name="Horizon" 2767 data-theme-version="3.2.1" 2768 data-monorail-region="shop_domain" 2769 data-resource-timing-sampling-rate="10" 2770 data-shs="true" 2771 data-shs-beacon="true" 2772 data-shs-export-with-fetch="true" 2773 data-shs-logs-sample-rate="1" 2774 data-shs-beacon-endpoint="https://zoefull.com/api/collect" 2775></script>
2775 2776<meta name="shopify-y" content="888ac7a4-b1b8-4b40-a3dd-97834449f6e6" data-expiration="1822795044000"><meta name="shopify-s" content="d1a1e77f-3ddd-48fb-bc0a-2e64045d4c2a" data-expiration="1791239244000"><meta name="new-cookie-storage-activated" content="t"> 2777</head> 2778 2779 <body class="page-width-narrow card-hover-effect-none"> 2780 <a 2781 class="skip-to-content-link button-secondary" 2782 href="#MainContent" 2783> 2784 Skip to content 2785</a> 2786 2787 <div id="header-group"> 2788 <!-- BEGIN sections: header-group --> 2789<div id="shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE" class="shopify-section shopify-section-group-header-group section-announcement x-section otsb__root otsb-section-announcement"> 2790 2791 2792<div class="otsb_nope" x-data="otsb_script_1"> 2793 2794<style data-shopify>#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .width-content-notb{min-width: 300px;padding: 5px 34px;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb-btn__text-link:hover{border: 0;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb-btn__text-link{padding: 5px;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb-btn__text-link.otsb-btn__sliced .otsb-button-text{transform: translateX(0px);}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .fake-prev-btn,#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .fake-next-btn{padding: 10px;color: #1c1c1a;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb_trademark_root{user-select:none;color:#999;font-size:.75em;text-align:right;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb_trademark_root a{color:#999;background:none;text-decoration: none;}.down ~ .otsb-section-announcement #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE, .shopify-section-header-hidden ~ .otsb-section-announcement #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE{top: 0!important;}.otsb-section-announcement ~ .shopify-section-header-hidden{display: none;}header.up{position:sticky;z-index: 9;opacity: 1;}#x-announcement-bar .arrow{background: transparent;border: 0;box-shadow: none;color: #1c1c1a;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .button{min-width: auto;min-height: auto;}.shopify-section-header-hidden #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE{position: fixed;width: 100%;top: 0;}.shopify-section-header-sticky ~ #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE.section-announcement{position: sticky;top: 0;left: 0;z-index: 9999;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .country-options, #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .locale-options{background: #00ff66;right: 0;left: auto;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .social-list a{width: 16px;height: 16px;padding: 0;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .social-list{gap: 1rem;padding-right: 0;margin-right: 0;border-right: 0;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .link-list{padding-right: 10px;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE{background: #00ff66;--colors-text-link: 28,28,26;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .hover-text-link:hover, #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .announcement-bar_text a:hover, #otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE announcement-bar_text:hover{color: rgb(var(--colors-text-link));border-color: rgb(var(--colors-text-link));}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .announcement-bar_text{color: #1c1c1a;--colors-line-and-border: 28,28,26;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE #selector-social{flex-direction: row-reverse;gap: 15px;}#otsb-x-announcement-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .toolbar-align-left .social-list{padding-left: 0;margin-left: 0;margin-right: 20px;border-left: 0;}#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .otsb__root a.otsb-btn__solid:hover{background-color: rgb(var(--colors-button-hover, var(--color-button)));color: rgb(var(--colors-button-text-hover, var(--color-button-text)));}@media screen and (min-width: 768px){#shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE .width-content-notb{padding: 5px 75px;}}</style> 2795
2796<script src="//zoefull.com/cdn/shop/t/128/assets/otsb-announcement-bar.min.js?v=179243232142692058151786530322" defer></script>
2796 2797 2798</div>
2799<script src="//zoefull.com/cdn/shop/t/128/assets/otsb-announcement-bar-btnnav.min.js?v=132143803011411440141786530322" defer></script>
2799 2800 2801<style> #shopify-section-sections--22820399415604__otsb_announcement_bar_3_nNDpFE p {font-weight: 700; letter-spacing: 1px;} </style></div><header id="shopify-section-sections--22820399415604__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2802 2803 2804
2805<script type="application/ld+json"> 2806 { 2807 "@context": "http://schema.org", 2808 "@type": "Organization", 2809 "name": "Zoefull", 2810 2811 "logo": "https:\/\/zoefull.com\/cdn\/shop\/files\/Union_2.svg?v=1775816661\u0026width=500", 2812 2813 "url": "https:\/\/zoefull.com" 2814 } 2815</script>
2815 2816 2817<header-component 2818 id="header-component" 2819 class="header color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 header--compact header--hover-color-enabled" 2820 data-theme-color="rgb(255 255 255)" 2821 2822 transparent="not-sticky" 2823 2824 2825 sticky="scroll-up" 2826 2827 data-skip-node-update 2828 data-scroll-direction="none" 2829 style=" 2830 --header-padding-top: 12px; 2831 --header-padding-bottom: 12px; 2832 --header-padding-left: 0px; 2833 --header-padding-right: 0px; 2834 --header-padding-top-mobile: 8px; 2835 --header-padding-bottom-mobile: 8px; 2836 --header-padding-left-mobile: 0px; 2837 --header-padding-right-mobile: 0px; 2838 2839 --header-padding-top: 18px; 2840 --header-padding-bottom: 18px; 2841 --header-padding-left: 12px; 2842 --header-padding-right: 0px; 2843 --header-padding-top-mobile: 6px; 2844 --mobile-padding-block-start:6px; 2845 --mobile-padding-block-end:6px; 2846 --header-padding-bottom-mobile: 6px; 2847 --header-padding-left-mobile: 0px; 2848 --header-padding-right-mobile: 0px; 2849 2850 --logo-menu-gap: 30px; 2851 --logo-menu-gap-mobile: 12px; 2852 --columns-gap: 15px; 2853 2854 --header-hover-bg: #ffffff; 2855 --header-hover-fg: ; 2856 --header-hover-fg-rgb: ; 2857 --header-hover-border: #1c1c1a21; 2858 2859 " 2860> 2861 2862 2863 2864 2865 2866 2867 <div 2868 class="header__row header__row--top color-scheme-f50a3673-833a-441d-b449-2856731e914a section section--full-width-margin section--page-width" 2869 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 2870 <div class="header__columns spacing-style"> 2871 <div 2872 class="header__column header__column--left" 2873 data-testid="header-top-left" 2874 > 2875 2876 2877 2878 2879 2880 2881<a 2882 2883 href="/" 2884 aria-label="Zoefull" 2885 class="size-style spacing-style header-logo" 2886 style=" 2887 --size-style-width: ;--size-style-height: ;--size-style-width-mobile: ; --size-style-width-mobile-min: ; 2888 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 12px;--padding-inline-end: 0px; 2889 --font-family: var(--font-body--family); 2890 --font-style: var(--font-body--style); 2891 --font-weight: 600; 2892 " 2893 2894> 2895 2896 2897 <span 2898 class="header-logo__image-container header-logo__image-container--original" 2899 data-testid="header-logo" 2900 > 2901 2902 2903 2904 2905 2906 2907 2908 <img src="//zoefull.com/cdn/shop/files/Union_2.svg?height=35&v=1775816661" alt="" width="132" height="35" loading="lazy" class="header-logo__image" srcset="//zoefull.com/cdn/shop/files/Union_2.svg?height=35&v=1775816661 1x" style=" 2909 2910 --header-logo-image-width: 132px;--header-logo-image-width-mobile: 110px; --header-logo-image-height: 35px; --header-logo-image-height-mobile: 29px; 2911 " onload=""> 2912 2913 2914 2915 </span> 2916 2917 2918 <span 2919 class="header-logo__image-container header-logo__image-container--inverse" 2920 data-testid="header-logo-inverse" 2921 > 2922 2923 2924 2925 2926 2927 2928 2929 <img src="//zoefull.com/cdn/shop/files/Union_1.svg?height=35&v=1773899602" alt="" width="133" height="35" loading="lazy" class="header-logo__image" srcset="//zoefull.com/cdn/shop/files/Union_1.svg?height=35&v=1773899602 1x" style=" 2930 2931 --header-logo-image-width: 133px;--header-logo-image-width-mobile: 110px; --header-logo-image-height: 35px; --header-logo-image-height-mobile: 29px; 2932 " onload=""> 2933 2934 2935 2936 </span> 2937 2938</a> 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 <header-menu 2957 ref="headerMenu" 2958 class="header-menu mobile:hidden" 2959 data-animation-delay="200" 2960 2961 style="--submenu-animation-speed: 200ms; --menu-margin-left: 44px;" 2962 > 2963 <div class="header-menu__inner"> 2964 <nav header-menu> 2965 <div 2966 class="menu-list" 2967 style=" 2968 --menu-top-level-font-family: var(--font-body--family); 2969--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; 2970 2971 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2972 var(--menu-font-sm--line-height); 2973 2974--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2975 2976 --menu-item-padding-x: 21px; 2977 --menu-item-padding-y: 8px; 2978 --menu-extra-gap: 0px; 2979 " 2980 > 2981 2982 <overflow-list 2983 2984 ref="overflowMenu" 2985 2986 2987 class="overflow-menu color-scheme-matches-parent" 2988 2989 2990 minimum-items="2" 2991 2992 2993 data-testid="header-menu-overflow-list" 2994 2995 2996 data-skip-node-update 2997 2998> 2999 <template shadowrootmode="open"> 3000 <link href="//zoefull.com/cdn/shop/t/128/assets/overflow-list.css?v=65666801023547872151786530322" rel="stylesheet" type="text/css" media="all" /> 3001 3002 <ul part="list"> 3003 <slot></slot> 3004 <slot 3005 name="more" 3006 part="more" 3007 hidden 3008 3009 > 3010 <li 3011 part="more" 3012 > 3013 <button 3014 class="button" 3015 type="button" 3016 tabindex="0" 3017 > 3018 More 3019 </button> 3020 </li> 3021 </slot> 3022 <li 3023 part="placeholder" 3024 hidden 3025 ></li> 3026 </ul> 3027 3028 <div part="overflow"> 3029 <ul part="overflow-list"> 3030 <slot name="overflow"></slot> 3031 </ul> 3032 </div> 3033 </template> 3034 3035 3036 3037 3038 <li 3039 role="presentation" 3040 class="menu-list__list-item" 3041 on:focus="/activate" 3042 on:blur="/deactivate"
3043 on:pointerenter="/activate" 3044 on:pointerleave="/deactivate" 3045 > 3046 <a 3047 href="/collections/shop-all-products" 3048 data-skip-node-update="true" 3049 class="menu-list__link menu-list__link--active"aria-controls="submenu-1" 3050 aria-haspopup="true" 3051 aria-expanded="false"ref="menuitem" 3052 > 3053 <span class="menu-list__link-title hover:underline">Shop</span><span class="-mb-1 ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10" fill="none"> <path d="M0.560791 2.71072L5.11793 7.27143L9.67865 2.71072" stroke="CurrentColor" stroke-width="1.42857"/></svg></span></a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 3054 <div 3055 id="submenu-1" 3056 class="menu-list__submenu-inner" 3057 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 3058var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 3059none; 3060 3061 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 3062 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 3063 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 3064 3065--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 3066var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 3067none; 3068 3069 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 3070 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 3071 var(--opacity-subdued-text)); 3072 3073" 3074 > 3075 3076 <div class="mega-menu section section--full-width-margin section--page-width"> 3077 <div 3078 class="mega-menu__grid" 3079 data-menu-grid-id="MegaMenuList-1" 3080 > 3081 3082 3083 <div 3084 class="mega-menu-custom mt-3" 3085 data-menu-list-id="MegaMenuList-1" 3086 data-mega-menu-theme="MegaMenuList-1" 3087 > 3088 3089 3090<style data-shopify> 3091 [data-mega-menu-theme="MegaMenuList-1"] { 3092 3093 --mm-card-bg: #e4e4e5; 3094 3095 3096 3097 --mm-card-radius: 22px; 3098 3099 3100 --mm-card-min-height: 200px; 3101 3102 3103 --mm-card-padding: 20px; 3104 3105 3106 --mm-title-weight: 600; 3107 3108 3109 --mm-tag-font-size: 12px; 3110 3111 3112 --mm-tag-font-weight: 400; 3113 3114 3115 --mm-tag-radius: 20px; 3116 3117 3118 --mm-tag-sale-bg: #00ff66; 3119 3120 3121 --mm-tag-sale-fg: #00178f; 3122 3123 3124 --mm-tag-new-bg: #4dffff; 3125 3126 3127 --mm-tag-new-fg: #00178f; 3128 3129 3130 --mm-tag-sold-bg: #e54848; 3131 3132 3133 --mm-tag-sold-fg: #ffffff; 3134 3135 3136 --mm-tag-bundle-bg: #00ff66; 3137 3138 3139 --mm-tag-bundle-fg: #00178f; 3140 3141 3142 --mm-tag-bestseller-bg: #4dffff; 3143 3144 3145 --mm-tag-bestseller-fg: #00178f; 3146 3147 3148 3149 3150 --mm-btn-font-size: 14px; 3151 3152 3153 --mm-btn-font-weight: 600; 3154 3155 3156 --mm-btn-radius: 0px; 3157 3158 3159 --mm-btn-pad-x: 16px; 3160 3161 3162 --mm-btn-pad-y: 10px; 3163 3164 } 3165</style> 3166 3167 3168 <div class="mega-menu-custom__grid base-grid flex justify-between gap-8 items-center"><div class="mega-menu-custom__links-container flex gap-4 py-4 flex-[0_0_30%]"><div class="mega-menu-custom__link-column pr-4"> 3169 <div class="mega-menu-custom__column-content h-full"> 3170 <div class=" flex flex-col h-full"> 3171 3172 <span 3173 class=" 3174 mega-menu-custom__column-badge mega-menu-custom__column-badge text-16 inline-flex justify-start items-center overflow-hidden w-fit font-bold capitalize 3175 leading-6 3176 tracking-wide 3177 " 3178 >PRODUCTS</span> 3179 3180 3181 <ul class="mega-menu-custom__link-list list-unstyled flex flex-col gap-3 max-w-[210px] whitespace-normal"> 3182 3183 <li> 3184 <a href="/products/wild-olive-oil" class="mega-menu-custom__link font-medium hover:underline text-16">Wild Olive Oil</a> 3185 </li> 3186 3187 <li> 3188 <a href="/products/essential-omega-3s" class="mega-menu-custom__link font-medium hover:underline text-16">Essential Omega-3</a> 3189 </li> 3190 3191 <li> 3192 <a href="/products/complete-daily-multivitamin" class="mega-menu-custom__link font-medium hover:underline text-16">Complete Daily Multivitamin (NEW)</a> 3193 </li> 3194 3195 <li> 3196 <a href="/products/super-polyphenols" class="mega-menu-custom__link font-medium hover:underline text-16">Super Polyphenols</a> 3197 </li> 3198 3199 <li> 3200 <a href="/products/deep-sleep-formula" class="mega-menu-custom__link font-medium hover:underline text-16">Deep Sleep Formula (NEW)</a> 3201 </li> 3202 3203 <li> 3204 <a href="/products/gut-health-complex" class="mega-menu-custom__link font-medium hover:underline text-16">Thriving Gut</a> 3205 </li> 3206 3207 </ul> 3208 3209 3210 <a 3211 href="/collections/shop-all-products" 3212 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline inline-flex items-center gap-1 pt-4 mt-auto uppercase w-fit" 3213 >SHOP ALL PRODUCTS 3214 <svg 3215 xmlns="http://www.w3.org/2000/svg" 3216 width="15" 3217 height="15"
3218 viewBox="0 0 24 24" 3219 fill="none" 3220 stroke="currentColor" 3221 stroke-width="2" 3222 stroke-linecap="round" 3223 stroke-linejoin="round" 3224 > 3225 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3226 </svg> 3227 </a> 3228 3229 </div> 3230 </div> 3231 </div><div class="mega-menu-custom__link-column"> 3232 <div class="mega-menu-custom__column-content h-full"> 3233 <div class=" flex flex-col h-full"> 3234 3235 <span 3236 class=" 3237 mega-menu-custom__column-badge text-16 inline-flex justify-start items-center overflow-hidden w-fit font-bold capitalize 3238 leading-6 3239 tracking-wide 3240 " 3241 >BUNDLES</span> 3242 3243 3244 <ul class="mega-menu-custom__link-list list-unstyled flex flex-col gap-3"> 3245 3246 <li> 3247 <a 3248 href="/products/polyphenols" 3249 class="mega-menu-custom__link leading-none hover:underline text-16 font-medium" 3250 >Polyphenol+</a> 3251 </li> 3252 3253 <li> 3254 <a 3255 href="/products/wild-olive-oil" 3256 class="mega-menu-custom__link leading-none hover:underline text-16 font-medium" 3257 >Wild Olive Oil Pack</a> 3258 </li> 3259 3260 <li> 3261 <a 3262 href="/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" 3263 class="mega-menu-custom__link leading-none hover:underline text-16 font-medium" 3264 >Build Your Own Bundle</a> 3265 </li> 3266 3267 </ul> 3268 3269 3270 3271 <a 3272 href="/collections/bundles" 3273 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline inline-flex items-center gap-1 pt-4 mt-auto uppercase w-fit" 3274 >SHOP ALL BUNDLES 3275 <svg 3276 xmlns="http://www.w3.org/2000/svg" 3277 width="15" 3278 height="15"
3279 viewBox="0 0 24 24" 3280 fill="none" 3281 stroke="currentColor" 3282 stroke-width="2" 3283 stroke-linecap="round" 3284 stroke-linejoin="round" 3285 > 3286 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3287 </svg> 3288 </a> 3289 3290 </div> 3291 </div> 3292 </div> 3293 </div><div class="gap-6 base-grid flex items-start flex-[0_0_60%]"> 3294 3295 <div class="mega-menu-custom__product-card"> 3296 <a href="/products/wild-olive-oil" class="flex flex-col gap-5"> 3297 <div class="mega-menu-product-card__visual w-full relative flex items-end"> 3298 3299 <div class="mega-menu-product-tags mega-menu-product-tags--top-right"> 3300 3301 <span class="mega-menu-product-tag uppercase mega-menu-product-tag--preorder">PRE ORDER</span> 3302 3303 3304 3305 3306 3307 3308 </div> 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=600&v=1778073029" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=600&v=1778073029 1x, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=1200&v=1778073029 2x" style=" 3320 3321 3322 " onload="this.style.background='transparent';"> 3323 3324 3325 3326 3327 </div> 3328 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title text-[calc(var(--font-paragraph--size)+2px)] mt-2 whitespace-normal"> 3329 Wild Olive Oil 3330 </h5> 3331 </div> 3332 </a> 3333 </div><div class="mega-menu-custom__product-card"> 3334 <a href="/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" class="flex flex-col gap-5" aria-label="Build Your Own Bundle"><div class="mega-menu-product-card__visual mega-menu-product-card__visual--slot2 w-full relative overflow-hidden"> 3335 3336 3337 3338 3339 3340 3341 3342 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Bundle_Card_M_3.png?height=600&v=1783961804" alt="" width="600" height="600" loading="lazy" class="w-full h-full object-cover" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Bundle_Card_M_3.png?height=600&v=1783961804 1x" style=" 3343 3344 3345 " onload="this.style.background='transparent';"> 3346 3347 3348 3349 </div> 3350 <div class="mega-menu-custom__product-info text-center"> 3351 3352 3353 <h5 class="mega-menu-product-card__title text-[calc(var(--font-paragraph--size)+2px)] mt-2 whitespace-normal"> 3354 Build Your Own Bundle 3355 </h5> 3356 3357 </div></a> 3358 </div> 3359 <div class="mega-menu-custom__product-card"> 3360 <a href="/products/essential-omega-3s" class="flex flex-col gap-5"> 3361 <div class="mega-menu-product-card__visual w-full relative flex items-end"> 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 <img src="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=600&v=1778073028" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=600&v=1778073028 1x, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=1200&v=1778073028 2x" style=" 3373 3374 3375 " onload="this.style.background='transparent';"> 3376 3377 3378 3379 3380 </div> 3381 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title text-[calc(var(--font-paragraph--size)+2px)] mt-2 whitespace-normal"> 3382 Essential Omega-3 3383 </h5> 3384 </div> 3385 </a> 3386 </div> 3387 <div class="mega-menu-custom__product-card"> 3388 <a href="/products/vitamin-d3-k2-liquid-sunshine" class="flex flex-col gap-5"> 3389 <div class="mega-menu-product-card__visual w-full relative flex items-end"> 3390 3391 <div class="mega-menu-product-tags mega-menu-product-tags--top-right"> 3392 3393 3394
3395 <span class="mega-menu-product-tag uppercase mega-menu-product-tag--new">NEW</span> 3396 3397 3398 3399 3400 </div> 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 <img src="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=600&v=1778073028" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=600&v=1778073028 1x, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=1200&v=1778073028 2x" style=" 3412 3413 3414 " onload="this.style.background='transparent';"> 3415 3416 3417 3418 3419 </div> 3420 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title text-[calc(var(--font-paragraph--size)+2px)] mt-2 whitespace-normal"> 3421 Vitamin D3 K2 Liquid Sunshine 3422 </h5> 3423 </div> 3424 </a> 3425 </div> 3426 3427 </div> 3428 </div> 3429 </div> 3430 3431 3432 3433 3434 </div> 3435 </div> 3436 </div> 3437 </div></li> 3438 3439 3440 <li 3441 role="presentation" 3442 class="menu-list__list-item" 3443 on:focus="/activate" 3444 on:blur="/deactivate" 3445 on:pointerenter="/activate" 3446 on:pointerleave="/deactivate" 3447 > 3448 <a 3449 href="/pages/our-story" 3450 data-skip-node-update="true" 3451 class="menu-list__link"ref="menuitem" 3452 > 3453 <span class="menu-list__link-title hover:underline">Our Story</span></a></li> 3454 3455 3456 <li 3457 role="presentation" 3458 class="menu-list__list-item" 3459 on:focus="/activate" 3460 on:blur="/deactivate" 3461 on:pointerenter="/activate" 3462 on:pointerleave="/deactivate" 3463 > 3464 <a 3465 href="/blogs/resources" 3466 data-skip-node-update="true" 3467 class="menu-list__link gap-1.5 "aria-controls="submenu-3" 3468 aria-haspopup="true" 3469 aria-expanded="false"ref="menuitem" 3470 > 3471 <span class="menu-list__link-title hover:underline">Learn</span><span class="-mb-1 ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10" fill="none"> <path d="M0.560791 2.71072L5.11793 7.27143L9.67865 2.71072" stroke="CurrentColor" stroke-width="1.42857"/></svg></span></a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 3472 <div 3473 id="submenu-3" 3474 class="menu-list__submenu-inner" 3475 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 3476var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 3477none; 3478 3479 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 3480 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 3481 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 3482 3483--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 3484var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 3485none; 3486 3487 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 3488 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 3489 var(--opacity-subdued-text)); 3490 3491" 3492 > 3493 <div class="mega-menu section section--full-width-margin section--page-width mt-3"> 3494 <ul class="menu-list__simple-submenu list-unstyled flex flex-col gap-3 py-4 whitespace-normal" role="list"><li> 3495 <a href="/blogs/resources" class="mega-menu-custom__link font-medium hover:underline text-16">Blog</a> 3496 </li><li> 3497 <a href="/pages/wild-by-nature" class="mega-menu-custom__link font-medium hover:underline text-16">Wild by Nature</a> 3498 </li></ul> 3499 </div> 3500 </div> 3501 </div></li> 3502 3503 <li 3504 class="menu-list__list-item" 3505 role="presentation" 3506 slot="more" 3507 on:focus="/activate" 3508 on:blur="/deactivate"
3509 on:pointerenter="/activate" 3510 on:pointerleave="/deactivate" 3511 > 3512 <button type="button" class="button menu-list__link button-unstyled"> 3513 <span class="menu-list__link-title">More</span> 3514 </button> 3515 </li> 3516 3517</overflow-list> 3518 3519 </div> 3520 </nav> 3521 </div> 3522 3523
3523<script 3524 src="//zoefull.com/cdn/shop/t/128/assets/header-menu.js?v=32392277473258403531786530322" 3525 type="module" 3526 fetchpriority="high" 3527 ></script>
3527 3528 </header-menu> 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 </div><div 3539 class="header__column header__column--right" 3540 data-testid="header-top-right" 3541 > 3542 3543 3544 3545 3546 3547 3548 <div 3549 class="header__drawer desktop:hidden" 3550 ref="headerDrawerContainer" 3551 3552 > 3553 3554
3555<script 3556 src="//zoefull.com/cdn/shop/t/128/assets/header-drawer.js?v=44357639294953783801786530322" 3557 type="module" 3558 fetchpriority="low" 3559></script>
3559 3560 3561<header-drawer 3562 class="header-drawer header__drawer--mobile" 3563> 3564 <details 3565 id="Details-menu-drawer-container" 3566 data-skip-node-update="true" 3567 class="menu-drawer-container" 3568 ref="details" 3569 scroll-lock 3570 > 3571 <summary 3572 class="header__icon header__icon--menu header-actions__action header__icon--summary" 3573 aria-label="Menu" 3574 on:click="/toggle" 3575 > 3576 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"> 3577 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3578 <path d="M4.5 7H12.5H20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 3579 <path d="M4.5 12H12.5H20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 3580 <path d="M4.5 17H12.5H20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 3581 </svg> 3582 </span> 3583 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"> 3584 <svg 3585 width="14" 3586 height="14"
3587 viewBox="0 0 14 14" 3588 fill="none" 3589 xmlns="http://www.w3.org/2000/svg" 3590 style=" height: 15px;" 3591 > 3592 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path> 3593 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path> 3594 </svg> 3595 </span> 3596 </summary> 3597 <div 3598 data-header-drawer 3599 class=" 3600 menu-drawer 3601 motion-reduce 3602 !shadow-none 3603 border-t border-border 3604 color-scheme-f50a3673-833a-441d-b449-2856731e914a 3605 " 3606 > 3607 <button 3608 class="button button-unstyled close-button menu-drawer__close-button" 3609 type="button" 3610 aria-label="Close" 3611 on:click="/close" 3612 > 3613 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3614 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3615 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3616</svg> 3617</span> 3618 </button> 3619 <nav 3620 class="menu-drawer__navigation" 3621 data-drawer-menu-theme="AeWU2d3FaMFc3WmpnS__header-menu-1" 3622 style="--menu-top-level-font-family: var(--font-body--family); 3623--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; 3624 3625 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 3626 var(--menu-font-2xl--line-height); 3627 3628--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3629 3630--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 3631var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 3632none; 3633 3634 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 3635 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 3636 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 3637 3638--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 3639var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 3640none; 3641 3642 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 3643 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 3644 var(--opacity-subdued-text)); 3645 3646 3647 " 3648 > 3649 3650 3651<style data-shopify> 3652 [data-drawer-menu-theme="AeWU2d3FaMFc3WmpnS__header-menu-1"] { 3653 3654 --mm-card-bg: #e4e4e5; 3655 3656 3657 3658 --mm-card-radius: 22px; 3659 3660 3661 --mm-card-min-height: 200px; 3662 3663 3664 --mm-card-padding: 20px; 3665 3666 3667 --mm-title-weight: 600; 3668 3669 3670 --mm-tag-font-size: 12px; 3671 3672 3673 --mm-tag-font-weight: 400; 3674 3675 3676 --mm-tag-radius: 20px; 3677 3678 3679 --mm-tag-sale-bg: #00ff66; 3680 3681 3682 --mm-tag-sale-fg: #00178f; 3683 3684 3685 --mm-tag-new-bg: #4dffff; 3686 3687 3688 --mm-tag-new-fg: #00178f; 3689 3690 3691 --mm-tag-sold-bg: #e54848; 3692 3693 3694 --mm-tag-sold-fg: #ffffff; 3695 3696 3697 --mm-tag-bundle-bg: #00ff66; 3698 3699 3700 --mm-tag-bundle-fg: #00178f; 3701 3702 3703 --mm-tag-bestseller-bg: #4dffff; 3704 3705 3706 --mm-tag-bestseller-fg: #00178f; 3707 3708 3709 3710 3711 --mm-btn-font-size: 14px; 3712 3713 3714 --mm-btn-font-weight: 600; 3715 3716 3717 --mm-btn-radius: 0px; 3718 3719 3720 --mm-btn-pad-x: 16px; 3721 3722 3723 --mm-btn-pad-y: 10px; 3724 3725 } 3726</style> 3727 3728 3729 <div 3730 class="menu-drawer__featured-content pb-1" 3731 style="--menu-drawer-animation-index: 4;" 3732 > 3733 <div class="menu-drawer__menu pt-4 pb-2"> 3734 <p class="text-[calc(var(--font-paragraph--size)+1px)] font-semibold capitalize tracking-wide leading-5"> 3735 MEDITERRANEAN FAVORITES 3736 </p> 3737 </div> 3738 <ul class="menu-drawer__featured-content-list menu-drawer__animated-element list-unstyled menu-drawer__menu pt-4 !gap-0"> 3739 3740 <div class="mega-menu-custom__product-card flex-[0_0_39%]"> 3741 <a href="/products/wild-olive-oil" class="flex flex-col gap-1.5"> 3742 <div class="mega-menu-product-card__visual w-full relative flex items-end mobile:max-w-[116px]"> 3743 3744 <div class="mega-menu-product-tags mega-menu-product-tags--top-right"> 3745
3746 <span class="mega-menu-product-tag uppercase mega-menu-product-tag--preorder">PRE ORDER</span> 3747 3748 3749 3750 3751 3752 3753 </div> 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=600&v=1778073029" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=600&v=1778073029 1x, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?height=1200&v=1778073029 2x" style=" 3765 3766 3767 " onload="this.style.background='transparent';"> 3768 3769 3770 3771 3772 </div> 3773 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title desktop:text-[calc(var(--font-paragraph--size)+2px)] mobile:text-[calc(var(--font-paragraph--size))] mt-1"> 3774 Wild Olive Oil 3775 </h5> 3776 </div> 3777 </a> 3778 </div><div class="mega-menu-custom__product-card flex-[0_0_39%]"> 3779 <a href="/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" class="flex flex-col gap-1.5" aria-label="Build Your Own Bundle"><div class="mega-menu-product-card__visual mega-menu-product-card__visual--slot2 w-full relative overflow-hidden mobile:max-w-[116px]"> 3780 3781 3782 3783 3784 3785 3786 3787 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Bundle_Card_M_3.png?height=600&v=1783961804" alt="" width="600" height="600" loading="lazy" class="w-full object-contain" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Bundle_Card_M_3.png?height=600&v=1783961804 1x" style=" 3788 3789 3790 " onload="this.style.background='transparent';"> 3791 3792 3793 3794 </div> 3795 <div class="mega-menu-custom__product-info text-center"> 3796 3797 3798 <h5 class="mega-menu-product-card__title desktop:text-[calc(var(--font-paragraph--size)+2px)] mobile:text-[calc(var(--font-paragraph--size))] mt-1"> 3799 Build Your Own Bundle 3800 </h5> 3801 3802 </div></a> 3803 </div> 3804 <div class="mega-menu-custom__product-card flex-[0_0_39%]"> 3805 <a href="/products/essential-omega-3s" class="flex flex-col gap-1.5"> 3806 <div class="mega-menu-product-card__visual w-full relative flex items-end mobile:max-w-[116px]"> 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 <img src="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=600&v=1778073028" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=600&v=1778073028 1x, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?height=1200&v=1778073028 2x" style=" 3818 3819 3820 " onload="this.style.background='transparent';"> 3821 3822 3823 3824 3825 </div> 3826 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title desktop:text-[calc(var(--font-paragraph--size)+2px)] mobile:text-[calc(var(--font-paragraph--size))] mt-1"> 3827 Essential Omega-3 3828 </h5> 3829 </div> 3830 </a> 3831 </div> 3832 <div class="mega-menu-custom__product-card flex-[0_0_39%]"> 3833 <a href="/products/vitamin-d3-k2-liquid-sunshine" class="flex flex-col gap-1.5"> 3834 <div class="mega-menu-product-card__visual w-full relative flex items-end mobile:max-w-[116px]"> 3835 3836 <div class="mega-menu-product-tags mega-menu-product-tags--top-right"> 3837 3838 3839
3840 <span class="mega-menu-product-tag uppercase mega-menu-product-tag--new">NEW</span> 3841 3842 3843 3844 3845 </div> 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 <img src="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=600&v=1778073028" alt="" width="638" height="600" loading="lazy" class="object-contain w-full" srcset="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=600&v=1778073028 1x, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?height=1200&v=1778073028 2x" style=" 3857 3858 3859 " onload="this.style.background='transparent';"> 3860 3861 3862 3863 3864 </div> 3865 <div class="mega-menu-custom__product-info text-center"><h5 class="mega-menu-product-card__title desktop:text-[calc(var(--font-paragraph--size)+2px)] mobile:text-[calc(var(--font-paragraph--size))] mt-1"> 3866 Vitamin D3 K2 Liquid Sunshine 3867 </h5> 3868 </div> 3869 </a> 3870 </div> 3871 3872 </ul> 3873 </div> 3874 <ul 3875 class="menu-drawer__menu has-submenu border-t border-border pt-8 !pl-8 !space-y-5" 3876 role="list" 3877 > 3878 <li class="menu-drawer__menu-item menu-drawer__list-item--flat"> 3879 3880 <a 3881 href="/collections/shop-all-products" 3882 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline text-20 flex items-center gap-1.5 font-medium capitalize" 3883 >Shop all products 3884 <svg 3885 xmlns="http://www.w3.org/2000/svg" 3886 width="35" 3887 height="35" 3888 class="!w-[22px] !h-auto"
3889 viewBox="0 0 24 24" 3890 fill="none" 3891 stroke="currentColor" 3892 stroke-width="2" 3893 stroke-linecap="round" 3894 stroke-linejoin="round" 3895 > 3896 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3897 </svg> 3898 </a> 3899 3900 </li> 3901 <li class="menu-drawer__menu-item menu-drawer__list-item--flat"> 3902 3903 <a 3904 href="/collections/new-arrivals" 3905 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline text-20 flex items-center gap-1 font-medium capitalize" 3906 >Shop all new products 3907 <svg 3908 xmlns="http://www.w3.org/2000/svg" 3909 width="15" 3910 height="15" 3911 class="!w-[22px] !h-auto" 3912 viewBox="0 0 24 24" 3913 fill="none" 3914 stroke="currentColor" 3915 stroke-width="2" 3916 stroke-linecap="round" 3917 stroke-linejoin="round" 3918 > 3919 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3920 </svg> 3921 </a> 3922 3923 </li> 3924 <li class="menu-drawer__menu-item menu-drawer__list-item--flat"> 3925 3926 <a 3927 href="/collections/bundles" 3928 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline text-20 flex items-center gap-1 font-medium capitalize" 3929 >Shop all bundles 3930 <svg 3931 xmlns="http://www.w3.org/2000/svg" 3932 width="15" 3933 height="15" 3934 class="!w-[22px] !h-auto"
3935 viewBox="0 0 24 24" 3936 fill="none" 3937 stroke="currentColor" 3938 stroke-width="2" 3939 stroke-linecap="round" 3940 stroke-linejoin="round" 3941 > 3942 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3943 </svg> 3944 </a> 3945 3946 </li> 3947 <li class="menu-drawer__menu-item menu-drawer__list-item--flat"> 3948 3949 <a 3950 href="/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" 3951 class="mega-menu-custom__cta-link mega-menu-custom__cta-link--underline text-20 flex items-center gap-1 font-medium capitalize" 3952 >Build your own bundle 3953 <svg 3954 xmlns="http://www.w3.org/2000/svg" 3955 width="15" 3956 height="15" 3957 class="!w-[22px] !h-auto" 3958 viewBox="0 0 24 24" 3959 fill="none" 3960 stroke="currentColor" 3961 stroke-width="2" 3962 stroke-linecap="round" 3963 stroke-linejoin="round" 3964 > 3965 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/> 3966 </svg> 3967 </a> 3968 3969 </li> 3970 3971 3972 3973 <li 3974 style="--menu-drawer-animation-index: 1;" 3975 class="menu-drawer__list-item--flat" 3976 > 3977 3978<a 3979 id="HeaderDrawer-our-story" 3980 href="/pages/our-story" 3981 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3982 3983 > 3984 <span class="menu-drawer__menu-item-text wrap-text text-20 font-medium">Our Story</span> 3985 </a> 3986 3987 </li> 3988 <li 3989 style="--menu-drawer-animation-index: 2;" 3990 class="menu-drawer__list-item--flat" 3991 > 3992 3993<a 3994 id="HeaderDrawer-wild-by-nature" 3995 href="/pages/wild-by-nature" 3996 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3997 3998 > 3999 <span class="menu-drawer__menu-item-text wrap-text text-20 font-medium">Wild by Nature</span> 4000 </a> 4001 4002 </li> 4003 <li 4004 style="--menu-drawer-animation-index: 3;" 4005 class="menu-drawer__list-item--flat" 4006 > 4007 4008<a 4009 id="HeaderDrawer-blogs" 4010 href="/blogs/resources" 4011 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 4012 4013 > 4014 <span class="menu-drawer__menu-item-text wrap-text text-20 font-medium">Blogs</span> 4015 </a> 4016 4017 </li> 4018 4019 <li class="menu-drawer__menu-item menu-drawer__list-item--flat"> 4020 <a 4021 href="/customer_authentication/login?return_to=%2Fcollections%2Fshop-all-products&locale=en&ui_hint=full®ion_country=US" 4022 class="account-actions__link !justify-start text-14 font-medium " 4023 > 4024 Login 4025 </a> 4026 </li> 4027 </ul> 4028 </nav> 4029 <div 4030 class="menu-drawer__utility-links menu-drawer__animated-element" 4031 style="--menu-drawer-animation-index: 3;" 4032 > 4033 4034 4035 <div class="menu-drawer__header-cta w-full"> 4036 <a href="/products/wild-olive-oil" class="header-cta-button w-full">Wild Olive OIl</a> 4037 </div> 4038 4039 </div> 4040 </div> 4041 <div 4042 class="menu-drawer__backdrop" 4043 on:click="header-drawer/close" 4044 ></div> 4045 </details> 4046</header-drawer> 4047 4048 4049 4050 4051 4052 4053 4054 </div> 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 <a href="/products/wild-olive-oil" class="header-cta-button mobile:hidden">Wild Olive OIl</a> 4077 <search-button class="search-action !hidden mobile:hidden"> 4078 <button 4079 on:click="#search-modal/showDialog" 4080 class="button button-unstyled search-modal__button header-actions__action" 4081 aria-label="Search" 4082 aria-haspopup="dialog" 4083 >
4084 <span 4085 aria-hidden="true" 4086 class="svg-wrapper" 4087 > 4088 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 4089 4090 </span> 4091 </button> 4092 </search-button> 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102
4102<script 4103 type="module" 4104 src="//zoefull.com/cdn/shop/t/128/assets/cart-icon.js?v=157241182139685326961786530322" 4105 fetchpriority="low" 4106></script>
4106 4107 4108 4109 4110<header-actions> 4111 4112
4112<script 4113 src="//zoefull.com/cdn/shop/t/128/assets/dialog.js?v=61774032287387761671786530322" 4114 type="module" 4115 ></script>
4115 4116 4117 <anchored-popover-component 4118 data-close-on-resize="true" 4119 class="account-popover mobile:hidden" 4120 > 4121 <button 4122 class="account-button header-actions__action" 4123 aria-label="Account" 4124 aria-haspopup="dialog"popovertarget="account-popover" 4125 popovertargetaction="toggle"ref="trigger" 4126 4127><span 4128 class="account-button__icon" 4129 aria-hidden="true" 4130 > 4131 <svg xmlns="http://www.w3.org/2000/svg" width="49" height="41" viewBox="0 0 49 41" fill="none"> 4132 <path d="M29.8613 29.6875C29.8613 26.5809 27.3429 24.0625 24.2363 24.0625C21.1297 24.0625 18.6113 26.5809 18.6113 29.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 4133 <path d="M24.2363 21.4375C26.7216 21.4375 28.7363 19.4228 28.7363 16.9375C28.7363 14.4522 26.7216 12.4375 24.2363 12.4375C21.751 12.4375 19.7363 14.4522 19.7363 16.9375C19.7363 19.4228 21.751 21.4375 24.2363 21.4375Z" stroke="currentColor" stroke-width="1.5"/> 4134 </svg> 4135 </span></button> 4136 4137 4138 4139 <div 4140 class="account-popover__panel details-content color-scheme-1" 4141 id="account-popover" 4142 popover="auto" 4143 ref="popover" 4144 > 4145 <div class="account-actions"> 4146 <div class="account-actions__main-menu"> 4147 <header class="account-actions__header"> 4148 <h2 4149 id="account-drawer-heading" 4150 class="account-actions__title h5" 4151 > 4152 4153 Account 4154 4155 </h2> 4156 4157 </header> 4158 4159 4160 <div 4161 class="account-actions__sign-ins" 4162 data-skip-subtree-update="true" 4163 > 4164
4164<script 4165 src="//zoefull.com/cdn/shop/t/128/assets/account-login-actions.js?v=132624473766457443991786530322" 4166 type="module" 4167 fetchpriority="low" 4168 ></script>
4168 4169 <account-login-actions class="account-actions__shop-login"> 4170
4170<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 4170
4170
4171<script type="module"> 4172 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 4173 4174 4175</script>
4175 4176 4177<shop-login-button ux-mode="windoid" return-uri="https://zoefull.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 4178 4179 </account-login-actions> 4180 4181 <a 4182 href="/customer_authentication/login?return_to=%2Fcollections%2Fshop-all-products&locale=en&ui_hint=full®ion_country=US" 4183 class="account-actions__link button" 4184 > 4185 <span class="account-actions__sign-in-text"> 4186 Other sign in options 4187 </span> 4188 <span class="account-actions__fallback-text"> 4189 Sign in 4190 </span> 4191 </a> 4192 </div> 4193 4194 4195 <nav class="account-actions__nav"> 4196 <ul class="account-actions__list"> 4197 <li class="account-actions__list-item"> 4198 <a 4199 href="/account" 4200 class="account-actions__link button-secondary" 4201 > 4202 <span 4203 class="account-actions__icon" 4204 aria-hidden="true" 4205 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 4206 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 4207 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 4208</svg> 4209</span> 4210 Orders 4211 </a> 4212 </li> 4213 <li class="account-actions__list-item"> 4214 <a 4215 href="/account/addresses" 4216 class="account-actions__link button-secondary" 4217 > 4218 <span 4219 class="account-actions__icon" 4220 aria-hidden="true" 4221 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 4222</span> 4223 Profile 4224 </a> 4225 </li> 4226 </ul> 4227 </nav> 4228 </div> 4229</div> 4230 4231 4232 4233 </div> 4234 </anchored-popover-component> 4235 4236 <dialog-component 4237 class="account-drawer mobile:hidden" 4238 4239 > 4240 <button 4241 class="account-button header-actions__action" 4242 aria-label="Account" 4243 aria-haspopup="dialog"ref="trigger"
4244 on:click="/showDialog" 4245><span 4246 class="account-button__icon" 4247 aria-hidden="true" 4248 > 4249 <svg xmlns="http://www.w3.org/2000/svg" width="49" height="41" viewBox="0 0 49 41" fill="none"> 4250 <path d="M29.8613 29.6875C29.8613 26.5809 27.3429 24.0625 24.2363 24.0625C21.1297 24.0625 18.6113 26.5809 18.6113 29.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 4251 <path d="M24.2363 21.4375C26.7216 21.4375 28.7363 19.4228 28.7363 16.9375C28.7363 14.4522 26.7216 12.4375 24.2363 12.4375C21.751 12.4375 19.7363 14.4522 19.7363 16.9375C19.7363 19.4228 21.751 21.4375 24.2363 21.4375Z" stroke="currentColor" stroke-width="1.5"/> 4252 </svg> 4253 </span></button> 4254 4255 4256 4257 <dialog 4258 ref="dialog" 4259 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 4260 scroll-lock 4261 aria-labelledby="account-drawer-heading" 4262 > 4263 <button 4264 ref="closeButton" 4265 on:click="/closeDialog" 4266 class="button button-unstyled close-button account-drawer__close-button" 4267 aria-label="Close dialog" 4268 autofocus 4269 > 4270 <span 4271 class="svg-wrapper" 4272 aria-hidden="true" 4273 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4274 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4275 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4276</svg> 4277</span> 4278 </button> 4279 <div class="account-actions"> 4280 <div class="account-actions__main-menu"> 4281 <header class="account-actions__header"> 4282 <h2 4283 id="account-drawer-heading" 4284 class="account-actions__title h5" 4285 > 4286 4287 Account 4288 4289 </h2> 4290 4291 </header> 4292 4293 4294 <div 4295 class="account-actions__sign-ins" 4296 data-skip-subtree-update="true" 4297 > 4298
4298<script 4299 src="//zoefull.com/cdn/shop/t/128/assets/account-login-actions.js?v=132624473766457443991786530322" 4300 type="module" 4301 fetchpriority="low" 4302 ></script>
4302 4303 <account-login-actions class="account-actions__shop-login"> 4304
4304<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 4304
4304
4305<script type="module"> 4306 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 4307 4308 4309</script>
4309 4310 4311<shop-login-button ux-mode="windoid" return-uri="https://zoefull.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 4312 4313 </account-login-actions> 4314 4315 <a 4316 href="/customer_authentication/login?return_to=%2Fcollections%2Fshop-all-products&locale=en&ui_hint=full®ion_country=US" 4317 class="account-actions__link button" 4318 > 4319 <span class="account-actions__sign-in-text"> 4320 Other sign in options 4321 </span> 4322 <span class="account-actions__fallback-text"> 4323 Sign in 4324 </span> 4325 </a> 4326 </div> 4327 4328 4329 <nav class="account-actions__nav"> 4330 <ul class="account-actions__list"> 4331 <li class="account-actions__list-item"> 4332 <a 4333 href="/account" 4334 class="account-actions__link button-secondary" 4335 > 4336 <span 4337 class="account-actions__icon" 4338 aria-hidden="true" 4339 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 4340 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 4341 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 4342</svg> 4343</span> 4344 Orders 4345 </a> 4346 </li> 4347 <li class="account-actions__list-item"> 4348 <a 4349 href="/account/addresses" 4350 class="account-actions__link button-secondary" 4351 > 4352 <span 4353 class="account-actions__icon" 4354 aria-hidden="true" 4355 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 4356</span> 4357 Profile 4358 </a> 4359 </li> 4360 </ul> 4361 </nav> 4362 </div> 4363</div> 4364 4365 4366 4367 </dialog> 4368 </dialog-component> 4369 4370 4371 4372
4372<script 4373 src="//zoefull.com/cdn/shop/t/128/assets/cart-drawer.js?v=60516533948368149871786530322" 4374 type="module" 4375 fetchpriority="low" 4376 ></script>
4376 4377 4378 <cart-drawer-component 4379 class="cart-drawer" 4380 4381 4382 auto-open 4383 4384 > 4385 <button 4386 class="button header-actions__action button-unstyled" 4387 on:click="/open" 4388 aria-haspopup="dialog" 4389 aria-label="Cart" 4390 aria-describedby="cart-bubble-text" 4391 data-testid="cart-drawer-trigger" 4392 > 4393 4394 <cart-icon 4395 class=" 4396 header-actions__cart-icon 4397 4398 " 4399 data-testid="cart-icon" 4400 > 4401 <span 4402 class="svg-wrapper" 4403 aria-hidden="true" 4404 > 4405 <svg xmlns="http://www.w3.org/2000/svg" width="49" height="41" viewBox="0 0 49 41" fill="none"> 4406 <path d="M28.9238 15.9375C28.9238 13.4522 26.9091 11.4375 24.4238 11.4375C21.9385 11.4375 19.9238 13.4522 19.9238 15.9375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 4407 <path d="M16.5488 21.6875C16.5488 25.9332 20.0326 28.375 24.3301 28.375C28.6275 28.375 32.1113 25.9332 32.1113 21.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 4408 <path d="M14.8613 19.1875H33.6113" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 4409 </svg> 4410 </span> 4411 4412 <div 4413 ref="cartBubble" 4414 class="cart-bubble visually-hidden" 4415 4416 4417 data-maintain-ratio 4418 4419> 4420 <span class="cart-bubble__background"></span> 4421 <span 4422 ref="cartBubbleText" 4423 id="cart-bubble-text" 4424 class="cart-bubble__text" 4425 4426 role="status" 4427 4428 > 4429 <span class="visually-hidden">Total items in cart: 0 4430 </span> 4431 <span 4432 class="cart-bubble__text-count hidden" 4433 ref="cartBubbleCount" 4434 aria-hidden="true" 4435 data-testid="cart-bubble" 4436 > 44370</span> 4438 </span> 4439</div> 4440 4441 </cart-icon> 4442 4443 </button> 4444 4445 <dialog 4446 ref="dialog" 4447 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 4448 aria-labelledby="cart-drawer-heading-empty" 4449 scroll-lock 4450 cart-summary-sticky="true" 4451 > 4452 <div class="cart-drawer__inner"> 4453 <cart-items-component 4454 class="cart-items-component" 4455 data-section-id="sections--22820399415604__header_section" 4456 4457 data-sub-upsell-rules-enabled="true" 4458 data-sub-upsell-qty-product-id="9320973238580" 4459 data-sub-upsell-qty-min="6" 4460 4461 >
4461<script src="//zoefull.com/cdn/shop/t/128/assets/component-cart-items.js?v=31176003812132066611786530322" type="module" fetchpriority="low"></script>
4461 4462
4462<script src="//zoefull.com/cdn/shop/t/128/assets/component-cart-quantity-selector.js?v=163775803587876574741786530322" type="module" fetchpriority="low"></script>
4462 4463
4463<script src="//zoefull.com/cdn/shop/t/128/assets/volume-pricing-info.js?v=94479640769665442661786530322" type="module" fetchpriority="low"></script>
4463<div class="cart-drawer__header"> 4464 <h2 4465 class="cart-drawer__heading" 4466 id="cart-drawer-heading" 4467 > 4468 Your Cart 4469 </h2> 4470 4471 <button 4472 ref="closeButton" 4473 on:click="cart-drawer-component/close" 4474 class="button close-button cart-drawer__close-button button-unstyled" 4475 aria-label="Close dialog" 4476 > 4477 <span class="svg-wrapper"> 4478 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 4479 <path d="M11.5363 9.51989L18.891 16.8746C19.0887 17.0724 19.0887 17.2898 18.891 17.5271L17.5268 18.8913C17.2896 19.089 17.0721 19.089 16.8744 18.8913L15.6288 17.5864L9.51966 11.5365L2.16491 18.8913C1.9672 19.089 1.74972 19.089 1.51247 18.8913L0.148281 17.5271C-0.0494271 17.2898 -0.0494271 17.0724 0.148281 16.8746L7.50303 9.51989L0.148281 2.16514C-0.0494271 1.96744 -0.0494271 1.74996 0.148281 1.51271L1.51247 0.14852C1.74972 -0.0491886 1.9672 -0.0491886 2.16491 0.14852L9.51966 7.50327L16.8744 0.14852C17.0721 -0.0491886 17.2896 -0.0491886 17.5268 0.14852L18.891 1.51271C19.0887 1.74996 19.0887 1.96744 18.891 2.16514L17.5862 3.41071L11.5363 9.51989Z" fill="#1C1C1A"/> 4480 </svg> 4481 </span> 4482 </button> 4483 </div> 4484 4485 4486 <div 4487 class="cart-shipping-bar" 4488 data-threshold="6000" 4489 > 4490 <div class="cart-shipping-bar__track"> 4491 <div 4492 class="cart-shipping-bar__fill" 4493 style="width: 0.0%;" 4494 ></div> 4495 </div> 4496 <div class="cart-shipping-bar__text"> 4497 4498 <span class="cart-shipping-bar__remaining"> 4499 You are <span data-shipping-remaining>$60.00</span> away from free shipping. 4500 </span> 4501 4502 </div> 4503 </div> 4504 4505 4506 4507 <div 4508 class="cart-drawer__content cart-drawer__content--empty motion-reduce" 4509 aria-label="Cart" 4510 > 4511 <div class="cart-empty"> 4512 <h2 4513 class="cart-drawer__heading cart-drawer__heading--empty" 4514 id="cart-drawer-heading-empty" 4515 > 4516 Your cart is empty. 4517 </h2> 4518 <p class="cart-empty__subtext">Letâs fill it with joy!</p><nav class="cart-empty__links" aria-label="Your cart is empty."><a href="/products/wild-olive-oil" class="cart-empty__link">Wild Olive Oil</a><a href="/collections/bestsellers" class="cart-empty__link">Mediterranean Favourites</a><a href="/collections/new-arrivals" class="cart-empty__link">New Arrivals</a><a href="/collections/bundles" class="cart-empty__link">Save on our Bundles</a><a href="/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" class="cart-empty__link">Build Your Own Bundle</a></nav></div> 4519 </div></cart-items-component> 4520 </div> 4521 </dialog> 4522 </cart-drawer-component> 4523 4524 4525</header-actions> 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 <search-button class="search-action !hidden desktop:hidden"> 4536 <button 4537 on:click="#search-modal/showDialog" 4538 class="button button-unstyled search-modal__button header-actions__action" 4539 aria-label="Search" 4540 aria-haspopup="dialog" 4541 > 4542 <span 4543 aria-hidden="true" 4544 class="svg-wrapper" 4545 > 4546 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 4547 4548 </span> 4549 </button> 4550 </search-button> 4551 4552 4553 4554 4555 4556 4557 4558 </div> 4559 </div> 4560 </div> 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572</header-component> 4573
4574<script 4575 src="//zoefull.com/cdn/shop/t/128/assets/header.js?v=155792906110242140481786530322" 4576 type="module" 4577 fetchpriority="high" 4578></script>
4578 4579 4580 4581 4582 4583
4583<script type="module"> 4584 import { hydrate } from '@theme/section-hydration'; 4585 const url = new URL(window.location.href); 4586 url.searchParams.delete('page'); 4587 hydrate('sections--22820399415604__header_section', url); 4588 </script>
4588 4589 4590 4591 4592</header> 4593<!-- END sections: header-group --> 4594 </div> 4595 4596
4596<script> 4597 // Inline header height calculation to prevent layout shift 4598 // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function 4599 (function setHeaderHeighCustomProperties() { 4600 /* 4601 * Header calculation functions for maintaining CSS variables 4602 * Mimic calculateHeaderGroupHeight() in utilities.js 4603 */ 4604 const header = document.querySelector('header-component'); 4605 const headerGroup = document.querySelector('#header-group'); 4606 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 4607 4608 if (!header || !headerGroup) return; 4609 4610 const headerHeight = header.offsetHeight; 4611 4612 // Calculate the total height of the header group 4613 let headerGroupHeight = 0; 4614 const children = headerGroup.children; 4615 for (let i = 0; i < children.length; i++) { 4616 const element = children[i]; 4617 if (element === header || !(element instanceof HTMLElement)) continue; 4618 headerGroupHeight += element.offsetHeight; 4619 } 4620 4621 // Check for transparent header special case 4622 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 4623 headerGroupHeight += headerHeight; 4624 } 4625 4626 // Set CSS variables 4627 document.body.style.setProperty('--header-height', `${headerHeight}px`); 4628 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 4629 4630 /** 4631 * Updates CSS custom properties for transparent header offset calculation 4632 * Mimic updateTransparentHeaderOffset() in utilities.js 4633 */ 4634 4635 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 4636 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 4637 return; 4638 } 4639 4640 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 4641 4642 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 4643 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 4644 })(); 4645 </script>
4645 4646 4647 <main 4648 id="MainContent" 4649 class="content-for-layout" 4650 role="main" 4651 data-page-transition-enabled="false" 4652 data-product-transition="false" 4653 data-template="collection" 4654 > 4655 <section id="shopify-section-template--22820405739828__hero_XYx66q" class="shopify-section hero-wrapper section-wrapper"> 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669<div 4670 id="Hero-template--22820405739828__hero_XYx66q" 4671 class="hero color-scheme-2" 4672 style=" 4673 --hero-border-style: ; 4674 --hero-border-width: px; 4675 --hero-border-opacity: %; 4676 --blur-opacity: 0.75; 4677 4678 --hero-min-height: 43svh; 4679 --hero-min-height-mobile: 45svh; 4680 4681 " 4682 4683 4684> 4685 4686 4687 4688 4689 <div 4690 class="hero__container spacing-style section section--full-width" 4691 style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));" 4692 ><div 4693 class="hero__media-wrapper" 4694 style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 4.052532833020638;" 4695 data-testid="hero-media-wrapper" 4696 > 4697 4698 4699 4700<picture 4701 data-testid="hero-picture-1" 4702 class="hero__image" 4703 > 4704 <source 4705 media="(max-width: 1023px)" 4706 srcset="//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_M_1_5x_960e4b2a-d76f-496a-8e88-37d04c49f150.webp?v=1788441947&width=416 416w, 4707//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_M_1_5x_960e4b2a-d76f-496a-8e88-37d04c49f150.webp?v=1788441947&width=600 600w, 4708//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_M_1_5x_960e4b2a-d76f-496a-8e88-37d04c49f150.webp?v=1788441947&width=800 800w, 4709//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_M_1_5x_960e4b2a-d76f-496a-8e88-37d04c49f150.webp?v=1788441947&width=1200 1200w, 4710//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_M_1_5x_960e4b2a-d76f-496a-8e88-37d04c49f150.webp?v=1788441947&width=1600 1600w 4711" 4712 sizes="100vw" 4713 width="585" 4714 height="428" 4715 > 4716 <img src="//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Shop_All_Hero_1_5x_d2bd3bd4-fb23-44c6-956b-49293b33d60f.webp?v=1788441949&width=3840 3840w" width="2160" height="533" class="hero__image" sizes="(min-width: 1024px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1"> 4717 </picture> 4718 4719 4720 4721 4722 </div> 4723 <div 4724 class=" 4725 hero__content-wrapper 4726 layout-panel-flex 4727 layout-panel-flex--column 4728 mobile-column 4729 section-content-wrapper 4730 page-width 4731 4732 " 4733 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4734 4735--gap: 16px; 4736 4737 4738--horizontal-alignment: flex-start; --vertical-alignment: flex-end; 4739--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 4740flex-end; 4741" 4742 > 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 <div 4753 class=" spacing-style text-block text-block--ARmN6NXdRbW1QTGdrM__text_Tm6AFx custom 4754 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 4755 " 4756 4757 style=" 4758 --padding-block-start: 0px; --padding-block-end:10px; 4759--padding-inline-start:10px; --padding-inline-end:0px; 4760 4761 4762 4763 4764 4765--color: var(--color-foreground);--font-size: clamp(2.65625rem, calc(1.9774011299435028rem + 1.4124293785310735vw), 3.125rem); --font-size-base: 3.125rem;--font-weight: 500;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 4766 --font-size-mobile: 2.625rem; 4767 --width: fit-content; 4768 --width-mobile: fit-content; 4769 4770 4771 4772 --max-width: var(--max-width--body-narrow); 4773 4774 --padding-block-start-mobile: 0px; 4775 --padding-block-end-mobile: 10px; 4776 --padding-inline-start-mobile: 0px; 4777 --padding-inline-end-mobile: 0px; 4778 4779 4780 --text-wrap: auto; 4781 4782 4783 --text-wrap-mobile: auto; 4784 4785 4786 --text-hyphens: none; 4787 4788 4789 4790 --text-corner-radius: 0px; 4791 4792 4793 4794--border-radius: 0px; 4795 4796 4797 4798 4799 4800 4801 4802 4803 --text-indent-mobile: 0px; 4804 4805 4806 --text-line-height-desktop: 100%; 4807 --text-line-height-mobile: 110%; 4808 4809 4810 --text-letter-spacing-desktop: 0px; 4811 --text-letter-spacing-mobile: -0.9px; 4812 4813 " 4814 4815 4816> 4817 <p>Explore Mediterranean Wellness.</p> 4818 4819 4820 </div> 4821 4822 4823 4824 4825 4826 <style data-shopify> 4827 .text-block.text-block--ARmN6NXdRbW1QTGdrM__text_Tm6AFx > * { 4828 line-height: var(--text-line-height-desktop, inherit); 4829 } 4830 4831 @media screen and (max-width: 1023px) { 4832 .text-block.text-block--ARmN6NXdRbW1QTGdrM__text_Tm6AFx > * { 4833 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 4834 } 4835 } 4836 </style> 4837 4838 4839 4840 <style data-shopify> 4841 .text-block.text-block--ARmN6NXdRbW1QTGdrM__text_Tm6AFx > * { 4842 letter-spacing: var(--text-letter-spacing-desktop, inherit); 4843 } 4844 4845 @media screen and (max-width: 1023px) { 4846 .text-block.text-block--ARmN6NXdRbW1QTGdrM__text_Tm6AFx > * { 4847 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 4848 } 4849 } 4850 </style> 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 </div> 4861 </div> 4862</div> 4863 4864 4865 4866 4867</section><div id="shopify-section-template--22820405739828__featured_product_information_napQkw" class="shopify-section">
4867<script type="application/ld+json"> 4868 {"@context":"http:\/\/schema.org\/","@id":"\/products\/wild-olive-oil#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Zoefull"},"category":"Vitamins \u0026 Supplements","description":"Zoefull Wild Olive Oil is produced from rare wild olive trees growing freely across the sunlit hillsides of Laconia, Greece. Recognized as one of the healthiest olive oils in the world, it contains an exceptionally high concentration of naturally occurring polyphenols and antioxidants.\nEach batch is cold-extracted within hours of harvest, then independently verified and laboratory-tested for purity, freshness, and phenolic content.\nBold, unfiltered, and crafted with care â a true embodiment of Zoefullâs Mediterranean authenticity and uncompromising quality.","hasVariant":[{"@id":"\/products\/wild-olive-oil?variant=48965464949044#variant","@type":"Product","image":"https:\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\u0026width=1920","name":"Wild Olive Oil - 1 Bottle","offers":{"@id":"\/products\/wild-olive-oil?variant=48965464949044#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"149.00","priceCurrency":"USD","url":"https:\/\/zoefull.com\/products\/wild-olive-oil?variant=48965464949044"},"sku":"ZF-BND-WOO1"},{"@id":"\/products\/wild-olive-oil?variant=48965464981812#variant","@type":"Product","image":"https:\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\u0026width=1920","name":"Wild Olive Oil - 2 Bottles","offers":{"@id":"\/products\/wild-olive-oil?variant=48965464981812#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"298.00","priceCurrency":"USD","url":"https:\/\/zoefull.com\/products\/wild-olive-oil?variant=48965464981812"},"sku":"ZF-BND-WOO2"},{"@id":"\/products\/wild-olive-oil?variant=48965465014580#variant","@type":"Product","image":"https:\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\u0026width=1920","name":"Wild Olive Oil - 3 Bottles","offers":{"@id":"\/products\/wild-olive-oil?variant=48965465014580#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"447.00","priceCurrency":"USD","url":"https:\/\/zoefull.com\/products\/wild-olive-oil?variant=48965465014580"},"sku":"ZF-BND-WOO3"},{"@id":"\/products\/wild-olive-oil?variant=48965465047348#variant","@type":"Product","image":"https:\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\u0026width=1920","name":"Wild Olive Oil - 6 Bottles","offers":{"@id":"\/products\/wild-olive-oil?variant=48965465047348#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"894.00","priceCurrency":"USD","url":"https:\/\/zoefull.com\/products\/wild-olive-oil?variant=48965465047348"},"sku":"ZF-BND-WOO6"},{"@id":"\/products\/wild-olive-oil?variant=48965465080116#variant","@type":"Product","image":"https:\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638\u0026width=1920","name":"Wild Olive Oil - 12 Bottles","offers":{"@id":"\/products\/wild-olive-oil?variant=48965465080116#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"1788.00","priceCurrency":"USD","url":"https:\/\/zoefull.com\/products\/wild-olive-oil?variant=48965465080116"},"sku":"ZF-BND-WOO12"}],"name":"Wild Olive Oil","productGroupID":"9292613452084","url":"https:\/\/zoefull.com\/products\/wild-olive-oil"} 4869</script>
4869 4870 4871 4872 4873 4874 4875 4876 4877 4878<featured-product-information 4879 id="template--22820405739828__featured_product_information_napQkw" 4880 class="featured-product-info-section has-custom-bg" 4881 style=" 4882 4883 --fpi-bg-color: #00178f; 4884 4885 4886 --fpi-border-radius: 32px; 4887 4888 " 4889> 4890 4891 4892 4893<div 4894 class="color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e" 4895></div> 4896<div 4897 class="product-information section section--full-width spacing-style color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e relative" 4898 style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 20px;--mobile-padding-block-end: 16px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; --gap: 48px;" 4899 data-testid="product-information" 4900> 4901 4902 <div 4903 class="product-information__grid product-information--media-left product-information__grid--half" 4904 data-product-grid-content 4905 4906 style="--custom-bg-color: #00178f;--custom-border-radius: 32px;" 4907 4908 > 4909 4910 4911 4912 4913 4914 4915 <div 4916 class="product-information__media " 4917 data-testid="product-information-media" 4918 > 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 <div 4941 class=" 4942 image-block image-block--AUFdHTjJiT2FndVd0M__media-image image-block--height-fill image-block--width-fill image-block--width-mobile-fill spacing-style size-style 4943 image-block--has-mobile-image" 4944 style=" 4945 --ratio: 1.5266666666666666; 4946 --object-fit: cover; 4947 4948 4949 4950 4951 --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4952 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 32px;--mobile-padding-block-end: 30px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 4953" 4954 4955 > 4956 4957 4958 <div class="image-block__media-slots"> 4959 <div class="image-block__media-slot image-block__media-slot--desktop"> 4960 4961<img src="//zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=3840" srcset="//zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=240 240w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=352 352w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=832 832w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=1200 1200w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=1600 1600w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=1920 1920w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=2560 2560w, //zoefull.com/cdn/shop/files/Wild_Olive_Oil_Shop_All-iso.webp?v=1781862317&width=3840 3840w" width="1374" height="900" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 4962 --ratio: 1.5266666666666666; 4963 --border-width: 1px; 4964--border-style: none;--border-color: #000000;--border-radius: 0px; 4965 --border-radius-mobile: 0px; 4966 4967 4968" sizes="auto"> 4969 4970 </div> 4971 <div class="image-block__media-slot image-block__media-slot--mobile"> 4972 4973<img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=352 352w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=3840 3840w" width="1790" height="1684" loading="lazy" class="image-block__image image-block__image--mobile border-style" style=" 4974 --ratio: 1.0629453681710215; 4975 --border-width: 1px; 4976--border-style: none;--border-color: #000000;--border-radius: 0px; 4977 --border-radius-mobile: 0px; 4978 4979 4980" sizes="auto"> 4981 4982 </div> 4983 </div> 4984 4985 4986 4987 4988 </div> 4989 4990 4991 4992 4993 4994 4995 4996 </div> 4997 4998 4999 5000 5001 5002 <div 5003 id="ProductInformation-template--22820405739828__featured_product_information_napQkw" 5004 class=" 5005 product-details 5006 5007 " 5008 style="--details-position: flex-start;"
5009 data-testid="product-information-details" 5010 5011> 5012 5013 5014 <div 5015 class=" 5016 group-block 5017 group-block--height-fit 5018 group-block--width-fill 5019 border-style 5020 spacing-style 5021 size-style 5022 5023 group-block--border- 5024 5025 5026 5027 " 5028 style=" 5029 5030 5031--border-radius: 0px; 5032 5033 5034 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: 0px;--padding-inline-end: 0px; 5035 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5036 5037 5038 --padding-block-start-mobile: 0px; 5039 --padding-block-end-mobile: 32px; 5040 --padding-inline-start-mobile: 24px; 5041 --padding-inline-end-mobile: 24px; 5042 5043 5044 5045 5046 5047 5048 5049 " 5050 5051 data-testid="group-block" 5052><div class="group-block__media-wrapper"> 5053 5054 5055 5056 5057 5058 </div> 5059 5060 <div 5061 class=" 5062 group-block-content 5063 5064 5065 layout-panel-flex 5066 5067 layout-panel-flex--column 5068 5069 5070 mobile-column 5071 5072 5073 5074 5075 5076" 5077 style=" 5078 --abc: ; 5079 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5080 5081--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 5082 5083 5084--horizontal-alignment: ; --vertical-alignment: ; 5085--horizontal-alignment-mobile: ; --vertical-alignment-mobile: 5086; 5087; 5088 5089 5090 5091 " 5092 > 5093 5094 <div class="view-product-title"> 5095 <a 5096 href="/products/wild-olive-oil?variant=48965464949044" 5097 class="link" 5098 >Wild Olive Oil 5099 </a> 5100 </div> 5101 5102 5103 5104 5105<div 5106 class=" 5107 group-block 5108 group-block--height-fit 5109 group-block--width-fill 5110 border-style 5111 spacing-style 5112 size-style 5113 5114 5115 5116 5117 5118 " 5119 style=" 5120 5121 5122--border-radius: 0px; 5123 5124 5125 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 20px; 5126 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5127 5128 5129 --padding-block-start-mobile: 0px; 5130 --padding-block-end-mobile: 0px; 5131 --padding-inline-start-mobile: 0px; 5132 --padding-inline-end-mobile: 0px; 5133 5134 5135 5136 5137 5138 5139 5140 " 5141 5142 data-testid="group-block" 5143><div class="group-block__media-wrapper"> 5144 5145 5146 5147 5148 5149 </div> 5150 5151 <div 5152 class=" 5153 group-block-content 5154 5155 5156 layout-panel-flex 5157 5158 layout-panel-flex--column 5159 5160 5161 mobile-column 5162 5163 5164 5165 5166 5167" 5168 style=" 5169 --abc: center; 5170 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5171 5172--gap: 0px; 5173--gap-mobile: 0px; 5174 5175--horizontal-alignment: flex-start; --vertical-alignment: center; 5176--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 5177center; 5178; 5179 5180 5181 5182 " 5183 > 5184 5185 5186 5187 5188<div 5189 class=" 5190 group-block 5191 group-block--height-fit 5192 group-block--width-fill 5193 border-style 5194 spacing-style 5195 size-style 5196 5197 5198 5199 5200 5201 " 5202 style=" 5203 5204 5205--border-radius: 0px; 5206 5207 5208 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5209 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5210 5211 5212 --padding-block-start-mobile: 0px; 5213 --padding-block-end-mobile: 0px; 5214 --padding-inline-start-mobile: 0px; 5215 --padding-inline-end-mobile: 0px; 5216 5217 5218 5219 5220 5221 5222 5223 " 5224 5225 data-testid="group-block" 5226><div class="group-block__media-wrapper"> 5227 5228 5229 5230 5231 5232 </div> 5233 5234 <div 5235 class=" 5236 group-block-content 5237 5238 5239 layout-panel-flex 5240 5241 layout-panel-flex--row 5242 5243 5244 5245 5246 5247 layout-panel-flex--mobile-column 5248 5249 5250 5251group-block-content--column-reverse-mobile 5252" 5253 style=" 5254 --abc: center; 5255 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5256 5257--gap: 7px; 5258--gap-mobile: 8px; 5259 5260--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5261--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 5262flex-start; 5263; 5264 5265 5266 5267 " 5268 > 5269 5270 5271 5272 <product-tags 5273 class="product-tags" 5274 data-product-id="9292613452084" 5275 data-show-sold-out="true" 5276 style=" 5277 --product-tags-min-height-desktop: 32px; 5278 --product-tags-min-height-mobile: 32px; 5279 " 5280 ><div 5281 class="product-tags__badge product-tags__badge--bestseller" 5282 data-badge="bestseller" 5283 style="--badge-bg: #00ff66; --badge-text: #00178f;" 5284 > 5285 <div 5286 class="product-tags__badge-inner custom-typography custom-font-size" 5287 style=" 5288 --padding-block-start: 7px; --padding-block-end:7px; 5289--padding-inline-start:10px; --padding-inline-end:10px; 5290 5291 5292 5293 5294 5295--color: ;
5295--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 5296 --text-corner-radius: 50px; 5297 5298 --padding-block-start-mobile: 7px; 5299 --padding-block-end-mobile: 7px; 5300 --padding-inline-start-mobile: 10px; 5301 --padding-inline-end-mobile: 10px; 5302 5303 --line-height: 120%; 5304 --line-height-desktop: 120%; 5305 --line-height-mobile: 100%; 5306 5307 5308 --letter-spacing: 0.3px; 5309 --letter-spacing-desktop: 0.3px; 5310 --letter-spacing-mobile: 0.3px; 5311 5312 " 5313 > 5314 PRE-ORDER 5315 </div> 5316 </div><div 5317 class="product-tags__badge product-tags__badge--sold-out" 5318 data-badge="sold-out" 5319 style="--badge-bg: #e54848; --badge-text: #ffffff;" 5320 5321 hidden 5322 5323 > 5324 <div 5325 class="product-tags__badge-inner custom-typography custom-font-size" 5326 style=" 5327 --padding-block-start: 7px; --padding-block-end:7px; 5328--padding-inline-start:10px; --padding-inline-end:10px; 5329 5330 5331 5332 5333 5334--color: ;--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 5335 --text-corner-radius: 50px; 5336 5337 --padding-block-start-mobile: 7px; 5338 --padding-block-end-mobile: 7px; 5339 --padding-inline-start-mobile: 10px; 5340 --padding-inline-end-mobile: 10px; 5341 5342 --line-height: 120%; 5343 --line-height-desktop: 120%; 5344 --line-height-mobile: 100%; 5345 5346 5347 --letter-spacing: 0.3px; 5348 --letter-spacing-desktop: 0.3px; 5349 --letter-spacing-mobile: 0.3px; 5350 5351 " 5352 > 5353 SOLD OUT 5354 </div> 5355 </div></product-tags> 5356 5357 5358 5359 5360 5361 5362</div> 5363</div> 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 <div 5379 class=" spacing-style text-block text-block--AekZRc0d1UjdTWWk5c__text_PdgM3x custom 5380 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 5381 " 5382 5383 style=" 5384 --padding-block-start: 12px; --padding-block-end:15px; 5385--padding-inline-start:0px; --padding-inline-end:0px; 5386 5387 5388 5389 5390 5391--color: var(--color-foreground-heading);--font-size: clamp(2.125rem, calc(1.5819209039548023rem + 1.1299435028248588vw), 2.5rem); --font-size-base: 2.5rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 5392 --font-size-mobile: 2.25rem; 5393 --width: fit-content; 5394 --width-mobile: fit-content; 5395 5396 5397 5398 --max-width: var(--max-width--body-normal); 5399 5400 --padding-block-start-mobile: 12px; 5401 --padding-block-end-mobile: 15px; 5402 --padding-inline-start-mobile: 0px; 5403 --padding-inline-end-mobile: 0px; 5404 5405 5406 --text-wrap: auto; 5407 5408 5409 --text-wrap-mobile: auto; 5410 5411 5412 --text-hyphens: none; 5413 5414 5415 5416 --text-corner-radius: 0px; 5417 5418 5419 5420--border-radius: 50px; 5421 5422 overflow: hidden; 5423 5424 5425 5426 5427 5428 5429 5430 5431 --text-indent-mobile: 0px; 5432 5433 5434 --text-line-height-desktop: 120%; 5435 --text-line-height-mobile: 110%; 5436 5437 5438 --text-letter-spacing-desktop: -0.6px; 5439 --text-letter-spacing-mobile: -0.3px; 5440 5441 " 5442 5443 5444> 5445 <p>Wild Olive Oil</p> 5446 5447 5448 </div> 5449 5450 5451 5452 5453 5454 <style data-shopify> 5455 .text-block.text-block--AekZRc0d1UjdTWWk5c__text_PdgM3x > * { 5456 line-height: var(--text-line-height-desktop, inherit); 5457 } 5458 5459 @media screen and (max-width: 1023px) { 5460 .text-block.text-block--AekZRc0d1UjdTWWk5c__text_PdgM3x > * { 5461 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 5462 } 5463 } 5464 </style> 5465 5466 5467 5468 <style data-shopify> 5469 .text-block.text-block--AekZRc0d1UjdTWWk5c__text_PdgM3x > * { 5470 letter-spacing: var(--text-letter-spacing-desktop, inherit); 5471 } 5472 5473 @media screen and (max-width: 1023px) { 5474 .text-block.text-block--AekZRc0d1UjdTWWk5c__text_PdgM3x > * { 5475 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 5476 } 5477 } 5478 </style> 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 5493 5494 5495 5496 <div 5497 class=" spacing-style text-block text-block--ASUhLUFU3RzFFbEM5W__text_wpyg7R custom 5498 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 5499 " 5500 5501 style=" 5502 --padding-block-start: 0px; --padding-block-end:15px; 5503--padding-inline-start:0px; --padding-inline-end:0px; 5504 5505 5506 5507 5508 5509--color: var(--color-foreground);--font-size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem); --font-size-base: 1.125rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 5510 --font-size-mobile: 1rem; 5511 --width: fit-content; 5512 --width-mobile: fit-content; 5513 5514 5515 5516 --max-width: var(--max-width--body-normal); 5517 5518 --padding-block-start-mobile: 0px; 5519 --padding-block-end-mobile: 10px; 5520 --padding-inline-start-mobile: 0px; 5521 --padding-inline-end-mobile: 0px; 5522 5523 5524 --text-wrap: auto; 5525 5526 5527 --text-wrap-mobile: auto; 5528 5529 5530 --text-hyphens: none; 5531 5532 5533 5534 --text-corner-radius: 0px; 5535 5536 5537 5538--border-radius: 0px; 5539 5540 5541 5542 5543 5544 5545 5546 5547 --text-indent-mobile: 0px; 5548 5549 5550 --text-line-height-desktop: 140%; 5551 --text-line-height-mobile: 140%; 5552 5553 5554 " 5555 5556 5557> 5558 <div class="metafield-rich_text_field"><p>Our rare, wild-harvested olive oil with exceptionally high polyphenols designed as a powerful daily shot for full-body wellness, inflammation support, and long-term vitality.</p></div> 5559 5560 5561 </div> 5562 5563 5564 5565 5566 5567 <style data-shopify> 5568 .text-block.text-block--ASUhLUFU3RzFFbEM5W__text_wpyg7R > * { 5569 line-height: var(--text-line-height-desktop, inherit); 5570 } 5571 5572 @media screen and (max-width: 1023px) { 5573 .text-block.text-block--ASUhLUFU3RzFFbEM5W__text_wpyg7R > * { 5574 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 5575 } 5576 } 5577 </style> 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592<div 5593 class=" 5594 group-block 5595 group-block--height-fit 5596 group-block--width-fill 5597 border-style 5598 spacing-style 5599 size-style 5600 5601 5602 5603 5604 5605 " 5606 style=" 5607 5608 5609--border-radius: 0px; 5610 5611 5612 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5613 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5614 5615 5616 --padding-block-start-mobile: 0px; 5617 --padding-block-end-mobile: 0px; 5618 --padding-inline-start-mobile: 0px; 5619 --padding-inline-end-mobile: 0px; 5620 5621 5622 5623 5624 5625 5626 5627 " 5628 5629 data-testid="group-block" 5630><div class="group-block__media-wrapper"> 5631 5632 5633 5634 5635 5636 </div> 5637 5638 <div 5639 class=" 5640 group-block-content 5641 5642 5643 layout-panel-flex 5644 5645 layout-panel-flex--column 5646 5647 5648 mobile-column 5649 5650 5651 5652 5653 5654" 5655 style=" 5656 --abc: center; 5657 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5658 5659--gap: 5px; 5660--gap-mobile: 0px; 5661 5662--horizontal-alignment: flex-start; --vertical-alignment: center; 5663--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 5664center; 5665; 5666 5667 5668 5669 " 5670 > 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 <div 5681 class=" !flex-row !items-center spacing-style text-block text-block--AU3RHNDl3VG1ISFd5U__text_Qi7wWp custom 5682 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 5683 " 5684 5685 style=" 5686 --padding-block-start: 0px; --padding-block-end:0px; 5687--padding-inline-start:0px; --padding-inline-end:0px; 5688 5689 5690 5691 5692 5693--color: var(--color-foreground);--font-size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem); --font-size-base: 1.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 5694 --font-size-mobile: 1.125rem; 5695 --width: fit-content; 5696 --width-mobile: fit-content; 5697 5698 5699 --inline-image-width: 12px; 5700 --inline-image-gap: 6px; 5701 5702 5703 --max-width: var(--max-width--body-normal); 5704 5705 --padding-block-start-mobile: 0px; 5706 --padding-block-end-mobile: 0px; 5707 --padding-inline-start-mobile: 0px; 5708 --padding-inline-end-mobile: 0px; 5709 5710 5711 --text-wrap: auto; 5712 5713 5714 --text-wrap-mobile: auto; 5715 5716 5717 --text-hyphens: none; 5718 5719 5720 5721 --text-corner-radius: 0px; 5722 5723 5724 5725--border-radius: 0px; 5726 5727 5728 5729 5730 5731 5732 5733 5734 --text-indent-mobile: 0px; 5735 5736 5737 --text-line-height-desktop: 140%; 5738 --text-line-height-mobile: 175%; 5739 5740 5741 " 5742 5743 5744> 5745 5746 5747 5748 5749 5750 5751 <img src="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391" alt="" width="13" height="12" loading="lazy" class="inline-image inline-image--before" srcset="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391 1x" style=" 5752 5753 5754 " onload=""> 5755 5756 5757 5758 5759 <p>1796mg/kg Polyphenols</p> 5760 5761 5762 </div> 5763 5764 5765 5766 5767 5768 <style data-shopify> 5769 .text-block.text-block--AU3RHNDl3VG1ISFd5U__text_Qi7wWp > * { 5770 line-height: var(--text-line-height-desktop, inherit); 5771 } 5772 5773 @media screen and (max-width: 1023px) { 5774 .text-block.text-block--AU3RHNDl3VG1ISFd5U__text_Qi7wWp > * { 5775 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 5776 } 5777 } 5778 </style> 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 <div 5799 class=" !flex-row !items-center spacing-style text-block text-block--ASFROODVHLzA3d0NZM__text_WqUPx9 custom 5800 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 5801 " 5802 5803 style=" 5804 --padding-block-start: 0px; --padding-block-end:0px; 5805--padding-inline-start:0px; --padding-inline-end:0px; 5806 5807 5808 5809 5810 5811--color: var(--color-foreground);--font-size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem); --font-size-base: 1.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 5812 --font-size-mobile: 1rem; 5813 --width: fit-content; 5814 --width-mobile: fit-content; 5815 5816 5817 --inline-image-width: 12px; 5818 --inline-image-gap: 6px; 5819 5820 5821 --max-width: var(--max-width--body-normal); 5822 5823 --padding-block-start-mobile: 0px; 5824 --padding-block-end-mobile: 0px; 5825 --padding-inline-start-mobile: 0px; 5826 --padding-inline-end-mobile: 0px; 5827 5828 5829 --text-wrap: auto; 5830 5831 5832 --text-wrap-mobile: auto; 5833 5834 5835 --text-hyphens: none; 5836 5837 5838 5839 --text-corner-radius: 0px; 5840 5841 5842 5843--border-radius: 0px; 5844 5845 5846 5847 5848 5849 5850 5851 5852 --text-indent-mobile: 0px; 5853 5854 5855 --text-line-height-desktop: 140%; 5856 --text-line-height-mobile: 175%; 5857 5858 5859 " 5860 5861 5862> 5863 5864 5865 5866 5867 5868 5869 <img src="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391" alt="" width="13" height="12" loading="lazy" class="inline-image inline-image--before" srcset="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391 1x" style=" 5870 5871 5872 " onload=""> 5873 5874 5875 5876 5877 <p>Wild-Harvested in Greece</p> 5878 5879 5880 </div> 5881 5882 5883 5884 5885 5886 <style data-shopify> 5887 .text-block.text-block--ASFROODVHLzA3d0NZM__text_WqUPx9 > * { 5888 line-height: var(--text-line-height-desktop, inherit); 5889 } 5890 5891 @media screen and (max-width: 1023px) { 5892 .text-block.text-block--ASFROODVHLzA3d0NZM__text_WqUPx9 > * { 5893 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 5894 } 5895 } 5896 </style> 5897 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 <div 5917 class=" !flex-row !items-center spacing-style text-block text-block--AbE9zTHkva0l2TUY4Z__text_LjMHTN custom 5918 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 5919 " 5920 5921 style=" 5922 --padding-block-start: 0px; --padding-block-end:0px; 5923--padding-inline-start:0px; --padding-inline-end:0px; 5924 5925 5926 5927 5928 5929--color: var(--color-foreground);--font-size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem); --font-size-base: 1.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 5930 --font-size-mobile: 1rem; 5931 --width: fit-content; 5932 --width-mobile: fit-content; 5933 5934 5935 --inline-image-width: 12px; 5936 --inline-image-gap: 6px; 5937 5938 5939 --max-width: var(--max-width--body-normal); 5940 5941 --padding-block-start-mobile: 0px; 5942 --padding-block-end-mobile: 0px; 5943 --padding-inline-start-mobile: 0px; 5944 --padding-inline-end-mobile: 0px; 5945 5946 5947 --text-wrap: auto; 5948 5949 5950 --text-wrap-mobile: auto; 5951 5952 5953 --text-hyphens: none; 5954 5955 5956 5957 --text-corner-radius: 0px; 5958 5959 5960 5961--border-radius: 0px; 5962 5963 5964 5965 5966 5967 5968 5969 5970 --text-indent-mobile: 0px; 5971 5972 5973 --text-line-height-desktop: 140%; 5974 --text-line-height-mobile: 175%; 5975 5976 5977 " 5978 5979 5980> 5981 5982 5983 5984 5985 5986 5987 <img src="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391" alt="" width="13" height="12" loading="lazy" class="inline-image inline-image--before" srcset="//zoefull.com/cdn/shop/files/Ellipse_54_Blur_1.svg?height=12&v=1770388391 1x" style=" 5988 5989 5990 " onload=""> 5991 5992 5993 5994 5995 <p>Limited Stock</p> 5996 5997 5998 </div> 5999 6000 6001 6002 6003 6004 <style data-shopify> 6005 .text-block.text-block--AbE9zTHkva0l2TUY4Z__text_LjMHTN > * { 6006 line-height: var(--text-line-height-desktop, inherit); 6007 } 6008 6009 @media screen and (max-width: 1023px) { 6010 .text-block.text-block--AbE9zTHkva0l2TUY4Z__text_LjMHTN > * { 6011 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 6012 } 6013 } 6014 </style> 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026</div> 6027</div> 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037<div 6038 class=" 6039 group-block 6040 group-block--height-fit 6041 group-block--width-fit-content 6042 border-style 6043 spacing-style 6044 size-style 6045 6046 6047 6048 6049 6050 " 6051 style=" 6052 6053 6054--border-radius: 0px; 6055 6056 6057 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6058 --size-style-width: fit-content;--size-style-height: fit;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6059 6060 6061 --padding-block-start-mobile: 0px; 6062 --padding-block-end-mobile: 0px; 6063 --padding-inline-start-mobile: 0px; 6064 --padding-inline-end-mobile: 0px; 6065 6066 6067 6068 6069 6070 6071 6072 " 6073 6074 data-testid="group-block" 6075><div class="group-block__media-wrapper"> 6076 6077 6078 6079 6080 6081 </div> 6082 6083 <div 6084 class=" 6085 group-block-content 6086 6087 6088 layout-panel-flex 6089 6090 layout-panel-flex--row 6091 6092 6093 mobile-column 6094 6095 6096 6097 6098 6099" 6100 style=" 6101 --abc: center; 6102 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6103 6104--gap: 24px; 6105--gap-mobile: 16px; 6106 6107--horizontal-alignment: flex-start; --vertica
6107l-alignment: center; 6108--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 6109flex-start; 6110; 6111 6112 6113 6114 " 6115 > 6116 6117 6118 6119 6120<style> 6121 .button.button--AUG1rR0ZWS251aFNRe__button_JXNczM {--button-background-color: #ffffff; 6122 --button-border-color: #00178f;--button-color: #00178f; 6123 color: var(--button-color); 6124 } 6125 .button.button--AUG1rR0ZWS251aFNRe__button_JXNczM:hover {--button-background-color: #034de4; 6126 --button-border-color: #034de4;--button-color: #ffffff; 6127 color: var(--button-color); 6128 } 6129</style><a 6130 6131 href="/products/wild-olive-oil" 6132 6133 class=" whitespace-nowrap custom-font-size button--custom-padding button--custom-margin size-style button button--AUG1rR0ZWS251aFNRe__button_JXNczM leading-none global-button" 6134 style=" 6135 --size-style-width: fit-content; 6136 --size-style-width-mobile: 100%; 6137 6138 6139 --font-size: 1.125rem; 6140 6141 6142 6143 --font-weight: 500; 6144 6145 6146 6147 6148 6149 6150 --button-pad-block-start: 17px; 6151 --button-pad-block-end: 17px; 6152 --button-pad-inline-start: 32px; 6153 --button-pad-inline-end: 32px; 6154 --button-pad-block-start-mobile: 20px; 6155 --button-pad-block-end-mobile: 20px; 6156 --button-pad-inline-start-mobile: 20px; 6157 --button-pad-inline-end-mobile: 20px; 6158 6159 --button-margin-top: 0px; 6160 --button-margin-bottom: 0px; 6161 --button-margin-top-mobile: 12px; 6162 --button-margin-bottom-mobile: 0px; 6163 6164 6165 " 6166> 6167 PRE-ORDER â 6168 6169</a> 6170 6171 6172 6173 6174 6175 6176 6177</div> 6178</div> 6179 6180 6181 6182 6183 6184 6185</div> 6186</div> 6187 6188 6189 6190 6191 6192 6193 </div> 6194</div> 6195 6196 6197 6198</div> 6199 6200 6201 6202 6203 6204 6205 6206 6207 </div> 6208 6209 6210 6211 6212</div> 6213 6214 6215 6216</featured-product-information> 6217 6218 6219 6220 6221</div><section id="shopify-section-template--22820405739828__featured_product_with_shape_VpQQGB" class="shopify-section section-wrapper custom-section"> 6222 6223 6224 6225<div class=" color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e"></div> 6226<div 6227 class="featured-shape-section spacing-style section section--page-width color-scheme-9505fe58-4119-4614-b9cb-e0fc8325de3e" 6228 style="--padding-block-start: 14px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));" 6229> 6230 <svg class="sr-only" aria-hidden="true"> 6231 <defs> 6232 <clipPath id="arch-shape-template--22820405739828__featured_product_with_shape_VpQQGB" clipPathUnits="objectBoundingBox"> 6233 <path d="M0 0.3799C0 0.1701 0.2239 0 0.5 0C0.7761 0 1 0.1701 1 0.3799V0.9301C1 0.9687 0.9589 1 0.908 1H0.092C0.0412 1 0 0.9687 0 0.9301V0.3799Z"/> 6234 </clipPath> 6235 </defs> 6236 </svg> 6237 6238 <div class="featured-shape__container"> 6239 <div class="featured-shape__left"> 6240 <div class="featured-shape__arch" style="clip-path: url(#arch-shape-template--22820405739828__featured_product_with_shape_VpQQGB);"> 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 6259 6260 6261 6262 <div 6263 class=" 6264 image-block image-block--Aa0NXY1dZRjE5SUZQR__left-image image-block--height-fit image-block--width-fill image-block--width-mobile-fill spacing-style size-style 6265 image-block--has-caption" 6266 style=" 6267 --ratio: 0.759825327510917; 6268 --object-fit: cover; 6269 6270 6271 6272 --image-max-width: 350px; 6273 --image-min-width: 350px; 6274 6275 6276 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6277 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 6278" 6279 6280 > 6281 6282 6283 6284<img src="//zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=3840" srcset="//zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=240 240w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=352 352w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=832 832w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=1200 1200w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=1600 1600w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=1920 1920w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=2560 2560w, //zoefull.com/cdn/shop/files/ShopAll_Arch_BYOB.webp?v=1779784050&width=3840 3840w" width="696" height="916" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 6285 --ratio: 0.759825327510917; 6286 --border-width: 1px; 6287--border-style: none;--border-color: #000000;--border-radius: 0px; 6288 --border-radius-mobile: 0px; 6289 6290 6291" sizes="auto"> 6292 6293 6294 6295 6296<div 6297 class="image-block__caption-overlay" 6298 style=" 6299 --caption-heading-size: 20px; 6300 --caption-body-size: 16px; 6301 " 6302 > 6303 <div class="image-block__caption-card"><div class="image-block__caption-heading"><p>Bundle & Save</p></div><div class="image-block__caption-body"><p><a href="https://zoefull.com/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0" title="https://zoefull.com/a/loop_subscriptions/bundle/01b20722caac472faf31efe41dee065f?pb=0">Build your daily wellness stack with more value, more support, and stronger product synergy.</a> â</p></div></div> 6304 </div> 6305 </div> 6306 6307 6308 6309 6310 6311 6312 6313 </div> 6314 </div> 6315 6316 <div 6317 class="featured-shape__right h-full" 6318 style=" 6319 6320 --fsr-bg: #f3f3f4; 6321 6322 --fsr-radius: 32px; 6323 " 6324 > 6325 6326 <style>[id$='__section_store_block_comments_ema4en'] { display: none !important; }</style><div 6327 id="ProductInformation-template--22820405739828__featured_product_with_shape_VpQQGB" 6328 class=" 6329 product-details 6330 6331 full-height--desktop" 6332 style="--details-position: center;"
6333 data-testid="product-information-details" 6334 6335> 6336 6337 6338 <div 6339 class=" 6340 group-block 6341 group-block--height-fill 6342 group-block--width-fill 6343 border-style 6344 spacing-style 6345 size-style 6346 6347 group-block--border- 6348 6349 6350 6351 " 6352 style=" 6353 6354 6355--border-radius: 0px; 6356 6357 6358 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end: 0px; 6359 --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6360 6361 6362 --padding-block-start-mobile: 32px; 6363 --padding-block-end-mobile: 32px; 6364 --padding-inline-start-mobile: 24px; 6365 --padding-inline-end-mobile: 24px; 6366 6367 6368 6369 6370 6371 6372 6373 " 6374 6375 data-testid="group-block" 6376><div class="group-block__media-wrapper"> 6377 6378 6379 6380 6381 6382 </div> 6383 6384 <div 6385 class=" 6386 group-block-content 6387 6388 6389 layout-panel-flex 6390 6391 layout-panel-flex--row 6392 6393 6394 mobile-column 6395 6396 6397 6398 6399 6400" 6401 style=" 6402 --abc: ; 6403 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6404 6405--gap: 16px; 6406 6407 6408--horizontal-alignment: ; --vertical-alignment: ; 6409--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 6410flex-start; 6411; 6412 6413 6414 6415 " 6416 > 6417 6418 <div class="view-product-title"> 6419 <a 6420 href="/products/vitamin-d3-k2-liquid-sunshine?variant=49125351424308" 6421 class="link" 6422 >Vitamin D3 K2 Liquid Sunshine 6423 </a> 6424 </div> 6425 6426 6427 6428 6429<div 6430 class=" 6431 group-block 6432 group-block--height-fit 6433 group-block--width-custom 6434 border-style 6435 spacing-style 6436 size-style 6437 6438 6439 6440 6441 6442 " 6443 style=" 6444 6445 6446--border-radius: 0px; 6447 6448 6449 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6450 --size-style-width:40%;--size-style-height: fit;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6451 6452 6453 --padding-block-start-mobile: 0px; 6454 --padding-block-end-mobile: 0px; 6455 --padding-inline-start-mobile: 0px; 6456 --padding-inline-end-mobile: 0px; 6457 6458 6459 6460 6461 6462 6463 6464 " 6465 6466 data-testid="group-block" 6467><div class="group-block__media-wrapper"> 6468 6469 6470 6471 6472 6473 </div> 6474 6475 <div 6476 class=" 6477 group-block-content 6478 6479 6480 layout-panel-flex 6481 6482 layout-panel-flex--column 6483 6484 6485 mobile-column 6486 6487 6488 6489 6490 6491" 6492 style=" 6493 --abc: center; 6494 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6495 6496--gap: 12px; 6497--gap-mobile: 12px; 6498 6499--horizontal-alignment: flex-start; --vertical-alignment: center; 6500--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 6501center; 6502; 6503 6504 6505 6506 " 6507 > 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 <div 6529 class=" 6530 image-block image-block--AMFNqeVNKM2NrTXRVa__image_PYVUKM image-block--height-fit image-block--width-fill image-block--width-mobile-fill spacing-style size-style 6531 image-block--has-mobile-image" 6532 style=" 6533 --ratio: 1.0629453681710215; 6534 --object-fit: cover; 6535 6536 6537 6538 6539 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6540 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 6541" 6542 6543 > 6544 6545 6546 <div class="image-block__media-slots"> 6547 <div class="image-block__media-slot image-block__media-slot--desktop"> 6548 6549<img src="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=352 352w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=3840 3840w" width="1790" height="1684" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 6550 --ratio: 1.0629453681710215; 6551 --border-width: 1px; 6552--border-style: none;--border-color: #000000;--border-radius: 0px; 6553 --border-radius-mobile: 0px; 6554 6555 6556" sizes="auto"> 6557 6558 </div> 6559 <div class="image-block__media-slot image-block__media-slot--mobile"> 6560 6561<img src="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=352 352w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=3840 3840w" width="1790" height="1684" loading="lazy" class="image-block__image image-block__image--mobile border-style" style=" 6562 --ratio: 1.0629453681710215; 6563 --border-width: 1px; 6564--border-style: none;--border-color: #000000;--border-radius: 0px; 6565 --border-radius-mobile: 0px; 6566 6567 6568" sizes="auto"> 6569 6570 </div> 6571 </div> 6572 6573 6574 6575 6576 </div> 6577 6578 6579 6580 6581 6582 6583</div> 6584</div> 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594<div 6595 class=" 6596 group-block 6597 group-block--height-fit 6598 group-block--width-fill 6599 border-style 6600 spacing-style 6601 size-style 6602 6603 6604 6605 6606 6607 " 6608 style=" 6609 6610 6611--border-radius: 0px; 6612 6613 6614 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6615 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6616 6617 6618 --padding-block-start-mobile: 0px; 6619 --padding-block-end-mobile: 0px; 6620 --padding-inline-start-mobile: 0px; 6621 --padding-inline-end-mobile: 0px; 6622 6623 6624 6625 6626 6627 6628 6629 " 6630 6631 data-testid="group-block" 6632><div class="group-block__media-wrapper"> 6633 6634 6635 6636 6637 6638 </div> 6639 6640 <div 6641 class=" 6642 group-block-content 6643 6644 6645 layout-panel-flex 6646 6647 layout-panel-flex--column 6648 6649 6650 mobile-column 6651 6652 6653 6654 6655 6656" 6657 style=" 6658 --abc: center; 6659 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6660 6661--gap: 12px; 6662--gap-mobile: 12px; 6663 6664--horizontal-alignment: flex-start; --vertical-alignment: center; 6665--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 6666center; 6667; 6668 6669 6670 6671 " 6672 > 6673 6674 6675 6676 6677<div 6678 class=" 6679 group-block 6680 group-block--height-fit 6681 group-block--width-fill 6682 border-style 6683 spacing-style 6684 size-style 6685 6686 6687 6688 6689 6690 " 6691 style=" 6692 6693 6694--border-radius: 0px; 6695 6696 6697 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 20px; 6698 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6699 6700 6701 --padding-block-start-mobile: 0px; 6702 --padding-block-end-mobile: 0px; 6703 --padding-inline-start-mobile: 0px; 6704 --padding-inline-end-mobile: 0px; 6705 6706 6707 6708 6709 6710 6711 6712 " 6713 6714 data-testid="group-block" 6715><div class="group-block__media-wrapper"> 6716 6717 6718 6719 6720 6721 </div> 6722 6723 <div 6724 class=" 6725 group-block-content 6726 6727 6728 layout-panel-flex 6729 6730 layout-panel-flex--column 6731 6732 6733 mobile-column 6734 6735 6736 6737 6738 6739" 6740 style=" 6741 --abc: center; 6742 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6743 6744--gap: 12px; 6745--gap-mobile: 0px; 6746 6747--horizontal-alignment: flex-start; --vertical-alignment: center; 6748--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 6749center; 6750; 6751 6752 6753 6754 " 6755 > 6756 6757 6758 6759 6760<div 6761 class=" 6762 group-block 6763 group-block--height-fit 6764 group-block--width-fill 6765 border-style 6766 spacing-style 6767 size-style 6768 6769 6770 6771 6772 6773 " 6774 style=" 6775 6776 6777--border-radius: 0px; 6778 6779 6780 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6781 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6782 6783 6784 --padding-block-start-mobile: 0px; 6785 --padding-block-end-mobile: 0px; 6786 --padding-inline-start-mobile: 0px; 6787 --padding-inline-end-mobile: 0px; 6788 6789 6790 6791 6792 6793 6794 6795 " 6796 6797 data-testid="group-block" 6798><div class="group-block__media-wrapper"> 6799 6800 6801 6802 6803 6804 </div> 6805 6806 <div 6807 class=" 6808 group-block-content 6809 6810 6811 layout-panel-flex 6812 6813 layout-panel-flex--row 6814 6815 6816 6817 6818 6819 layout-panel-flex--mobile-row 6820 6821 6822 6823 layout-panel-flex--mobile-wrap 6824 6825 6826" 6827 style=" 6828 --abc: center; 6829 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6830 6831--gap: 12px; 6832--gap-mobile: 12px; 6833 6834--horizontal-alignment: flex-start; --vertical-alignment: center; 6835--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 6836center; 6837; 6838 6839 6840 6841 " 6842 > 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 <div 6853 class=" spacing-style text-block text-block--ANXVaYy96TWNsZHNSd__text_NWrYzp custom 6854 text-block--align-left text-block--align-mobile-left text-block--has-border custom-typography custom-font-size custom-color text-block--background 6855 " 6856 6857 style=" 6858 --padding-block-start: 7px; --padding-block-end:7px; 6859--padding-inline-start:10px; --padding-inline-end:10px; 6860 6861 6862 6863 6864 6865--color: #00178f;
6865--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: auto; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); 6866 --font-size-mobile: 0.875rem; 6867 --width: fit-content; 6868 --width-mobile: fit-content; 6869 6870 6871 6872 --max-width: var(--max-width--body-normal); 6873 6874 --padding-block-start-mobile: 7px; 6875 --padding-block-end-mobile: 7px; 6876 --padding-inline-start-mobile: 10px; 6877 --padding-inline-end-mobile: 10px; 6878 6879 6880 --text-wrap: auto; 6881 6882 6883 --text-wrap-mobile: auto; 6884 6885 6886 --text-hyphens: none; 6887 6888 6889 --text-background-color: #4dffff; 6890 6891 --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); 6892 6893 6894 --text-corner-radius: 0px; 6895 6896 --border: 1px solid #4dffff; --border-visibility: always; 6897 6898--border-radius: 50px; 6899 6900 overflow: hidden; 6901 6902 6903 6904 6905 6906 6907 6908 6909 --text-indent-mobile: 0px; 6910 6911 6912 6913 " 6914 6915 6916> 6917 <p>NEW</p> 6918 6919 6920 </div> 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936</div> 6937</div> 6938 6939 6940 6941 6942 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 <div 6953 class=" spacing-style text-block text-block--AVG8yVHR6M1FZZERqZ__text_KzAxh9 custom 6954 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 6955 " 6956 6957 style=" 6958 --padding-block-start: 12px; --padding-block-end:0px; 6959--padding-inline-start:0px; --padding-inline-end:0px; 6960 6961 6962 6963 6964 6965--color: #00178f;--font-size: clamp(2.125rem, calc(1.5819209039548023rem + 1.1299435028248588vw), 2.5rem); --font-size-base: 2.5rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 6966 --font-size-mobile: 2.25rem; 6967 --width: fit-content; 6968 --width-mobile: fit-content; 6969 6970 6971 6972 --max-width: var(--max-width--body-normal); 6973 6974 --padding-block-start-mobile: 12px; 6975 --padding-block-end-mobile: 14px; 6976 --padding-inline-start-mobile: 0px; 6977 --padding-inline-end-mobile: 0px; 6978 6979 6980 --text-wrap: auto; 6981 6982 6983 --text-wrap-mobile: auto; 6984 6985 6986 --text-hyphens: none; 6987 6988 6989 6990 --text-corner-radius: 0px; 6991 6992 6993 6994--border-radius: 50px; 6995 6996 overflow: hidden; 6997 6998 6999 7000 7001 7002 7003 7004 7005 --text-indent-mobile: 0px; 7006 7007 7008 --text-line-height-desktop: 120%; 7009 --text-line-height-mobile: 110%; 7010 7011 7012 --text-letter-spacing-desktop: -0.3px; 7013 --text-letter-spacing-mobile: -0.3px; 7014 7015 " 7016 7017 7018> 7019 <p>Vitamin D3 K2 Liquid Sunshine</p> 7020 7021 7022 </div> 7023 7024 7025 7026 7027 7028 <style data-shopify> 7029 .text-block.text-block--AVG8yVHR6M1FZZERqZ__text_KzAxh9 > * { 7030 line-height: var(--text-line-height-desktop, inherit); 7031 } 7032 7033 @media screen and (max-width: 1023px) { 7034 .text-block.text-block--AVG8yVHR6M1FZZERqZ__text_KzAxh9 > * { 7035 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 7036 } 7037 } 7038 </style> 7039 7040 7041 7042 <style data-shopify> 7043 .text-block.text-block--AVG8yVHR6M1FZZERqZ__text_KzAxh9 > * { 7044 letter-spacing: var(--text-letter-spacing-desktop, inherit); 7045 } 7046 7047 @media screen and (max-width: 1023px) { 7048 .text-block.text-block--AVG8yVHR6M1FZZERqZ__text_KzAxh9 > * { 7049 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 7050 } 7051 } 7052 </style> 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 <div 7071 class=" spacing-style text-block text-block--AYmY5MGJXNGVUNC84e__text_bhx3qD custom 7072 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 7073 " 7074 7075 style=" 7076 --padding-block-start: 0px; --padding-block-end:0px; 7077--padding-inline-start:0px; --padding-inline-end:0px; 7078 7079 7080 7081 7082 7083--color: #1c1c1a;--font-size: clamp(0.95625rem, calc(0.711864406779661rem + 0.5084745762711864vw), 1.125rem); --font-size-base: 1.125rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 7084 --font-size-mobile: 1rem; 7085 --width: fit-content; 7086 --width-mobile: fit-content; 7087 7088 7089 7090 --max-width: var(--max-width--body-normal); 7091 7092 --padding-block-start-mobile: 0px; 7093 --padding-block-end-mobile: 0px; 7094 --padding-inline-start-mobile: 0px; 7095 --padding-inline-end-mobile: 0px; 7096 7097 7098 --text-wrap: auto; 7099 7100 7101 --text-wrap-mobile: auto; 7102 7103 7104 --text-hyphens: none; 7105 7106 7107 7108 --text-corner-radius: 0px; 7109 7110 7111 7112--border-radius: 0px; 7113 7114 7115 7116 7117 7118 7119 7120 7121 --text-indent-mobile: 0px; 7122 7123 7124 --text-line-height-desktop: 140%; 7125 --text-line-height-mobile: 140%; 7126 7127 7128 " 7129 7130 7131> 7132 <div class="metafield-rich_text_field"><p>Zoefull Vitamin D3 K2 Liquid Sunshine is a high-potency liquid vitamin D formula designed to support immunity, mood, bone strength, calcium absorption, and long-term vitality.</p></div> 7133 7134 7135 </div> 7136 7137 7138 7139 7140 7141 <style data-shopify> 7142 .text-block.text-block--AYmY5MGJXNGVUNC84e__text_bhx3qD > * { 7143 line-height: var(--text-line-height-desktop, inherit); 7144 } 7145 7146 @media screen and (max-width: 1023px) { 7147 .text-block.text-block--AYmY5MGJXNGVUNC84e__text_bhx3qD > * { 7148 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 7149 } 7150 } 7151 </style> 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166<div 7167 class=" 7168 group-block 7169 group-block--height-fit 7170 group-block--width-fit-content 7171 border-style 7172 spacing-style 7173 size-style 7174 7175 7176 7177 7178 7179 " 7180 style=" 7181 7182 7183--border-radius: 0px; 7184 7185 7186 --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7187 --size-style-width: fit-content;--size-style-height: fit;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7188 7189 7190 --padding-block-start-mobile: 0px; 7191 --padding-block-end-mobile: 0px; 7192 --padding-inline-start-mobile: 0px; 7193 --padding-inline-end-mobile: 0px; 7194 7195 7196 7197 7198 7199 7200 7201 " 7202 7203 data-testid="group-block" 7204><div class="group-block__media-wrapper"> 7205 7206 7207 7208 7209 7210 </div> 7211 7212 <div 7213 class=" 7214 group-block-content 7215 7216 7217 layout-panel-flex 7218 7219 layout-panel-flex--row 7220 7221 7222 mobile-column 7223 7224 7225 7226 7227 7228" 7229 style=" 7230 --abc: center; 7231 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7232 7233--gap: 24px; 7234--gap-mobile: 16px; 7235 7236--horizontal-alignment: flex-start; --vertical-alignment: center; 7237--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 7238flex-start; 7239; 7240 7241 7242 7243 " 7244 > 7245 7246<style data-shopify> 7247 .add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK { 7248 --size-style-width: 100%;--size-style-height: ;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 100%; 7249 7250 --atc-button-width: 100%; 7251 --atc-line-height: 100%; 7252 7253 --atc-line-height-mobile: 100%; 7254 7255 7256 7257 --atc-font-weight: 500; 7258 --atc-text-transform: uppercase; 7259 7260 --atc-bg-color: #00178f; 7261 --atc-text-color: #ffffff; 7262 --atc-border-color: #00178f; 7263 --atc-bg-color-hover: #034de4; 7264 --atc-text-color-hover: #ffffff; 7265 --atc-border-color-hover: #034de4; 7266 7267 7268 --atc-margin-top: 0px; 7269 --atc-margin-bottom: 0px; 7270 --atc-margin-top-mobile: 24px; 7271 --atc-margin-bottom-mobile: 0px; 7272 } 7273 7274 7275 @media screen and (max-width: 1023px) { 7276 7277 .add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK .add-to-cart-block__button, 7278 .add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK a.add-to-cart-block__button { 7279 --button-color: var(--color-secondary-button-text); 7280 --button-background-color: var(--color-secondary-button-background); 7281 --button-border-color: var(--color-secondary-button-background); 7282 --button-border-width: var(--style-border-width-secondary); 7283 --button-color-hover: var(--color-secondary-button-hover-text); 7284 --button-background-color-hover: var(--color-secondary-button-hover-background); 7285 --button-border-color-hover: var(--color-secondary-button-hover-border); 7286 font-family: var(--button-font-family-secondary); 7287 text-transform: var(--atc-text-transform, var(--button-text-case-secondary)); 7288 border-radius: var(--style-border-radius-buttons-secondary); 7289 color: var(--button-color); 7290 background-color: var(--button-background-color); 7291 box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); 7292 7293 } 7294 .add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK .add-to-cart-block__button:hover:not(:disabled), 7295 .add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK a.add-to-cart-block__button:hover { 7296 --button-color: var(--button-color-hover); 7297 --button-background-color: var(--button-background-color-hover); 7298 --button-border-color: var(--button-border-color-hover); 7299 color: var(--button-color-hover); 7300 background-color: var(--button-background-color-hover); 7301 } 7302 7303 } 7304 7305 </style> 7306 <div 7307 class="add-to-cart-block add-to-cart-block--AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK justify-center atc-button--full-width size-style " 7308 7309 ><product-form-component 7310 data-section-id="template--22820405739828__featured_product_with_shape_VpQQGB" 7311 data-product-id="9333534589236" 7312 class="add-to-cart-block__form" 7313 on:submit="/handleSubmit" 7314 data-quantity-default="1" 7315 > 7316 <div 7317 class="visually-hidden"
7318 aria-live="assertive" 7319 role="status" 7320 aria-atomic="true" 7321 ref="liveRegion" 7322 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9333534589236-AU1J4Qkh2V29BRmZUN__add_to_cart_button_VwTmDK" 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 7323 type="hidden" 7324 name="id" 7325 ref="variantId" 7326 value="49125351424308" 7327 7328 > 7329 <input 7330 type="hidden" 7331 name="quantity" 7332 value="1" 7333 > 7334 7335 <add-to-cart-component 7336 ref="addToCartButtonContainer" 7337 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_30_Servings_G.webp?v=1784025339&width=100" 7338 data-add-to-cart-animation="false" 7339 class="add-to-cart-block__component" 7340 > 7341 <button 7342 type="submit" 7343 name="add" 7344 ref="addToCartButton" 7345 on:click="/handleClick" 7346 class="add-to-cart-block__button add-to-cart-button min-w-[90px] desktop:px-6 button atc-custom-colors" 7347 7348 > 7349 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 7350 <span 7351 ><span>Add to Cart</span></span 7352 > 7353 </span><span class="">ã»</span> 7354 <span class="add-to-cart-block__price"> 7355 $40.00 7356 </span></span><span class="add-to-cart__added"> 7357 <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"> 7358 <g class="check"> 7359 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7360 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7361 </g> 7362 <g class="burst"> 7363 <g style="--index: 0;"> 7364 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7365 </g> 7366 <g style="--index: 1;"> 7367 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7368 </g> 7369 <g style="--index: 2;"> 7370 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7371 </g> 7372 <g style="--index: 3;"> 7373 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7374 </g> 7375 <g style="--index: 4;"> 7376 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7377 </g> 7378 <g style="--index: 5;"> 7379 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7380 </g> 7381 <g style="--index: 6;"> 7382 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7383 </g> 7384 <g style="--index: 7;"> 7385 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7386 </g> 7387 </g> 7388</svg> 7389</span> 7390 </span> 7391 </button> 7392 </add-to-cart-component><button 7393 type="button" 7394 class="add-to-cart-block__button add-to-cart-button min-w-[90px] desktop:px-6 button atc-custom-colors" 7395 data-loop-custom-atc 7396 data-product-id="9333534589236" 7397 hidden 7398 7399 > 7400 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content">
7401 <span 7402 ><span>Add to Cart</span></span 7403 > 7404 </span><span class="">ã»</span> 7405 <span class="add-to-cart-block__price"> 7406 $40.00 7407 </span></span> 7408 <span class="add-to-cart__added"> 7409 <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"> 7410 <g class="check"> 7411 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7412 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7413 </g> 7414 <g class="burst"> 7415 <g style="--index: 0;"> 7416 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7417 </g> 7418 <g style="--index: 1;"> 7419 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7420 </g> 7421 <g style="--index: 2;"> 7422 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7423 </g> 7424 <g style="--index: 3;"> 7425 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7426 </g> 7427 <g style="--index: 4;"> 7428 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7429 </g> 7430 <g style="--index: 5;"> 7431 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7432 </g> 7433 <g style="--index: 6;"> 7434 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7435 </g> 7436 <g style="--index: 7;"> 7437 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7438 </g> 7439 </g> 7440</svg> 7441</span> 7442 </span> 7443 <span class="loop-atc-loading" aria-hidden="true"> 7444 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 7445 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 7446 </svg> 7447 </span> 7448 </button><input type="hidden" name="product-id" value="9333534589236" /><input type="hidden" name="section-id" value="template--22820405739828__featured_product_with_shape_VpQQGB" /></form></product-form-component></div> 7449 7450 7451 7452 7453 7454 7455<style> 7456 .btn-link.btn-link--AU1IzTE8zdU9nTDhjK__button_tpqeyy {--button-color: #00178f; 7457 color: var(--button-color); 7458 } 7459 .btn-link.btn-link--AU1IzTE8zdU9nTDhjK__button_tpqeyy:hover {--button-color: #034de4; 7460 color: var(--button-color); 7461 } 7462</style><a 7463 7464 href="/products/vitamin-d3-k2-liquid-sunshine" 7465 7466 class=" whitespace-nowrap custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--AU1IzTE8zdU9nTDhjK__button_tpqeyy leading-none global-button" 7467 style=" 7468 --size-style-width: fit-content; 7469 --size-style-width-mobile: var(--size-style-width); 7470 7471 7472 --font-size: 1.125rem; 7473 7474 7475 --font-size-mobile: 1rem; 7476 7477 7478 --font-weight: 400; 7479 7480 7481 7482 7483 7484 7485 --button-margin-top: 0px; 7486 --button-margin-bottom: 0px; 7487 --button-margin-top-mobile: 0px; 7488 --button-margin-bottom-mobile: 0px; 7489 7490 7491 " 7492> 7493 Learn More 7494 7495</a> 7496 7497 7498 7499 7500 7501 7502 7503</div> 7504</div> 7505 7506 7507 7508 7509 7510 7511</div> 7512</div> 7513 7514 7515 7516 7517 7518 7519</div> 7520</div> 7521 7522 7523 7524 7525 7526 7527 </div> 7528</div> 7529 7530 7531 7532</div> 7533 7534 7535 7536 7537 7538 7539 </div> 7540 </div> 7541</div> 7542 7543 7544 7545 7546</section><div id="shopify-section-template--22820405739828__main" class="shopify-section">
7546<script 7547 src="//zoefull.com/cdn/shop/t/128/assets/results-list.js?v=28346210841421047511786530322" 7548 type="module" 7549 fetchpriority="low" 7550></script>
7550 7551 7552 7553 7554 7555<div class="section-background color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5"></div> 7556<results-list 7557 class="section product-grid-container color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5" 7558 style="--padding-block-start: 20px; --padding-block-end: 50px;" 7559 section-id="template--22820405739828__main" 7560 infinite-scroll="true" 7561> 7562 <a 7563 class="skip-to-content-link button-secondary" 7564 href="#ResultsList" 7565> 7566 Skip to results list 7567</a> 7568 7569 7570 <div 7571 class="collection-wrapper gap-style" 7572 > 7573
7574<script 7575 src="//zoefull.com/cdn/shop/t/128/assets/facets.js?v=89501134377362100281786530322" 7576 type="module" 7577 fetchpriority="low" 7578></script>
7578 7579
7580<script 7581 src="//zoefull.com/cdn/shop/t/128/assets/scrolling.js?v=118005526288211533611786530322" 7582 type="module" 7583 fetchpriority="low" 7584></script>
7584 7585 <div></div> 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604<style data-shopify> 7605 @media (min-width: 1024px) { 7606 7607 .product-grid--template--22820405739828__main:is(.product-grid--grid) { 7608 --product-grid-columns-desktop: repeat(2, 1fr); 7609 } 7610 7611 7612 } 7613 7614 @media (min-width: 1024px) { 7615 .product-grid--template--22820405739828__main[product-grid-view='zoom-out'] { 7616 --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr)); 7617 } 7618 7619 .product-grid--template--22820405739828__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details { 7620 display: block; 7621 } 7622 7623 .product-grid--template--22820405739828__main[product-grid-view='zoom-out'] .product-grid__card { 7624 padding-inline-start: var(--zoom-out-padding-inline-start, 0); 7625 padding-inline-end: var(--zoom-out-padding-inline-end, 0); 7626 padding-block-start: var(--zoom-out-padding-block-start, 0); 7627 padding-block-end: var(--zoom-out-padding-block-end, 0); 7628 } 7629 } 7630</style> 7631<div 7632 id="ResultsList" 7633 class=" 7634 main-collection-grid 7635 7636 7637 spacing-style 7638 " 7639 7640 style=" 7641 --grid--margin--mobile: 0 var(--margin-lg); 7642 --grid-column--desktop: var(--centered); 7643 --grid-column--mobile: var(--centered); 7644 --padding-inline-start: 0px; 7645 --padding-inline-end: 0px; 7646 " 7647> 7648 <div 7649 style=" 7650 grid-column: var(--full-width); 7651 --product-grid-gap-mobile: 12px 12px; 7652 --product-grid-gap-desktop: 16px 16px; 7653 container-type: inline-size; 7654 container-name: product-grid; 7655 " 7656 > 7657 7658 7659 <span ref="viewMorePrevious"></span> 7660 7661 7662 7663 <ul 7664 class="product-grid product-grid--template--22820405739828__main product-grid--grid" 7665 data-testid="product-grid" 7666 product-grid-view="default" 7667 ref="grid" 7668 role="list" 7669 style="--mobile-columns: 1;" 7670 data-last-page="1" 7671 data-product-card-size="extra-large" 7672 > 7673 7674 7675
7675<script> 7676 (() => { 7677 const grid = document.querySelector('.product-grid'); 7678 if (!grid) return; 7679 7680 const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default'; 7681 const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default'; 7682 7683 // No need to read the window width if no custom layouts were saved. 7684 if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return; 7685 7686 const storedLayout = window.innerWidth >= 1024 ? storedLayoutDesktop : storedLayoutMobile; 7687 if (storedLayout === 'default') return; 7688 7689 grid.setAttribute('product-grid-view', storedLayout); 7690 7691 const options = document.querySelectorAll( 7692 'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]', 7693 ); 7694 for (const option of options) { 7695 option.checked = option.value === storedLayout; 7696 } 7697 })(); 7698 </script>
7698 7699 7700 7701 7702 7703 <li 7704 id="template--22820405739828__main-9292613452084" 7705 class="product-grid__item product-grid__item--0" 7706 data-page="1" 7707 data-product-id="9292613452084" 7708 ref="cards[]" 7709 data-handle="wild-olive-oil" 7710 > 7711 7712 7713 7714 7715 7716<style data-shopify> 7717 7718</style> 7719 7720 7721<product-card 7722 class="product-card" 7723 data-product-id="9292613452084" 7724 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card" 7725 data-product-transition="false" 7726 7727 7728> 7729 <a 7730 id="510186c93386603c44a1befa1032ee83" 7731 7732 href="/products/wild-olive-oil?variant=48965464949044" 7733 7734 class="product-card__link" 7735 ref="productCardLink" 7736 > 7737 <span class="visually-hidden"> 7738 Wild Olive Oil 7739 </span> 7740 </a> 7741 <div 7742 class=" 7743 product-card__content 7744 relative 7745 layout-panel-flex 7746 layout-panel-flex--row 7747 mobile-column 7748 product-grid__card 7749 spacing-style 7750 border-style 7751 gap-style 7752 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 7753 " 7754 style=" 7755 7756 7757 --border-width: 1px; 7758--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 7759 --border-radius-mobile: 16px; 7760 overflow: hidden; 7761 7762 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7763 7764--gap: 22px; 7765 7766 7767--horizontal-alignment: center; --vertical-alignment: center; 7768--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 7769center; 7770 7771 7772 --product-card-gap: 4px; 7773 7774 --padding-block-start: 40px; --padding-block-end:40px; 7775--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 7776--mobile-padding-block-end: 15px; 7777--mobile-padding-inline-start: 0px; 7778--mobile-padding-inline-end: 0px; 7779 7780 --color-background: 243 243 244; background-color: #f3f3f4; 7781 --color-foreground: 28 28 26; color: #1c1c1a; 7782 --quick-add-display: flex; 7783 --quick-add-mobile-display: none; 7784 --quick-add-mobile-opacity: 0; 7785 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 7786 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 7787 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 7788 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 7789 " 7790 > 7791 7792 7793 7794 7795<div 7796 ref="cardGallery" 7797 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG spacing-style border-style" 7798 style=" 7799 --border-width: 1px; 7800--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 7801 --border-radius-mobile: 0px; 7802 7803 7804 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 7805 --gallery-aspect-ratio: 1.0; 7806 --desktop-max-height: 290px; 7807 " 7808 data-product-id="9292613452084" 7809 7810 7811 data-image-ratio="adapt" 7812 7813> 7814 <a 7815 class="contents" 7816 ref="cardGalleryLink" 7817 href="/products/wild-olive-oil?variant=48965464949044" 7818 aria-label="Wild Olive Oil" 7819 > 7820 7821 7822 <slideshow-component 7823 7824 ref="slideshow" 7825 7826 7827 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 7828 7829 initial-slide="0" 7830 7831 7832 infinite 7833 7834 7835 disabled="true" 7836> 7837 7838 <slideshow-container ref="slideshowContainer"> 7839 7840 7841 <slideshow-slides 7842 tabindex="-1" 7843 ref="scroller" 7844 7845 > 7846 7847 <slideshow-slide 7848 ref="slides[]" 7849 aria-hidden="false" 7850 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 7851 7852 class="product-media-container media-fit" 7853 7854 7855 7856 7857 7858> 7859 7860 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 7861 7862</slideshow-slide> 7863 7864 7865 </slideshow-slides> 7866 </slideshow-container> 7867 7868</slideshow-component> 7869 7870 7871 7872 </a> 7873</div> 7874 7875 7876 7877 7878 7879<div class="product-grid-view-zoom-out--details"> 7880 7881 <h3 class="h4">Wild Olive Oil</h3> 7882 7883</div> 7884 7885 7886 7887 7888 7889 7890<div 7891 class=" 7892 group-block 7893 group-block--height-fit 7894 group-block--width-fill 7895 border-style 7896 spacing-style 7897 size-style 7898 7899 7900 7901 7902 7903 " 7904 style=" 7905 7906 7907--border-radius: 0px; 7908 7909 7910 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7911 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7912 7913 7914 --padding-block-start-mobile: 0px; 7915 --padding-block-end-mobile: 0px; 7916 --padding-inline-start-mobile: 0px; 7917 --padding-inline-end-mobile: 0px; 7918 7919 7920 7921 7922 7923 7924 7925 " 7926 7927 data-testid="group-block" 7928><div class="group-block__media-wrapper"> 7929 7930 7931 7932 7933 7934 </div> 7935 7936 <div 7937 class=" 7938 group-block-content 7939 7940 7941 layout-panel-flex 7942 7943 layout-panel-flex--column 7944 7945 7946 mobile-column 7947 7948 7949 7950 7951 7952" 7953 style=" 7954 --abc: center; 7955 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7956 7957--gap: 0px; 7958--gap-mobile: 0px; 7959 7960--horizontal-alignment: flex-start; --vertical-alignment: center; 7961--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 7962center; 7963; 7964 7965 7966 7967 " 7968 > 7969 7970 7971 7972 7973<div 7974 class=" 7975 group-block 7976 group-block--height-fit 7977 group-block--width-fill 7978 border-style 7979 spacing-style 7980 size-style 7981 7982 7983 7984 7985 7986 " 7987 style=" 7988 7989 7990--border-radius: 0px; 7991 7992 7993 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7994 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7995 7996 7997 --padding-block-start-mobile: 0px; 7998 --padding-block-end-mobile: 0px; 7999 --padding-inline-start-mobile: 0px; 8000 --padding-inline-end-mobile: 0px; 8001 8002 8003 8004 8005 8006 8007 8008 " 8009 8010 data-testid="group-block" 8011><div class="group-block__media-wrapper"> 8012 8013 8014 8015 8016 8017 </div> 8018 8019 <div 8020 class=" 8021 group-block-content 8022 8023 8024 layout-panel-flex 8025 8026 layout-panel-flex--row 8027 8028 8029 8030 8031 8032 layout-panel-flex--mobile-column 8033 8034 8035 8036group-block-content--column-reverse-mobile 8037" 8038 style=" 8039 --abc: center; 8040 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8041 8042--gap: 7px; 8043--gap-mobile: 8px; 8044 8045--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 8046--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 8047flex-start; 8048; 8049 8050 8051 8052 " 8053 > 8054 8055 8056 8057 <product-tags 8058 class="product-tags" 8059 data-product-id="9292613452084" 8060 data-show-sold-out="true" 8061 style=" 8062 --product-tags-min-height-desktop: 32px; 8063 --product-tags-min-height-mobile: 32px; 8064 " 8065 ><div 8066 class="product-tags__badge product-tags__badge--bestseller" 8067 data-badge="bestseller" 8068 style="--badge-bg: #4dffff; --badge-text: #00178f;" 8069 > 8070 <div 8071 class="product-tags__badge-inner custom-typography custom-font-size" 8072 style=" 8073 --padding-block-start: 6px; --padding-block-end:6px; 8074--padding-inline-start:10px; --padding-inline-end:10px; 8075 8076 8077 8078 8079 8080--color: ;
8080--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 8081 --text-corner-radius: 50px; 8082 --font-size-mobile: 0.875rem; 8083 --padding-block-start-mobile: 8px; 8084 --padding-block-end-mobile: 7px; 8085 --padding-inline-start-mobile: 8px; 8086 --padding-inline-end-mobile: 8px; 8087 8088 --line-height: 100%; 8089 --line-height-desktop: 100%; 8090 --line-height-mobile: 100%; 8091 8092 8093 --letter-spacing: 0.3px; 8094 --letter-spacing-desktop: 0.3px; 8095 --letter-spacing-mobile: 0.3px; 8096 8097 " 8098 > 8099 BESTSELLER 8100 </div> 8101 </div><div 8102 class="product-tags__badge product-tags__badge--sold-out" 8103 data-badge="sold-out" 8104 style="--badge-bg: #e54848; --badge-text: #ffffff;" 8105 8106 hidden 8107 8108 > 8109 <div 8110 class="product-tags__badge-inner custom-typography custom-font-size" 8111 style=" 8112 --padding-block-start: 6px; --padding-block-end:6px; 8113--padding-inline-start:10px; --padding-inline-end:10px; 8114 8115 8116 8117 8118 8119--color: ;--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 8120 --text-corner-radius: 50px; 8121 --font-size-mobile: 0.875rem; 8122 --padding-block-start-mobile: 8px; 8123 --padding-block-end-mobile: 7px; 8124 --padding-inline-start-mobile: 8px; 8125 --padding-inline-end-mobile: 8px; 8126 8127 --line-height: 100%; 8128 --line-height-desktop: 100%; 8129 --line-height-mobile: 100%; 8130 8131 8132 --letter-spacing: 0.3px; 8133 --letter-spacing-desktop: 0.3px; 8134 --letter-spacing-mobile: 0.3px; 8135 8136 " 8137 > 8138 SOLD OUT 8139 </div> 8140 </div></product-tags> 8141 8142 8143 8144 8145 8146 8147</div> 8148</div> 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161 8162 8163 <div 8164 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k custom 8165 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 8166 " 8167 8168 style=" 8169 --padding-block-start: 12px; --padding-block-end:15px; 8170--padding-inline-start:0px; --padding-inline-end:0px; 8171 8172 8173 8174 8175 8176--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 8177 --font-size-mobile: 1.25rem; 8178 --width: fit-content; 8179 --width-mobile: fit-content; 8180 8181 8182 8183 --max-width: var(--max-width--body-normal); 8184 8185 --padding-block-start-mobile: 8px; 8186 --padding-block-end-mobile: 8px; 8187 --padding-inline-start-mobile: 0px; 8188 --padding-inline-end-mobile: 0px; 8189 8190 8191 --text-wrap: auto; 8192 8193 8194 --text-wrap-mobile: auto; 8195 8196 8197 --text-hyphens: none; 8198 8199 8200 8201 --text-corner-radius: 0px; 8202 8203 8204 8205--border-radius: 50px; 8206 8207 overflow: hidden; 8208 8209 8210 8211 8212 8213 8214 8215 8216 --text-indent-mobile: 0px; 8217 8218 8219 --text-line-height-desktop: 120%; 8220 --text-line-height-mobile: 120%; 8221 8222 8223 --text-letter-spacing-desktop: -0.3px; 8224 --text-letter-spacing-mobile: -0.3px; 8225 8226 " 8227 8228 8229> 8230 <p>Wild Olive Oil</p> 8231 8232 8233 </div> 8234 8235 8236 8237 8238 8239 <style data-shopify> 8240 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k > * { 8241 line-height: var(--text-line-height-desktop, inherit); 8242 } 8243 8244 @media screen and (max-width: 1023px) { 8245 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k > * { 8246 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 8247 } 8248 } 8249 </style> 8250 8251 8252 8253 <style data-shopify> 8254 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k > * { 8255 letter-spacing: var(--text-letter-spacing-desktop, inherit); 8256 } 8257 8258 @media screen and (max-width: 1023px) { 8259 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k > * { 8260 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 8261 } 8262 } 8263 </style> 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 8274 8275 <div 8276 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B selling-points--layout-vertical selling-points--align-left" 8277 style=" 8278 --selling-points-gap: 5px; 8279 --selling-points-gap-mobile: 6px; 8280 --selling-points-icon-gap: 7px; 8281 --selling-points-padding-top: 0px; 8282 --selling-points-padding-bottom: 0px; 8283 --selling-points-padding-top-mobile: 0px; 8284 --selling-points-padding-bottom-mobile: 0px; 8285 --selling-points-color: #1c1c1a; 8286 --selling-points-font-size: 1.125rem; 8287 --selling-points-font-size-mobile: 0.875rem; 8288 --selling-points-font-weight: 400; 8289 --selling-points-line-height: 120%; 8290 --selling-points-line-height-mobile: 120%; 8291 " 8292 8293 > 8294 8295 8296 <div class="selling-points__item">
8297 <span class="selling-points__icon"> 8298 8299 <svg 8300 xmlns="http://www.w3.org/2000/svg" 8301 width="16" 8302 height="16" 8303 viewBox="0 0 16 16" 8304 fill="none" 8305 class="selling-points__icon-svg" 8306 > 8307 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B_1)"> 8308 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 8309 </g> 8310 <defs> 8311 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B_1"> 8312 <rect width="16" height="16" fill="white"/> 8313 </clipPath> 8314 </defs> 8315 </svg> 8316 8317 </span> 8318 <span class="selling-points__text">Anti-Inflammatory</span> 8319 </div> 8320 8321 8322 <div class="selling-points__item"> 8323 <span class="selling-points__icon"> 8324 8325 <svg 8326 xmlns="http://www.w3.org/2000/svg" 8327 width="16" 8328 height="16"
8329 viewBox="0 0 16 16" 8330 fill="none" 8331 class="selling-points__icon-svg" 8332 > 8333 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B_2)"> 8334 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 8335 </g> 8336 <defs> 8337 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B_2"> 8338 <rect width="16" height="16" fill="white"/> 8339 </clipPath> 8340 </defs> 8341 </svg> 8342 8343 </span> 8344 <span class="selling-points__text">20x Polyphenols</span> 8345 </div> 8346 8347 8348 8349 </div> 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359<div 8360 class=" 8361 group-block 8362 group-block--height-fit 8363 group-block--width-fill 8364 border-style 8365 spacing-style 8366 size-style 8367 8368 8369 8370 8371 8372 " 8373 style=" 8374 8375 8376--border-radius: 0px; 8377 8378 8379 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8380 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8381 8382 8383 --padding-block-start-mobile: 0px; 8384 --padding-block-end-mobile: 0px; 8385 --padding-inline-start-mobile: 0px; 8386 --padding-inline-end-mobile: 0px; 8387 8388 8389 8390 8391 8392 8393 8394 " 8395 8396 data-testid="group-block" 8397><div class="group-block__media-wrapper"> 8398 8399 8400 8401 8402 8403 </div> 8404 8405 <div 8406 class=" 8407 group-block-content 8408 8409 8410 layout-panel-flex 8411 8412 layout-panel-flex--row 8413 8414 8415 mobile-column 8416 8417 8418 8419 8420 8421" 8422 style=" 8423 --abc: center; 8424 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8425 8426--gap: 12px; 8427--gap-mobile: 8px; 8428 8429--horizontal-alignment: flex-start; --vertical-alignment: center; 8430--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 8431flex-start; 8432; 8433 8434 8435 8436 " 8437 > 8438 8439<style data-shopify> 8440 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj { 8441 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 8442 8443 --atc-button-width: fit-content; 8444 --atc-line-height: 100%; 8445 8446 --atc-line-height-mobile: 130%; 8447 8448 --atc-font-size: 0.9375rem; 8449 --atc-font-size-mobile: 0.75rem; 8450 --atc-font-weight: 600; 8451 --atc-text-transform: uppercase; 8452 8453 8454 --atc-pad-block-start: 18px; 8455 --atc-pad-block-end: 18px; 8456 --atc-pad-inline-start: 24px; 8457 --atc-pad-inline-end: 24px; 8458 --atc-pad-block-start-mobile: 10px; 8459 --atc-pad-block-end-mobile: 10px; 8460 --atc-pad-inline-start-mobile: 15px; 8461 --atc-pad-inline-end-mobile: 15px; 8462 8463 --atc-margin-top: 0px; 8464 --atc-margin-bottom: 0px; 8465 --atc-margin-top-mobile: 12px; 8466 --atc-margin-bottom-mobile: 0px; 8467 } 8468 8469 8470 </style> 8471 <div 8472 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj justify-left add-to-cart-block--custom-button-padding size-style " 8473 8474 ><product-form-component 8475 data-section-id="template--22820405739828__main" 8476 data-product-id="9292613452084" 8477 class="add-to-cart-block__form" 8478 on:submit="/handleSubmit" 8479 data-quantity-default="1" 8480 > 8481 <div 8482 class="visually-hidden" 8483 aria-live="assertive" 8484 role="status" 8485 aria-atomic="true" 8486 ref="liveRegion" 8487 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9292613452084-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj" 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 8488 type="hidden" 8489 name="id" 8490 ref="variantId" 8491 value="48965464949044" 8492 8493 > 8494 <input 8495 type="hidden" 8496 name="quantity" 8497 value="1" 8498 > 8499 8500 <add-to-cart-component 8501 ref="addToCartButtonContainer" 8502 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_300ml_0da5595d-f74a-4ee8-8cc6-f2bc412178e4.webp?v=1786632638&width=100" 8503 data-add-to-cart-animation="false" 8504 class="add-to-cart-block__component" 8505 > 8506 <button 8507 type="submit" 8508 name="add" 8509 ref="addToCartButton" 8510 on:click="/handleClick" 8511 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 8512 8513 >
8514 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 8515 <span 8516 ><span>Add to Cart</span></span 8517 > 8518 </span><span class="">ã»</span> 8519 <span class="add-to-cart-block__price"> 8520 $149.00 8521 </span></span><span class="add-to-cart__added"> 8522 <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"> 8523 <g class="check"> 8524 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8525 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8526 </g> 8527 <g class="burst"> 8528 <g style="--index: 0;"> 8529 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8530 </g> 8531 <g style="--index: 1;"> 8532 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8533 </g> 8534 <g style="--index: 2;"> 8535 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8536 </g> 8537 <g style="--index: 3;"> 8538 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8539 </g> 8540 <g style="--index: 4;"> 8541 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8542 </g> 8543 <g style="--index: 5;"> 8544 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8545 </g> 8546 <g style="--index: 6;"> 8547 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8548 </g> 8549 <g style="--index: 7;"> 8550 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8551 </g> 8552 </g> 8553</svg> 8554</span> 8555 </span> 8556 </button> 8557 </add-to-cart-component><button 8558 type="button" 8559 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 8560 data-loop-custom-atc 8561 data-product-id="9292613452084" 8562 hidden 8563 8564 > 8565 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 8566 <span 8567 ><span>Add to Cart</span></span 8568 > 8569 </span><span class="">ã»</span> 8570 <span class="add-to-cart-block__price"> 8571 $149.00 8572 </span></span> 8573 <span class="add-to-cart__added"> 8574 <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"> 8575 <g class="check"> 8576 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8577 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8578 </g> 8579 <g class="burst"> 8580 <g style="--index: 0;"> 8581 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8582 </g> 8583 <g style="--index: 1;"> 8584 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8585 </g> 8586 <g style="--index: 2;"> 8587 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8588 </g> 8589 <g style="--index: 3;"> 8590 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8591 </g> 8592 <g style="--index: 4;"> 8593 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8594 </g> 8595 <g style="--index: 5;"> 8596 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8597 </g> 8598 <g style="--index: 6;"> 8599 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8600 </g> 8601 <g style="--index: 7;"> 8602 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8603 </g> 8604 </g> 8605</svg> 8606</span> 8607 </span>
8608 <span class="loop-atc-loading" aria-hidden="true"> 8609 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 8610 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 8611 </svg> 8612 </span> 8613 </button><input type="hidden" name="product-id" value="9292613452084" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 8614 8615 8616 8617 8618 8619 8620<style> 8621 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U {--button-color: #00178f; 8622 color: var(--button-color); 8623 } 8624 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U:hover {--button-color: #034de4; 8625 color: var(--button-color); 8626 } 8627</style><a 8628 8629 href="/collections/all" 8630 8631 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U leading-none global-button" 8632 style=" 8633 --size-style-width: fit-content; 8634 --size-style-width-mobile: var(--size-style-width); 8635 8636 8637 --font-size: 1rem; 8638 8639 8640 --font-size-mobile: 0.8125rem; 8641 8642 8643 --font-weight: 400; 8644 8645 8646 8647 8648 8649 8650 --button-margin-top: 0px; 8651 --button-margin-bottom: 0px; 8652 --button-margin-top-mobile: 0px; 8653 --button-margin-bottom-mobile: 0px; 8654 8655 8656 " 8657> 8658 Learn More 8659 8660</a> 8661 8662 8663 8664 8665 8666 8667 8668</div> 8669</div> 8670 8671 8672 8673 8674 8675 8676</div> 8677</div> 8678 8679 8680 8681 8682 8683 8684 8685 </div> 8686</product-card> 8687 8688 8689 8690 8691 8692 </li> 8693 8694 <li 8695 id="template--22820405739828__main-8235807179060" 8696 class="product-grid__item product-grid__item--1" 8697 data-page="1" 8698 data-product-id="8235807179060" 8699 ref="cards[]" 8700 data-handle="super-polyphenols" 8701 > 8702 8703 8704 8705 8706 8707<style data-shopify> 8708 8709</style> 8710 8711 8712<product-card 8713 class="product-card" 8714 data-product-id="8235807179060" 8715 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-1" 8716 data-product-transition="false" 8717 8718 8719> 8720 <a 8721 id="1191f1dacd11fe66ef6472d4030181f2" 8722 8723 href="/products/super-polyphenols?variant=44898983772468" 8724 8725 class="product-card__link" 8726 ref="productCardLink" 8727 > 8728 <span class="visually-hidden"> 8729 Super Polyphenols 8730 </span> 8731 </a> 8732 <div 8733 class=" 8734 product-card__content 8735 relative 8736 layout-panel-flex 8737 layout-panel-flex--row 8738 mobile-column 8739 product-grid__card 8740 spacing-style 8741 border-style 8742 gap-style 8743 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 8744 " 8745 style=" 8746 8747 8748 --border-width: 1px; 8749--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 8750 --border-radius-mobile: 16px; 8751 overflow: hidden; 8752 8753 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8754 8755--gap: 22px; 8756 8757 8758--horizontal-alignment: center; --vertical-alignment: center; 8759--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 8760center; 8761 8762 8763 --product-card-gap: 4px; 8764 8765 --padding-block-start: 40px; --padding-block-end:40px; 8766--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 8767--mobile-padding-block-end: 15px; 8768--mobile-padding-inline-start: 0px; 8769--mobile-padding-inline-end: 0px; 8770 8771 --color-background: 243 243 244; background-color: #f3f3f4; 8772 --color-foreground: 28 28 26; color: #1c1c1a; 8773 --quick-add-display: flex; 8774 --quick-add-mobile-display: none; 8775 --quick-add-mobile-opacity: 0; 8776 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 8777 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 8778 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 8779 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 8780 " 8781 > 8782 8783 8784 8785 8786<div 8787 ref="cardGallery" 8788 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-1 spacing-style border-style" 8789 style=" 8790 --border-width: 1px; 8791--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 8792 --border-radius-mobile: 0px; 8793 8794 8795 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 8796 --gallery-aspect-ratio: 1.0; 8797 --desktop-max-height: 290px; 8798 " 8799 data-product-id="8235807179060" 8800 8801 8802 data-image-ratio="adapt" 8803 8804> 8805 <a 8806 class="contents" 8807 ref="cardGalleryLink" 8808 href="/products/super-polyphenols?variant=44898983772468" 8809 aria-label="Super Polyphenols" 8810 > 8811 8812 8813 <slideshow-component 8814 8815 ref="slideshow" 8816 8817 8818 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 8819 8820 initial-slide="0" 8821 8822 8823 infinite 8824 8825 8826 disabled="true" 8827> 8828 8829 <slideshow-container ref="slideshowContainer"> 8830 8831 8832 <slideshow-slides 8833 tabindex="-1" 8834 ref="scroller" 8835 8836 > 8837 8838 <slideshow-slide 8839 ref="slides[]" 8840 aria-hidden="false" 8841 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 8842 8843 class="product-media-container media-fit" 8844 8845 8846 8847 8848 8849> 8850 8851 <img src="//zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 8852 8853</slideshow-slide> 8854 8855 8856 </slideshow-slides> 8857 </slideshow-container> 8858 8859</slideshow-component> 8860 8861 8862 8863 </a> 8864</div> 8865 8866 8867 8868 8869 8870<div class="product-grid-view-zoom-out--details"> 8871 8872 <h3 class="h4">Super Polyphenols</h3> 8873 8874</div> 8875 8876 8877 8878 8879 8880 8881<div 8882 class=" 8883 group-block 8884 group-block--height-fit 8885 group-block--width-fill 8886 border-style 8887 spacing-style 8888 size-style 8889 8890 8891 8892 8893 8894 " 8895 style=" 8896 8897 8898--border-radius: 0px; 8899 8900 8901 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8902 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8903 8904 8905 --padding-block-start-mobile: 0px; 8906 --padding-block-end-mobile: 0px; 8907 --padding-inline-start-mobile: 0px; 8908 --padding-inline-end-mobile: 0px; 8909 8910 8911 8912 8913 8914 8915 8916 " 8917 8918 data-testid="group-block" 8919><div class="group-block__media-wrapper"> 8920 8921 8922 8923 8924 8925 </div> 8926 8927 <div 8928 class=" 8929 group-block-content 8930 8931 8932 layout-panel-flex 8933 8934 layout-panel-flex--column 8935 8936 8937 mobile-column 8938 8939 8940 8941 8942 8943" 8944 style=" 8945 --abc: center; 8946 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8947 8948--gap: 0px; 8949--gap-mobile: 0px; 8950 8951--horizontal-alignment: flex-start; --vertical-alignment: center; 8952--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 8953center; 8954; 8955 8956 8957 8958 " 8959 > 8960 8961 8962 8963 8964<div 8965 class=" 8966 group-block 8967 group-block--height-fit 8968 group-block--width-fill 8969 border-style 8970 spacing-style 8971 size-style 8972 8973 8974 8975 8976 8977 " 8978 style=" 8979 8980 8981--border-radius: 0px; 8982 8983 8984 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8985 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8986 8987 8988 --padding-block-start-mobile: 0px; 8989 --padding-block-end-mobile: 0px; 8990 --padding-inline-start-mobile: 0px; 8991 --padding-inline-end-mobile: 0px; 8992 8993 8994 8995 8996 8997 8998 8999 " 9000 9001 data-testid="group-block" 9002><div class="group-block__media-wrapper"> 9003 9004 9005 9006 9007 9008 </div> 9009 9010 <div 9011 class=" 9012 group-block-content 9013 9014 9015 layout-panel-flex 9016 9017 layout-panel-flex--row 9018 9019 9020 9021 9022 9023 layout-panel-flex--mobile-column 9024 9025 9026 9027group-block-content--column-reverse-mobile 9028" 9029 style=" 9030 --abc: center; 9031 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9032 9033--gap: 7px; 9034--gap-mobile: 8px; 9035 9036--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 9037--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 9038flex-start; 9039; 9040 9041 9042 9043 " 9044 > 9045 9046 9047 9048 <product-tags 9049 class="product-tags" 9050 data-product-id="8235807179060" 9051 data-show-sold-out="true" 9052 style=" 9053 --product-tags-min-height-desktop: 32px; 9054 --product-tags-min-height-mobile: 32px; 9055 " 9056 ><div 9057 class="product-tags__badge product-tags__badge--sold-out" 9058 data-badge="sold-out" 9059 style="--badge-bg: #e54848; --badge-text: #ffffff;" 9060 9061 hidden 9062 9063 > 9064 <div 9065 class="product-tags__badge-inner custom-typography custom-font-size" 9066 style=" 9067 --padding-block-start: 6px; --padding-block-end:6px; 9068--padding-inline-start:10px; --padding-inline-end:10px; 9069 9070 9071 9072 9073 9074--color: ;
9074--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 9075 --text-corner-radius: 50px; 9076 --font-size-mobile: 0.875rem; 9077 --padding-block-start-mobile: 8px; 9078 --padding-block-end-mobile: 7px; 9079 --padding-inline-start-mobile: 8px; 9080 --padding-inline-end-mobile: 8px; 9081 9082 --line-height: 100%; 9083 --line-height-desktop: 100%; 9084 --line-height-mobile: 100%; 9085 9086 9087 --letter-spacing: 0.3px; 9088 --letter-spacing-desktop: 0.3px; 9089 --letter-spacing-mobile: 0.3px; 9090 9091 " 9092 > 9093 SOLD OUT 9094 </div> 9095 </div></product-tags> 9096 9097 9098 9099 9100 9101 9102</div> 9103</div> 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 <div 9119 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-1 custom 9120 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 9121 " 9122 9123 style=" 9124 --padding-block-start: 12px; --padding-block-end:15px; 9125--padding-inline-start:0px; --padding-inline-end:0px; 9126 9127 9128 9129 9130 9131--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 9132 --font-size-mobile: 1.25rem; 9133 --width: fit-content; 9134 --width-mobile: fit-content; 9135 9136 9137 9138 --max-width: var(--max-width--body-normal); 9139 9140 --padding-block-start-mobile: 8px; 9141 --padding-block-end-mobile: 8px; 9142 --padding-inline-start-mobile: 0px; 9143 --padding-inline-end-mobile: 0px; 9144 9145 9146 --text-wrap: auto; 9147 9148 9149 --text-wrap-mobile: auto; 9150 9151 9152 --text-hyphens: none; 9153 9154 9155 9156 --text-corner-radius: 0px; 9157 9158 9159 9160--border-radius: 50px; 9161 9162 overflow: hidden; 9163 9164 9165 9166 9167 9168 9169 9170 9171 --text-indent-mobile: 0px; 9172 9173 9174 --text-line-height-desktop: 120%; 9175 --text-line-height-mobile: 120%; 9176 9177 9178 --text-letter-spacing-desktop: -0.3px; 9179 --text-letter-spacing-mobile: -0.3px; 9180 9181 " 9182 9183 9184> 9185 <p>Super Polyphenols</p> 9186 9187 9188 </div> 9189 9190 9191 9192 9193 9194 <style data-shopify> 9195 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-1 > * { 9196 line-height: var(--text-line-height-desktop, inherit); 9197 } 9198 9199 @media screen and (max-width: 1023px) { 9200 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-1 > * { 9201 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 9202 } 9203 } 9204 </style> 9205 9206 9207 9208 <style data-shopify> 9209 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-1 > * { 9210 letter-spacing: var(--text-letter-spacing-desktop, inherit); 9211 } 9212 9213 @media screen and (max-width: 1023px) { 9214 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-1 > * { 9215 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 9216 } 9217 } 9218 </style> 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 9230 <div 9231 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-1 selling-points--layout-vertical selling-points--align-left" 9232 style=" 9233 --selling-points-gap: 5px; 9234 --selling-points-gap-mobile: 6px; 9235 --selling-points-icon-gap: 7px; 9236 --selling-points-padding-top: 0px; 9237 --selling-points-padding-bottom: 0px; 9238 --selling-points-padding-top-mobile: 0px; 9239 --selling-points-padding-bottom-mobile: 0px; 9240 --selling-points-color: #1c1c1a; 9241 --selling-points-font-size: 1.125rem; 9242 --selling-points-font-size-mobile: 0.875rem; 9243 --selling-points-font-weight: 400; 9244 --selling-points-line-height: 120%; 9245 --selling-points-line-height-mobile: 120%; 9246 " 9247 9248 > 9249 9250 9251 <div class="selling-points__item">
9252 <span class="selling-points__icon"> 9253 9254 <svg 9255 xmlns="http://www.w3.org/2000/svg" 9256 width="16" 9257 height="16" 9258 viewBox="0 0 16 16" 9259 fill="none" 9260 class="selling-points__icon-svg" 9261 > 9262 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-1_1)"> 9263 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 9264 </g> 9265 <defs> 9266 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-1_1"> 9267 <rect width="16" height="16" fill="white"/> 9268 </clipPath> 9269 </defs> 9270 </svg> 9271 9272 </span> 9273 <span class="selling-points__text">Fights Fatigue</span> 9274 </div> 9275 9276 9277 <div class="selling-points__item"> 9278 <span class="selling-points__icon"> 9279 9280 <svg 9281 xmlns="http://www.w3.org/2000/svg" 9282 width="16" 9283 height="16"
9284 viewBox="0 0 16 16" 9285 fill="none" 9286 class="selling-points__icon-svg" 9287 > 9288 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-1_2)"> 9289 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 9290 </g> 9291 <defs> 9292 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-1_2"> 9293 <rect width="16" height="16" fill="white"/> 9294 </clipPath> 9295 </defs> 9296 </svg> 9297 9298 </span> 9299 <span class="selling-points__text">Immune Boost</span> 9300 </div> 9301 9302 9303 9304 </div> 9305 9306 9307 9308 9309 9310 9311 9312 9313 9314<div 9315 class=" 9316 group-block 9317 group-block--height-fit 9318 group-block--width-fill 9319 border-style 9320 spacing-style 9321 size-style 9322 9323 9324 9325 9326 9327 " 9328 style=" 9329 9330 9331--border-radius: 0px; 9332 9333 9334 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9335 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9336 9337 9338 --padding-block-start-mobile: 0px; 9339 --padding-block-end-mobile: 0px; 9340 --padding-inline-start-mobile: 0px; 9341 --padding-inline-end-mobile: 0px; 9342 9343 9344 9345 9346 9347 9348 9349 " 9350 9351 data-testid="group-block" 9352><div class="group-block__media-wrapper"> 9353 9354 9355 9356 9357 9358 </div> 9359 9360 <div 9361 class=" 9362 group-block-content 9363 9364 9365 layout-panel-flex 9366 9367 layout-panel-flex--row 9368 9369 9370 mobile-column 9371 9372 9373 9374 9375 9376" 9377 style=" 9378 --abc: center; 9379 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9380 9381--gap: 12px; 9382--gap-mobile: 8px; 9383 9384--horizontal-alignment: flex-start; --vertical-alignment: center; 9385--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 9386flex-start; 9387; 9388 9389 9390 9391 " 9392 > 9393 9394<style data-shopify> 9395 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-1 { 9396 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 9397 9398 --atc-button-width: fit-content; 9399 --atc-line-height: 100%; 9400 9401 --atc-line-height-mobile: 130%; 9402 9403 --atc-font-size: 0.9375rem; 9404 --atc-font-size-mobile: 0.75rem; 9405 --atc-font-weight: 600; 9406 --atc-text-transform: uppercase; 9407 9408 9409 --atc-pad-block-start: 18px; 9410 --atc-pad-block-end: 18px; 9411 --atc-pad-inline-start: 24px; 9412 --atc-pad-inline-end: 24px; 9413 --atc-pad-block-start-mobile: 10px; 9414 --atc-pad-block-end-mobile: 10px; 9415 --atc-pad-inline-start-mobile: 15px; 9416 --atc-pad-inline-end-mobile: 15px; 9417 9418 --atc-margin-top: 0px; 9419 --atc-margin-bottom: 0px; 9420 --atc-margin-top-mobile: 12px; 9421 --atc-margin-bottom-mobile: 0px; 9422 } 9423 9424 9425 </style> 9426 <div 9427 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-1 justify-left add-to-cart-block--custom-button-padding size-style " 9428 9429 ><product-form-component 9430 data-section-id="template--22820405739828__main" 9431 data-product-id="8235807179060" 9432 class="add-to-cart-block__form" 9433 on:submit="/handleSubmit" 9434 data-quantity-default="1" 9435 > 9436 <div 9437 class="visually-hidden" 9438 aria-live="assertive" 9439 role="status" 9440 aria-atomic="true" 9441 ref="liveRegion" 9442 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-8235807179060-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-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 9443 type="hidden" 9444 name="id" 9445 ref="variantId" 9446 value="44898983772468" 9447 9448 > 9449 <input 9450 type="hidden" 9451 name="quantity" 9452 value="1" 9453 > 9454 9455 <add-to-cart-component 9456 ref="addToCartButtonContainer" 9457 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Super_Polyphenols_60_Capsules_G.webp?v=1784024307&width=100" 9458 data-add-to-cart-animation="false" 9459 class="add-to-cart-block__component" 9460 > 9461 <button 9462 type="submit" 9463 name="add" 9464 ref="addToCartButton" 9465 on:click="/handleClick" 9466 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 9467 9468 >
9469 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 9470 <span 9471 ><span>Add to Cart</span></span 9472 > 9473 </span><span class="">ã»</span> 9474 <span class="add-to-cart-block__price"> 9475 $45.00 9476 </span></span><span class="add-to-cart__added"> 9477 <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"> 9478 <g class="check"> 9479 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9480 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9481 </g> 9482 <g class="burst"> 9483 <g style="--index: 0;"> 9484 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9485 </g> 9486 <g style="--index: 1;"> 9487 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9488 </g> 9489 <g style="--index: 2;"> 9490 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9491 </g> 9492 <g style="--index: 3;"> 9493 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9494 </g> 9495 <g style="--index: 4;"> 9496 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9497 </g> 9498 <g style="--index: 5;"> 9499 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9500 </g> 9501 <g style="--index: 6;"> 9502 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9503 </g> 9504 <g style="--index: 7;"> 9505 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9506 </g> 9507 </g> 9508</svg> 9509</span> 9510 </span> 9511 </button> 9512 </add-to-cart-component><button 9513 type="button" 9514 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 9515 data-loop-custom-atc 9516 data-product-id="8235807179060" 9517 hidden 9518 9519 > 9520 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 9521 <span 9522 ><span>Add to Cart</span></span 9523 > 9524 </span><span class="">ã»</span> 9525 <span class="add-to-cart-block__price"> 9526 $45.00 9527 </span></span> 9528 <span class="add-to-cart__added"> 9529 <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"> 9530 <g class="check"> 9531 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9532 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9533 </g> 9534 <g class="burst"> 9535 <g style="--index: 0;"> 9536 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9537 </g> 9538 <g style="--index: 1;"> 9539 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9540 </g> 9541 <g style="--index: 2;"> 9542 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9543 </g> 9544 <g style="--index: 3;"> 9545 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9546 </g> 9547 <g style="--index: 4;"> 9548 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9549 </g> 9550 <g style="--index: 5;"> 9551 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9552 </g> 9553 <g style="--index: 6;"> 9554 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9555 </g> 9556 <g style="--index: 7;"> 9557 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9558 </g> 9559 </g> 9560</svg> 9561</span> 9562 </span>
9563 <span class="loop-atc-loading" aria-hidden="true"> 9564 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 9565 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 9566 </svg> 9567 </span> 9568 </button><input type="hidden" name="product-id" value="8235807179060" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 9569 9570 9571 9572 9573 9574 9575<style> 9576 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-1 {--button-color: #00178f; 9577 color: var(--button-color); 9578 } 9579 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-1:hover {--button-color: #034de4; 9580 color: var(--button-color); 9581 } 9582</style><a 9583 9584 href="/collections/all" 9585 9586 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-1 leading-none global-button" 9587 style=" 9588 --size-style-width: fit-content; 9589 --size-style-width-mobile: var(--size-style-width); 9590 9591 9592 --font-size: 1rem; 9593 9594 9595 --font-size-mobile: 0.8125rem; 9596 9597 9598 --font-weight: 400; 9599 9600 9601 9602 9603 9604 9605 --button-margin-top: 0px; 9606 --button-margin-bottom: 0px; 9607 --button-margin-top-mobile: 0px; 9608 --button-margin-bottom-mobile: 0px; 9609 9610 9611 " 9612> 9613 Learn More 9614 9615</a> 9616 9617 9618 9619 9620 9621 9622 9623</div> 9624</div> 9625 9626 9627 9628 9629 9630 9631</div> 9632</div> 9633 9634 9635 9636 9637 9638 9639 9640 </div> 9641</product-card> 9642 9643 9644 9645 9646 9647 </li> 9648 9649 <li 9650 id="template--22820405739828__main-8235800690996" 9651 class="product-grid__item product-grid__item--2" 9652 data-page="1" 9653 data-product-id="8235800690996" 9654 ref="cards[]" 9655 data-handle="essential-omega-3s" 9656 > 9657 9658 9659 9660 9661 9662<style data-shopify> 9663 9664</style> 9665 9666 9667<product-card 9668 class="product-card" 9669 data-product-id="8235800690996" 9670 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-2" 9671 data-product-transition="false" 9672 9673 9674> 9675 <a 9676 id="494d2cda7784aa10b585903b12c74d27" 9677 9678 href="/products/essential-omega-3s?variant=44898941337908" 9679 9680 class="product-card__link" 9681 ref="productCardLink" 9682 > 9683 <span class="visually-hidden"> 9684 Essential Omega-3 9685 </span> 9686 </a> 9687 <div 9688 class=" 9689 product-card__content 9690 relative 9691 layout-panel-flex 9692 layout-panel-flex--row 9693 mobile-column 9694 product-grid__card 9695 spacing-style 9696 border-style 9697 gap-style 9698 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 9699 " 9700 style=" 9701 9702 9703 --border-width: 1px; 9704--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 9705 --border-radius-mobile: 16px; 9706 overflow: hidden; 9707 9708 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9709 9710--gap: 22px; 9711 9712 9713--horizontal-alignment: center; --vertical-alignment: center; 9714--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 9715center; 9716 9717 9718 --product-card-gap: 4px; 9719 9720 --padding-block-start: 40px; --padding-block-end:40px; 9721--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 9722--mobile-padding-block-end: 15px; 9723--mobile-padding-inline-start: 0px; 9724--mobile-padding-inline-end: 0px; 9725 9726 --color-background: 243 243 244; background-color: #f3f3f4; 9727 --color-foreground: 28 28 26; color: #1c1c1a; 9728 --quick-add-display: flex; 9729 --quick-add-mobile-display: none; 9730 --quick-add-mobile-opacity: 0; 9731 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 9732 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 9733 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 9734 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 9735 " 9736 > 9737 9738 9739 9740 9741<div 9742 ref="cardGallery" 9743 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-2 spacing-style border-style" 9744 style=" 9745 --border-width: 1px; 9746--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 9747 --border-radius-mobile: 0px; 9748 9749 9750 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 9751 --gallery-aspect-ratio: 1.0; 9752 --desktop-max-height: 290px; 9753 " 9754 data-product-id="8235800690996" 9755
9756 9757 data-image-ratio="adapt" 9758 9759> 9760 <a 9761 class="contents" 9762 ref="cardGalleryLink" 9763 href="/products/essential-omega-3s?variant=44898941337908" 9764 aria-label="Essential Omega-3" 9765 > 9766 9767 9768 <slideshow-component 9769 9770 ref="slideshow" 9771 9772 9773 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 9774 9775 initial-slide="0" 9776 9777 9778 infinite 9779 9780 9781 disabled="true" 9782> 9783 9784 <slideshow-container ref="slideshowContainer"> 9785 9786 9787 <slideshow-slides 9788 tabindex="-1" 9789 ref="scroller" 9790 9791 > 9792 9793 <slideshow-slide 9794 ref="slides[]" 9795 aria-hidden="false" 9796 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 9797 9798 class="product-media-container media-fit" 9799 9800 9801 9802 9803 9804> 9805 9806 <img src="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 9807 9808</slideshow-slide> 9809 9810 9811 </slideshow-slides> 9812 </slideshow-container> 9813 9814</slideshow-component> 9815 9816 9817 9818 </a> 9819</div> 9820 9821 9822 9823 9824 9825<div class="product-grid-view-zoom-out--details"> 9826 9827 <h3 class="h4">Essential Omega-3</h3> 9828 9829</div> 9830 9831 9832 9833 9834 9835 9836<div 9837 class=" 9838 group-block 9839 group-block--height-fit 9840 group-block--width-fill 9841 border-style 9842 spacing-style 9843 size-style 9844 9845 9846 9847 9848 9849 " 9850 style=" 9851 9852 9853--border-radius: 0px; 9854 9855 9856 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9857 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9858 9859 9860 --padding-block-start-mobile: 0px; 9861 --padding-block-end-mobile: 0px; 9862 --padding-inline-start-mobile: 0px; 9863 --padding-inline-end-mobile: 0px; 9864 9865 9866 9867 9868 9869 9870 9871 " 9872 9873 data-testid="group-block" 9874><div class="group-block__media-wrapper"> 9875 9876 9877 9878 9879 9880 </div> 9881 9882 <div 9883 class=" 9884 group-block-content 9885 9886 9887 layout-panel-flex 9888 9889 layout-panel-flex--column 9890 9891 9892 mobile-column 9893 9894 9895 9896 9897 9898" 9899 style=" 9900 --abc: center; 9901 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9902 9903--gap: 0px; 9904--gap-mobile: 0px; 9905 9906--horizontal-alignment: flex-start; --vertical-alignment: center; 9907--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 9908center; 9909; 9910 9911 9912 9913 " 9914 > 9915 9916 9917 9918 9919<div 9920 class=" 9921 group-block 9922 group-block--height-fit 9923 group-block--width-fill 9924 border-style 9925 spacing-style 9926 size-style 9927 9928 9929 9930 9931 9932 " 9933 style=" 9934 9935 9936--border-radius: 0px; 9937 9938 9939 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9940 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9941 9942 9943 --padding-block-start-mobile: 0px; 9944 --padding-block-end-mobile: 0px; 9945 --padding-inline-start-mobile: 0px; 9946 --padding-inline-end-mobile: 0px; 9947 9948 9949 9950 9951 9952 9953 9954 " 9955 9956 data-testid="group-block" 9957><div class="group-block__media-wrapper"> 9958 9959 9960 9961 9962 9963 </div> 9964 9965 <div 9966 class=" 9967 group-block-content 9968 9969 9970 layout-panel-flex 9971 9972 layout-panel-flex--row 9973 9974 9975 9976 9977 9978 layout-panel-flex--mobile-column 9979 9980 9981 9982group-block-content--column-reverse-mobile 9983" 9984 style=" 9985 --abc: center; 9986 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9987 9988--gap: 7px; 9989--gap-mobile: 8px; 9990 9991--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 9992--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 9993flex-start; 9994; 9995 9996 9997 9998 " 9999 > 10000 10001 10002 10003 <product-tags 10004 class="product-tags" 10005 data-product-id="8235800690996" 10006 data-show-sold-out="true" 10007 style=" 10008 --product-tags-min-height-desktop: 32px; 10009 --product-tags-min-height-mobile: 32px; 10010 " 10011 ><div 10012 class="product-tags__badge product-tags__badge--sold-out" 10013 data-badge="sold-out" 10014 style="--badge-bg: #e54848; --badge-text: #ffffff;" 10015 10016 hidden 10017 10018 > 10019 <div 10020 class="product-tags__badge-inner custom-typography custom-font-size" 10021 style=" 10022 --padding-block-start: 6px; --padding-block-end:6px; 10023--padding-inline-start:10px; --padding-inline-end:10px; 10024 10025 10026 10027 10028 10029--color: ;
10029--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 10030 --text-corner-radius: 50px; 10031 --font-size-mobile: 0.875rem; 10032 --padding-block-start-mobile: 8px; 10033 --padding-block-end-mobile: 7px; 10034 --padding-inline-start-mobile: 8px; 10035 --padding-inline-end-mobile: 8px; 10036 10037 --line-height: 100%; 10038 --line-height-desktop: 100%; 10039 --line-height-mobile: 100%; 10040 10041 10042 --letter-spacing: 0.3px; 10043 --letter-spacing-desktop: 0.3px; 10044 --letter-spacing-mobile: 0.3px; 10045 10046 " 10047 > 10048 SOLD OUT 10049 </div> 10050 </div></product-tags> 10051 10052 10053 10054 10055 10056 10057</div> 10058</div> 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 10072 10073 <div 10074 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-2 custom 10075 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 10076 " 10077 10078 style=" 10079 --padding-block-start: 12px; --padding-block-end:15px; 10080--padding-inline-start:0px; --padding-inline-end:0px; 10081 10082 10083 10084 10085 10086--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 10087 --font-size-mobile: 1.25rem; 10088 --width: fit-content; 10089 --width-mobile: fit-content; 10090 10091 10092 10093 --max-width: var(--max-width--body-normal); 10094 10095 --padding-block-start-mobile: 8px; 10096 --padding-block-end-mobile: 8px; 10097 --padding-inline-start-mobile: 0px; 10098 --padding-inline-end-mobile: 0px; 10099 10100 10101 --text-wrap: auto; 10102 10103 10104 --text-wrap-mobile: auto; 10105 10106 10107 --text-hyphens: none; 10108 10109 10110 10111 --text-corner-radius: 0px; 10112 10113 10114 10115--border-radius: 50px; 10116 10117 overflow: hidden; 10118 10119 10120 10121 10122 10123 10124 10125 10126 --text-indent-mobile: 0px; 10127 10128 10129 --text-line-height-desktop: 120%; 10130 --text-line-height-mobile: 120%; 10131 10132 10133 --text-letter-spacing-desktop: -0.3px; 10134 --text-letter-spacing-mobile: -0.3px; 10135 10136 " 10137 10138 10139> 10140 <p>Essential Omega-3</p> 10141 10142 10143 </div> 10144 10145 10146 10147 10148 10149 <style data-shopify> 10150 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-2 > * { 10151 line-height: var(--text-line-height-desktop, inherit); 10152 } 10153 10154 @media screen and (max-width: 1023px) { 10155 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-2 > * { 10156 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 10157 } 10158 } 10159 </style> 10160 10161 10162 10163 <style data-shopify> 10164 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-2 > * { 10165 letter-spacing: var(--text-letter-spacing-desktop, inherit); 10166 } 10167 10168 @media screen and (max-width: 1023px) { 10169 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-2 > * { 10170 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 10171 } 10172 } 10173 </style> 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 <div 10186 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-2 selling-points--layout-vertical selling-points--align-left" 10187 style=" 10188 --selling-points-gap: 5px; 10189 --selling-points-gap-mobile: 6px; 10190 --selling-points-icon-gap: 7px; 10191 --selling-points-padding-top: 0px; 10192 --selling-points-padding-bottom: 0px; 10193 --selling-points-padding-top-mobile: 0px; 10194 --selling-points-padding-bottom-mobile: 0px; 10195 --selling-points-color: #1c1c1a; 10196 --selling-points-font-size: 1.125rem; 10197 --selling-points-font-size-mobile: 0.875rem; 10198 --selling-points-font-weight: 400; 10199 --selling-points-line-height: 120%; 10200 --selling-points-line-height-mobile: 120%; 10201 " 10202 10203 > 10204 10205 10206 <div class="selling-points__item">
10207 <span class="selling-points__icon"> 10208 10209 <svg 10210 xmlns="http://www.w3.org/2000/svg" 10211 width="16" 10212 height="16" 10213 viewBox="0 0 16 16" 10214 fill="none" 10215 class="selling-points__icon-svg" 10216 > 10217 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-2_1)"> 10218 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 10219 </g> 10220 <defs> 10221 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-2_1"> 10222 <rect width="16" height="16" fill="white"/> 10223 </clipPath> 10224 </defs> 10225 </svg> 10226 10227 </span> 10228 <span class="selling-points__text">Joint Relief</span> 10229 </div> 10230 10231 10232 <div class="selling-points__item"> 10233 <span class="selling-points__icon"> 10234 10235 <svg 10236 xmlns="http://www.w3.org/2000/svg" 10237 width="16" 10238 height="16"
10239 viewBox="0 0 16 16" 10240 fill="none" 10241 class="selling-points__icon-svg" 10242 > 10243 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-2_2)"> 10244 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 10245 </g> 10246 <defs> 10247 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-2_2"> 10248 <rect width="16" height="16" fill="white"/> 10249 </clipPath> 10250 </defs> 10251 </svg> 10252 10253 </span> 10254 <span class="selling-points__text">Heart-Focus</span> 10255 </div> 10256 10257 10258 10259 </div> 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269<div 10270 class=" 10271 group-block 10272 group-block--height-fit 10273 group-block--width-fill 10274 border-style 10275 spacing-style 10276 size-style 10277 10278 10279 10280 10281 10282 " 10283 style=" 10284 10285 10286--border-radius: 0px; 10287 10288 10289 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10290 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10291 10292 10293 --padding-block-start-mobile: 0px; 10294 --padding-block-end-mobile: 0px; 10295 --padding-inline-start-mobile: 0px; 10296 --padding-inline-end-mobile: 0px; 10297 10298 10299 10300 10301 10302 10303 10304 " 10305 10306 data-testid="group-block" 10307><div class="group-block__media-wrapper"> 10308 10309 10310 10311 10312 10313 </div> 10314 10315 <div 10316 class=" 10317 group-block-content 10318 10319 10320 layout-panel-flex 10321 10322 layout-panel-flex--row 10323 10324 10325 mobile-column 10326 10327 10328 10329 10330 10331" 10332 style=" 10333 --abc: center; 10334 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10335 10336--gap: 12px; 10337--gap-mobile: 8px; 10338 10339--horizontal-alignment: flex-start; --vertical-alignment: center; 10340--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 10341flex-start; 10342; 10343 10344 10345 10346 " 10347 > 10348 10349<style data-shopify> 10350 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-2 { 10351 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 10352 10353 --atc-button-width: fit-content; 10354 --atc-line-height: 100%; 10355 10356 --atc-line-height-mobile: 130%; 10357 10358 --atc-font-size: 0.9375rem; 10359 --atc-font-size-mobile: 0.75rem; 10360 --atc-font-weight: 600; 10361 --atc-text-transform: uppercase; 10362 10363 10364 --atc-pad-block-start: 18px; 10365 --atc-pad-block-end: 18px; 10366 --atc-pad-inline-start: 24px; 10367 --atc-pad-inline-end: 24px; 10368 --atc-pad-block-start-mobile: 10px; 10369 --atc-pad-block-end-mobile: 10px; 10370 --atc-pad-inline-start-mobile: 15px; 10371 --atc-pad-inline-end-mobile: 15px; 10372 10373 --atc-margin-top: 0px; 10374 --atc-margin-bottom: 0px; 10375 --atc-margin-top-mobile: 12px; 10376 --atc-margin-bottom-mobile: 0px; 10377 } 10378 10379 10380 </style> 10381 <div 10382 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-2 justify-left add-to-cart-block--custom-button-padding size-style " 10383 10384 ><product-form-component 10385 data-section-id="template--22820405739828__main" 10386 data-product-id="8235800690996" 10387 class="add-to-cart-block__form" 10388 on:submit="/handleSubmit" 10389 data-quantity-default="1" 10390 > 10391 <div 10392 class="visually-hidden" 10393 aria-live="assertive" 10394 role="status" 10395 aria-atomic="true" 10396 ref="liveRegion" 10397 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-8235800690996-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-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 10398 type="hidden" 10399 name="id" 10400 ref="variantId" 10401 value="44898941337908" 10402 10403 > 10404 <input 10405 type="hidden" 10406 name="quantity" 10407 value="1" 10408 > 10409 10410 <add-to-cart-component 10411 ref="addToCartButtonContainer" 10412 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Omega3_60_Softgels_G.webp?v=1784025469&width=100" 10413 data-add-to-cart-animation="false" 10414 class="add-to-cart-block__component" 10415 > 10416 <button 10417 type="submit" 10418 name="add" 10419 ref="addToCartButton" 10420 on:click="/handleClick" 10421 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 10422 10423 >
10424 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 10425 <span 10426 ><span>Add to Cart</span></span 10427 > 10428 </span><span class="">ã»</span> 10429 <span class="add-to-cart-block__price"> 10430 $39.00 10431 </span></span><span class="add-to-cart__added"> 10432 <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"> 10433 <g class="check"> 10434 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10435 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10436 </g> 10437 <g class="burst"> 10438 <g style="--index: 0;"> 10439 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10440 </g> 10441 <g style="--index: 1;"> 10442 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10443 </g> 10444 <g style="--index: 2;"> 10445 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10446 </g> 10447 <g style="--index: 3;"> 10448 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10449 </g> 10450 <g style="--index: 4;"> 10451 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10452 </g> 10453 <g style="--index: 5;"> 10454 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10455 </g> 10456 <g style="--index: 6;"> 10457 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10458 </g> 10459 <g style="--index: 7;"> 10460 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10461 </g> 10462 </g> 10463</svg> 10464</span> 10465 </span> 10466 </button> 10467 </add-to-cart-component><button 10468 type="button" 10469 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 10470 data-loop-custom-atc 10471 data-product-id="8235800690996" 10472 hidden 10473 10474 > 10475 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 10476 <span 10477 ><span>Add to Cart</span></span 10478 > 10479 </span><span class="">ã»</span> 10480 <span class="add-to-cart-block__price"> 10481 $39.00 10482 </span></span> 10483 <span class="add-to-cart__added"> 10484 <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"> 10485 <g class="check"> 10486 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10487 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10488 </g> 10489 <g class="burst"> 10490 <g style="--index: 0;"> 10491 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10492 </g> 10493 <g style="--index: 1;"> 10494 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10495 </g> 10496 <g style="--index: 2;"> 10497 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10498 </g> 10499 <g style="--index: 3;"> 10500 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10501 </g> 10502 <g style="--index: 4;"> 10503 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10504 </g> 10505 <g style="--index: 5;"> 10506 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10507 </g> 10508 <g style="--index: 6;"> 10509 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10510 </g> 10511 <g style="--index: 7;"> 10512 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10513 </g> 10514 </g> 10515</svg> 10516</span> 10517 </span>
10518 <span class="loop-atc-loading" aria-hidden="true"> 10519 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 10520 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 10521 </svg> 10522 </span> 10523 </button><input type="hidden" name="product-id" value="8235800690996" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 10524 10525 10526 10527 10528 10529 10530<style> 10531 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-2 {--button-color: #00178f; 10532 color: var(--button-color); 10533 } 10534 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-2:hover {--button-color: #034de4; 10535 color: var(--button-color); 10536 } 10537</style><a 10538 10539 href="/collections/all" 10540 10541 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-2 leading-none global-button" 10542 style=" 10543 --size-style-width: fit-content; 10544 --size-style-width-mobile: var(--size-style-width); 10545 10546 10547 --font-size: 1rem; 10548 10549 10550 --font-size-mobile: 0.8125rem; 10551 10552 10553 --font-weight: 400; 10554 10555 10556 10557 10558 10559 10560 --button-margin-top: 0px; 10561 --button-margin-bottom: 0px; 10562 --button-margin-top-mobile: 0px; 10563 --button-margin-bottom-mobile: 0px; 10564 10565 10566 " 10567> 10568 Learn More 10569 10570</a> 10571 10572 10573 10574 10575 10576 10577 10578</div> 10579</div> 10580 10581 10582 10583 10584 10585 10586</div> 10587</div> 10588 10589 10590 10591 10592 10593 10594 10595 </div> 10596</product-card> 10597 10598 10599 10600 10601 10602 </li> 10603 10604 <li 10605 id="template--22820405739828__main-9333534720308" 10606 class="product-grid__item product-grid__item--3" 10607 data-page="1" 10608 data-product-id="9333534720308" 10609 ref="cards[]" 10610 data-handle="complete-daily-multivitamin" 10611 > 10612 10613 10614 10615 10616 10617<style data-shopify> 10618 10619</style> 10620 10621 10622<product-card 10623 class="product-card" 10624 data-product-id="9333534720308" 10625 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-3" 10626 data-product-transition="false" 10627 10628 10629> 10630 <a 10631 id="621980a175d593d29d3ddcbac42c510a" 10632 10633 href="/products/complete-daily-multivitamin?variant=49125351489844" 10634 10635 class="product-card__link" 10636 ref="productCardLink" 10637 > 10638 <span class="visually-hidden"> 10639 Complete Daily Multivitamin 10640 </span> 10641 </a> 10642 <div 10643 class=" 10644 product-card__content 10645 relative 10646 layout-panel-flex 10647 layout-panel-flex--row 10648 mobile-column 10649 product-grid__card 10650 spacing-style 10651 border-style 10652 gap-style 10653 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 10654 " 10655 style=" 10656 10657 10658 --border-width: 1px; 10659--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 10660 --border-radius-mobile: 16px; 10661 overflow: hidden; 10662 10663 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10664 10665--gap: 22px; 10666 10667 10668--horizontal-alignment: center; --vertical-alignment: center; 10669--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 10670center; 10671 10672 10673 --product-card-gap: 4px; 10674 10675 --padding-block-start: 40px; --padding-block-end:40px; 10676--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 10677--mobile-padding-block-end: 15px; 10678--mobile-padding-inline-start: 0px; 10679--mobile-padding-inline-end: 0px; 10680 10681 --color-background: 243 243 244; background-color: #f3f3f4; 10682 --color-foreground: 28 28 26; color: #1c1c1a; 10683 --quick-add-display: flex; 10684 --quick-add-mobile-display: none; 10685 --quick-add-mobile-opacity: 0; 10686 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 10687 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 10688 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 10689 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 10690 " 10691 > 10692 10693 10694 10695 10696<div 10697 ref="cardGallery" 10698 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-3 spacing-style border-style" 10699 style=" 10700 --border-width: 1px; 10701--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 10702 --border-radius-mobile: 0px; 10703 10704 10705 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 10706 --gallery-aspect-ratio: 1.0; 10707 --desktop-max-height: 290px; 10708 " 10709 data-product-id="9333534720308" 10710 10711 10712 data-image-ratio="adapt" 10713 10714> 10715 <a 10716 class="contents" 10717 ref="cardGalleryLink" 10718 href="/products/complete-daily-multivitamin?variant=49125351489844" 10719 aria-label="Complete Daily Multivitamin" 10720 > 10721 10722 10723 <slideshow-component 10724 10725 ref="slideshow" 10726 10727 10728 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 10729 10730 initial-slide="0" 10731 10732 10733 infinite 10734 10735 10736 disabled="true" 10737> 10738 10739 <slideshow-container ref="slideshowContainer"> 10740 10741 10742 <slideshow-slides 10743 tabindex="-1" 10744 ref="scroller" 10745 10746 > 10747 10748 <slideshow-slide 10749 ref="slides[]" 10750 aria-hidden="false" 10751 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 10752 10753 class="product-media-container media-fit" 10754 10755 10756 10757 10758 10759> 10760 10761 <img src="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 10762 10763</slideshow-slide> 10764 10765 10766 </slideshow-slides> 10767 </slideshow-container> 10768 10769</slideshow-component> 10770 10771 10772 10773 </a> 10774</div> 10775 10776 10777 10778 10779 10780<div class="product-grid-view-zoom-out--details"> 10781 10782 <h3 class="h4">Complete Daily Multivitamin</h3> 10783 10784</div> 10785 10786 10787 10788 10789 10790 10791<div 10792 class=" 10793 group-block 10794 group-block--height-fit 10795 group-block--width-fill 10796 border-style 10797 spacing-style 10798 size-style 10799 10800 10801 10802 10803 10804 " 10805 style=" 10806 10807 10808--border-radius: 0px; 10809 10810 10811 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10812 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10813 10814 10815 --padding-block-start-mobile: 0px; 10816 --padding-block-end-mobile: 0px; 10817 --padding-inline-start-mobile: 0px; 10818 --padding-inline-end-mobile: 0px; 10819 10820 10821 10822 10823 10824 10825 10826 " 10827 10828 data-testid="group-block" 10829><div class="group-block__media-wrapper"> 10830 10831 10832 10833 10834 10835 </div> 10836 10837 <div 10838 class=" 10839 group-block-content 10840 10841 10842 layout-panel-flex 10843 10844 layout-panel-flex--column 10845 10846 10847 mobile-column 10848 10849 10850 10851 10852 10853" 10854 style=" 10855 --abc: center; 10856 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10857 10858--gap: 0px; 10859--gap-mobile: 0px; 10860 10861--horizontal-alignment: flex-start; --vertical-alignment: center; 10862--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 10863center; 10864; 10865 10866 10867 10868 " 10869 > 10870 10871 10872 10873 10874<div 10875 class=" 10876 group-block 10877 group-block--height-fit 10878 group-block--width-fill 10879 border-style 10880 spacing-style 10881 size-style 10882 10883 10884 10885 10886 10887 " 10888 style=" 10889 10890 10891--border-radius: 0px; 10892 10893 10894 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10895 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10896 10897 10898 --padding-block-start-mobile: 0px; 10899 --padding-block-end-mobile: 0px; 10900 --padding-inline-start-mobile: 0px; 10901 --padding-inline-end-mobile: 0px; 10902 10903 10904 10905 10906 10907 10908 10909 " 10910 10911 data-testid="group-block" 10912><div class="group-block__media-wrapper"> 10913 10914 10915 10916 10917 10918 </div> 10919 10920 <div 10921 class=" 10922 group-block-content 10923 10924 10925 layout-panel-flex 10926 10927 layout-panel-flex--row 10928 10929 10930 10931 10932 10933 layout-panel-flex--mobile-column 10934 10935 10936 10937group-block-content--column-reverse-mobile 10938" 10939 style=" 10940 --abc: center; 10941 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10942 10943--gap: 7px; 10944--gap-mobile: 8px; 10945 10946--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 10947--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 10948flex-start; 10949; 10950 10951 10952 10953 " 10954 > 10955 10956 10957 10958 <product-tags 10959 class="product-tags" 10960 data-product-id="9333534720308" 10961 data-show-sold-out="true" 10962 style=" 10963 --product-tags-min-height-desktop: 32px; 10964 --product-tags-min-height-mobile: 32px; 10965 " 10966 ><div 10967 class="product-tags__badge product-tags__badge--sold-out" 10968 data-badge="sold-out" 10969 style="--badge-bg: #e54848; --badge-text: #ffffff;" 10970 10971 hidden 10972 10973 > 10974 <div 10975 class="product-tags__badge-inner custom-typography custom-font-size" 10976 style=" 10977 --padding-block-start: 6px; --padding-block-end:6px; 10978--padding-inline-start:10px; --padding-inline-end:10px; 10979 10980 10981 10982 10983 10984--color: ;
10984--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 10985 --text-corner-radius: 50px; 10986 --font-size-mobile: 0.875rem; 10987 --padding-block-start-mobile: 8px; 10988 --padding-block-end-mobile: 7px; 10989 --padding-inline-start-mobile: 8px; 10990 --padding-inline-end-mobile: 8px; 10991 10992 --line-height: 100%; 10993 --line-height-desktop: 100%; 10994 --line-height-mobile: 100%; 10995 10996 10997 --letter-spacing: 0.3px; 10998 --letter-spacing-desktop: 0.3px; 10999 --letter-spacing-mobile: 0.3px; 11000 11001 " 11002 > 11003 SOLD OUT 11004 </div> 11005 </div></product-tags> 11006 11007 11008 11009 11010 11011 11012</div> 11013</div> 11014 11015 11016 11017 11018 11019 11020 11021 11022 11023 11024 11025 11026 11027 11028 <div 11029 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-3 custom 11030 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 11031 " 11032 11033 style=" 11034 --padding-block-start: 12px; --padding-block-end:15px; 11035--padding-inline-start:0px; --padding-inline-end:0px; 11036 11037 11038 11039 11040 11041--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 11042 --font-size-mobile: 1.25rem; 11043 --width: fit-content; 11044 --width-mobile: fit-content; 11045 11046 11047 11048 --max-width: var(--max-width--body-normal); 11049 11050 --padding-block-start-mobile: 8px; 11051 --padding-block-end-mobile: 8px; 11052 --padding-inline-start-mobile: 0px; 11053 --padding-inline-end-mobile: 0px; 11054 11055 11056 --text-wrap: auto; 11057 11058 11059 --text-wrap-mobile: auto; 11060 11061 11062 --text-hyphens: none; 11063 11064 11065 11066 --text-corner-radius: 0px; 11067 11068 11069 11070--border-radius: 50px; 11071 11072 overflow: hidden; 11073 11074 11075 11076 11077 11078 11079 11080 11081 --text-indent-mobile: 0px; 11082 11083 11084 --text-line-height-desktop: 120%; 11085 --text-line-height-mobile: 120%; 11086 11087 11088 --text-letter-spacing-desktop: -0.3px; 11089 --text-letter-spacing-mobile: -0.3px; 11090 11091 " 11092 11093 11094> 11095 <p>Complete Daily Multivitamin</p> 11096 11097 11098 </div> 11099 11100 11101 11102 11103 11104 <style data-shopify> 11105 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-3 > * { 11106 line-height: var(--text-line-height-desktop, inherit); 11107 } 11108 11109 @media screen and (max-width: 1023px) { 11110 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-3 > * { 11111 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 11112 } 11113 } 11114 </style> 11115 11116 11117 11118 <style data-shopify> 11119 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-3 > * { 11120 letter-spacing: var(--text-letter-spacing-desktop, inherit); 11121 } 11122 11123 @media screen and (max-width: 1023px) { 11124 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-3 > * { 11125 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 11126 } 11127 } 11128 </style> 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 <div 11141 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-3 selling-points--layout-vertical selling-points--align-left" 11142 style=" 11143 --selling-points-gap: 5px; 11144 --selling-points-gap-mobile: 6px; 11145 --selling-points-icon-gap: 7px; 11146 --selling-points-padding-top: 0px; 11147 --selling-points-padding-bottom: 0px; 11148 --selling-points-padding-top-mobile: 0px; 11149 --selling-points-padding-bottom-mobile: 0px; 11150 --selling-points-color: #1c1c1a; 11151 --selling-points-font-size: 1.125rem; 11152 --selling-points-font-size-mobile: 0.875rem; 11153 --selling-points-font-weight: 400; 11154 --selling-points-line-height: 120%; 11155 --selling-points-line-height-mobile: 120%; 11156 " 11157 11158 > 11159 11160 11161 <div class="selling-points__item">
11162 <span class="selling-points__icon"> 11163 11164 <svg 11165 xmlns="http://www.w3.org/2000/svg" 11166 width="16" 11167 height="16" 11168 viewBox="0 0 16 16" 11169 fill="none" 11170 class="selling-points__icon-svg" 11171 > 11172 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-3_1)"> 11173 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 11174 </g> 11175 <defs> 11176 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-3_1"> 11177 <rect width="16" height="16" fill="white"/> 11178 </clipPath> 11179 </defs> 11180 </svg> 11181 11182 </span> 11183 <span class="selling-points__text">Daily Energy</span> 11184 </div> 11185 11186 11187 <div class="selling-points__item"> 11188 <span class="selling-points__icon"> 11189 11190 <svg 11191 xmlns="http://www.w3.org/2000/svg" 11192 width="16" 11193 height="16"
11194 viewBox="0 0 16 16" 11195 fill="none" 11196 class="selling-points__icon-svg" 11197 > 11198 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-3_2)"> 11199 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 11200 </g> 11201 <defs> 11202 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-3_2"> 11203 <rect width="16" height="16" fill="white"/> 11204 </clipPath> 11205 </defs> 11206 </svg> 11207 11208 </span> 11209 <span class="selling-points__text">Immune Support</span> 11210 </div> 11211 11212 11213 11214 </div> 11215 11216 11217 11218 11219 11220 11221 11222 11223 11224<div 11225 class=" 11226 group-block 11227 group-block--height-fit 11228 group-block--width-fill 11229 border-style 11230 spacing-style 11231 size-style 11232 11233 11234 11235 11236 11237 " 11238 style=" 11239 11240 11241--border-radius: 0px; 11242 11243 11244 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11245 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11246 11247 11248 --padding-block-start-mobile: 0px; 11249 --padding-block-end-mobile: 0px; 11250 --padding-inline-start-mobile: 0px; 11251 --padding-inline-end-mobile: 0px; 11252 11253 11254 11255 11256 11257 11258 11259 " 11260 11261 data-testid="group-block" 11262><div class="group-block__media-wrapper"> 11263 11264 11265 11266 11267 11268 </div> 11269 11270 <div 11271 class=" 11272 group-block-content 11273 11274 11275 layout-panel-flex 11276 11277 layout-panel-flex--row 11278 11279 11280 mobile-column 11281 11282 11283 11284 11285 11286" 11287 style=" 11288 --abc: center; 11289 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11290 11291--gap: 12px; 11292--gap-mobile: 8px; 11293 11294--horizontal-alignment: flex-start; --vertical-alignment: center; 11295--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 11296flex-start; 11297; 11298 11299 11300 11301 " 11302 > 11303 11304<style data-shopify> 11305 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-3 { 11306 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 11307 11308 --atc-button-width: fit-content; 11309 --atc-line-height: 100%; 11310 11311 --atc-line-height-mobile: 130%; 11312 11313 --atc-font-size: 0.9375rem; 11314 --atc-font-size-mobile: 0.75rem; 11315 --atc-font-weight: 600; 11316 --atc-text-transform: uppercase; 11317 11318 11319 --atc-pad-block-start: 18px; 11320 --atc-pad-block-end: 18px; 11321 --atc-pad-inline-start: 24px; 11322 --atc-pad-inline-end: 24px; 11323 --atc-pad-block-start-mobile: 10px; 11324 --atc-pad-block-end-mobile: 10px; 11325 --atc-pad-inline-start-mobile: 15px; 11326 --atc-pad-inline-end-mobile: 15px; 11327 11328 --atc-margin-top: 0px; 11329 --atc-margin-bottom: 0px; 11330 --atc-margin-top-mobile: 12px; 11331 --atc-margin-bottom-mobile: 0px; 11332 } 11333 11334 11335 </style> 11336 <div 11337 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-3 justify-left add-to-cart-block--custom-button-padding size-style " 11338 11339 ><product-form-component 11340 data-section-id="template--22820405739828__main" 11341 data-product-id="9333534720308" 11342 class="add-to-cart-block__form" 11343 on:submit="/handleSubmit" 11344 data-quantity-default="1" 11345 > 11346 <div 11347 class="visually-hidden" 11348 aria-live="assertive" 11349 role="status" 11350 aria-atomic="true" 11351 ref="liveRegion" 11352 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9333534720308-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-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 11353 type="hidden" 11354 name="id" 11355 ref="variantId" 11356 value="49125351489844" 11357 11358 > 11359 <input 11360 type="hidden" 11361 name="quantity" 11362 value="1" 11363 > 11364 11365 <add-to-cart-component 11366 ref="addToCartButtonContainer" 11367 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_60_Tablets_G.webp?v=1784024852&width=100" 11368 data-add-to-cart-animation="false" 11369 class="add-to-cart-block__component" 11370 > 11371 <button 11372 type="submit" 11373 name="add" 11374 ref="addToCartButton" 11375 on:click="/handleClick" 11376 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 11377 11378 >
11379 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 11380 <span 11381 ><span>Add to Cart</span></span 11382 > 11383 </span><span class="">ã»</span> 11384 <span class="add-to-cart-block__price"> 11385 $45.00 11386 </span></span><span class="add-to-cart__added"> 11387 <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"> 11388 <g class="check"> 11389 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11390 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11391 </g> 11392 <g class="burst"> 11393 <g style="--index: 0;"> 11394 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11395 </g> 11396 <g style="--index: 1;"> 11397 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11398 </g> 11399 <g style="--index: 2;"> 11400 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11401 </g> 11402 <g style="--index: 3;"> 11403 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11404 </g> 11405 <g style="--index: 4;"> 11406 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11407 </g> 11408 <g style="--index: 5;"> 11409 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11410 </g> 11411 <g style="--index: 6;"> 11412 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11413 </g> 11414 <g style="--index: 7;"> 11415 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11416 </g> 11417 </g> 11418</svg> 11419</span> 11420 </span> 11421 </button> 11422 </add-to-cart-component><button 11423 type="button" 11424 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 11425 data-loop-custom-atc 11426 data-product-id="9333534720308" 11427 hidden 11428 11429 > 11430 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 11431 <span 11432 ><span>Add to Cart</span></span 11433 > 11434 </span><span class="">ã»</span> 11435 <span class="add-to-cart-block__price"> 11436 $45.00 11437 </span></span> 11438 <span class="add-to-cart__added"> 11439 <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"> 11440 <g class="check"> 11441 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11442 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11443 </g> 11444 <g class="burst"> 11445 <g style="--index: 0;"> 11446 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11447 </g> 11448 <g style="--index: 1;"> 11449 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11450 </g> 11451 <g style="--index: 2;"> 11452 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11453 </g> 11454 <g style="--index: 3;"> 11455 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11456 </g> 11457 <g style="--index: 4;"> 11458 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11459 </g> 11460 <g style="--index: 5;"> 11461 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11462 </g> 11463 <g style="--index: 6;"> 11464 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11465 </g> 11466 <g style="--index: 7;"> 11467 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11468 </g> 11469 </g> 11470</svg> 11471</span> 11472 </span>
11473 <span class="loop-atc-loading" aria-hidden="true"> 11474 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 11475 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 11476 </svg> 11477 </span> 11478 </button><input type="hidden" name="product-id" value="9333534720308" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 11479 11480 11481 11482 11483 11484 11485<style> 11486 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-3 {--button-color: #00178f; 11487 color: var(--button-color); 11488 } 11489 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-3:hover {--button-color: #034de4; 11490 color: var(--button-color); 11491 } 11492</style><a 11493 11494 href="/collections/all" 11495 11496 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-3 leading-none global-button" 11497 style=" 11498 --size-style-width: fit-content; 11499 --size-style-width-mobile: var(--size-style-width); 11500 11501 11502 --font-size: 1rem; 11503 11504 11505 --font-size-mobile: 0.8125rem; 11506 11507 11508 --font-weight: 400; 11509 11510 11511 11512 11513 11514 11515 --button-margin-top: 0px; 11516 --button-margin-bottom: 0px; 11517 --button-margin-top-mobile: 0px; 11518 --button-margin-bottom-mobile: 0px; 11519 11520 11521 " 11522> 11523 Learn More 11524 11525</a> 11526 11527 11528 11529 11530 11531 11532 11533</div> 11534</div> 11535 11536 11537 11538 11539 11540 11541</div> 11542</div> 11543 11544 11545 11546 11547 11548 11549 11550 </div> 11551</product-card> 11552 11553 11554 11555 11556 11557 </li> 11558 11559 <li 11560 id="template--22820405739828__main-8235806916916" 11561 class="product-grid__item product-grid__item--4" 11562 data-page="1" 11563 data-product-id="8235806916916" 11564 ref="cards[]" 11565 data-handle="gut-health-complex" 11566 > 11567 11568 11569 11570 11571 11572<style data-shopify> 11573 11574</style> 11575 11576 11577<product-card 11578 class="product-card" 11579 data-product-id="8235806916916" 11580 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-4" 11581 data-product-transition="false" 11582 11583 11584> 11585 <a 11586 id="92f3a6803d1c425655c7eb19667c417b" 11587 11588 href="/products/gut-health-complex?variant=44898982723892" 11589 11590 class="product-card__link" 11591 ref="productCardLink" 11592 > 11593 <span class="visually-hidden"> 11594 Thriving Gut 11595 </span> 11596 </a> 11597 <div 11598 class=" 11599 product-card__content 11600 relative 11601 layout-panel-flex 11602 layout-panel-flex--row 11603 mobile-column 11604 product-grid__card 11605 spacing-style 11606 border-style 11607 gap-style 11608 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 11609 " 11610 style=" 11611 11612 11613 --border-width: 1px; 11614--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 11615 --border-radius-mobile: 16px; 11616 overflow: hidden; 11617 11618 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11619 11620--gap: 22px; 11621 11622 11623--horizontal-alignment: center; --vertical-alignment: center; 11624--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 11625center; 11626 11627 11628 --product-card-gap: 4px; 11629 11630 --padding-block-start: 40px; --padding-block-end:40px; 11631--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 11632--mobile-padding-block-end: 15px; 11633--mobile-padding-inline-start: 0px; 11634--mobile-padding-inline-end: 0px; 11635 11636 --color-background: 243 243 244; background-color: #f3f3f4; 11637 --color-foreground: 28 28 26; color: #1c1c1a; 11638 --quick-add-display: flex; 11639 --quick-add-mobile-display: none; 11640 --quick-add-mobile-opacity: 0; 11641 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 11642 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 11643 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 11644 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 11645 " 11646 > 11647 11648 11649 11650 11651<div 11652 ref="cardGallery" 11653 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-4 spacing-style border-style" 11654 style=" 11655 --border-width: 1px; 11656--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 11657 --border-radius-mobile: 0px; 11658 11659 11660 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 11661 --gallery-aspect-ratio: 1.0; 11662 --desktop-max-height: 290px; 11663 " 11664 data-product-id="8235806916916" 11665 11666 11667 data-image-ratio="adapt" 11668 11669> 11670 <a 11671 class="contents" 11672 ref="cardGalleryLink" 11673 href="/products/gut-health-complex?variant=44898982723892" 11674 aria-label="Thriving Gut" 11675 > 11676 11677 11678 <slideshow-component 11679 11680 ref="slideshow" 11681 11682 11683 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 11684 11685 initial-slide="0" 11686 11687 11688 infinite 11689 11690 11691 disabled="true" 11692> 11693 11694 <slideshow-container ref="slideshowContainer"> 11695 11696 11697 <slideshow-slides 11698 tabindex="-1" 11699 ref="scroller" 11700 11701 > 11702 11703 <slideshow-slide 11704 ref="slides[]" 11705 aria-hidden="false" 11706 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 11707 11708 class="product-media-container media-fit" 11709 11710 11711 11712 11713 11714> 11715 11716 <img src="//zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 11717 11718</slideshow-slide> 11719 11720 11721 </slideshow-slides> 11722 </slideshow-container> 11723 11724</slideshow-component> 11725 11726 11727 11728 </a> 11729</div> 11730 11731 11732 11733 11734 11735<div class="product-grid-view-zoom-out--details"> 11736 11737 <h3 class="h4">Thriving Gut</h3> 11738 11739</div> 11740 11741 11742 11743 11744 11745 11746<div 11747 class=" 11748 group-block 11749 group-block--height-fit 11750 group-block--width-fill 11751 border-style 11752 spacing-style 11753 size-style 11754 11755 11756 11757 11758 11759 " 11760 style=" 11761 11762 11763--border-radius: 0px; 11764 11765 11766 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11767 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11768 11769 11770 --padding-block-start-mobile: 0px; 11771 --padding-block-end-mobile: 0px; 11772 --padding-inline-start-mobile: 0px; 11773 --padding-inline-end-mobile: 0px; 11774 11775 11776 11777 11778 11779 11780 11781 " 11782 11783 data-testid="group-block" 11784><div class="group-block__media-wrapper"> 11785 11786 11787 11788 11789 11790 </div> 11791 11792 <div 11793 class=" 11794 group-block-content 11795 11796 11797 layout-panel-flex 11798 11799 layout-panel-flex--column 11800 11801 11802 mobile-column 11803 11804 11805 11806 11807 11808" 11809 style=" 11810 --abc: center; 11811 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11812 11813--gap: 0px; 11814--gap-mobile: 0px; 11815 11816--horizontal-alignment: flex-start; --vertical-alignment: center; 11817--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 11818center; 11819; 11820 11821 11822 11823 " 11824 > 11825 11826 11827 11828 11829<div 11830 class=" 11831 group-block 11832 group-block--height-fit 11833 group-block--width-fill 11834 border-style 11835 spacing-style 11836 size-style 11837 11838 11839 11840 11841 11842 " 11843 style=" 11844 11845 11846--border-radius: 0px; 11847 11848 11849 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11850 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11851 11852 11853 --padding-block-start-mobile: 0px; 11854 --padding-block-end-mobile: 0px; 11855 --padding-inline-start-mobile: 0px; 11856 --padding-inline-end-mobile: 0px; 11857 11858 11859 11860 11861 11862 11863 11864 " 11865 11866 data-testid="group-block" 11867><div class="group-block__media-wrapper"> 11868 11869 11870 11871 11872 11873 </div> 11874 11875 <div 11876 class=" 11877 group-block-content 11878 11879 11880 layout-panel-flex 11881 11882 layout-panel-flex--row 11883 11884 11885 11886 11887 11888 layout-panel-flex--mobile-column 11889 11890 11891 11892group-block-content--column-reverse-mobile 11893" 11894 style=" 11895 --abc: center; 11896 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11897 11898--gap: 7px; 11899--gap-mobile: 8px; 11900 11901--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 11902--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 11903flex-start; 11904; 11905 11906 11907 11908 " 11909 > 11910 11911 11912 11913 <product-tags 11914 class="product-tags" 11915 data-product-id="8235806916916" 11916 data-show-sold-out="true" 11917 style=" 11918 --product-tags-min-height-desktop: 32px; 11919 --product-tags-min-height-mobile: 32px; 11920 " 11921 ><div 11922 class="product-tags__badge product-tags__badge--sold-out" 11923 data-badge="sold-out" 11924 style="--badge-bg: #e54848; --badge-text: #ffffff;" 11925 11926 hidden 11927 11928 > 11929 <div 11930 class="product-tags__badge-inner custom-typography custom-font-size" 11931 style=" 11932 --padding-block-start: 6px; --padding-block-end:6px; 11933--padding-inline-start:10px; --padding-inline-end:10px; 11934 11935 11936 11937 11938 11939--color: ;
11939--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 11940 --text-corner-radius: 50px; 11941 --font-size-mobile: 0.875rem; 11942 --padding-block-start-mobile: 8px; 11943 --padding-block-end-mobile: 7px; 11944 --padding-inline-start-mobile: 8px; 11945 --padding-inline-end-mobile: 8px; 11946 11947 --line-height: 100%; 11948 --line-height-desktop: 100%; 11949 --line-height-mobile: 100%; 11950 11951 11952 --letter-spacing: 0.3px; 11953 --letter-spacing-desktop: 0.3px; 11954 --letter-spacing-mobile: 0.3px; 11955 11956 " 11957 > 11958 SOLD OUT 11959 </div> 11960 </div></product-tags> 11961 11962 11963 11964 11965 11966 11967</div> 11968</div> 11969 11970 11971 11972 11973 11974 11975 11976 11977 11978 11979 11980 11981 11982 11983 <div 11984 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-4 custom 11985 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 11986 " 11987 11988 style=" 11989 --padding-block-start: 12px; --padding-block-end:15px; 11990--padding-inline-start:0px; --padding-inline-end:0px; 11991 11992 11993 11994 11995 11996--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 11997 --font-size-mobile: 1.25rem; 11998 --width: fit-content; 11999 --width-mobile: fit-content; 12000 12001 12002 12003 --max-width: var(--max-width--body-normal); 12004 12005 --padding-block-start-mobile: 8px; 12006 --padding-block-end-mobile: 8px; 12007 --padding-inline-start-mobile: 0px; 12008 --padding-inline-end-mobile: 0px; 12009 12010 12011 --text-wrap: auto; 12012 12013 12014 --text-wrap-mobile: auto; 12015 12016 12017 --text-hyphens: none; 12018 12019 12020 12021 --text-corner-radius: 0px; 12022 12023 12024 12025--border-radius: 50px; 12026 12027 overflow: hidden; 12028 12029 12030 12031 12032 12033 12034 12035 12036 --text-indent-mobile: 0px; 12037 12038 12039 --text-line-height-desktop: 120%; 12040 --text-line-height-mobile: 120%; 12041 12042 12043 --text-letter-spacing-desktop: -0.3px; 12044 --text-letter-spacing-mobile: -0.3px; 12045 12046 " 12047 12048 12049> 12050 <p>Thriving Gut</p> 12051 12052 12053 </div> 12054 12055 12056 12057 12058 12059 <style data-shopify> 12060 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-4 > * { 12061 line-height: var(--text-line-height-desktop, inherit); 12062 } 12063 12064 @media screen and (max-width: 1023px) { 12065 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-4 > * { 12066 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 12067 } 12068 } 12069 </style> 12070 12071 12072 12073 <style data-shopify> 12074 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-4 > * { 12075 letter-spacing: var(--text-letter-spacing-desktop, inherit); 12076 } 12077 12078 @media screen and (max-width: 1023px) { 12079 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-4 > * { 12080 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 12081 } 12082 } 12083 </style> 12084 12085 12086 12087 12088 12089 12090 12091 12092 12093 12094 12095 <div 12096 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-4 selling-points--layout-vertical selling-points--align-left" 12097 style=" 12098 --selling-points-gap: 5px; 12099 --selling-points-gap-mobile: 6px; 12100 --selling-points-icon-gap: 7px; 12101 --selling-points-padding-top: 0px; 12102 --selling-points-padding-bottom: 0px; 12103 --selling-points-padding-top-mobile: 0px; 12104 --selling-points-padding-bottom-mobile: 0px; 12105 --selling-points-color: #1c1c1a; 12106 --selling-points-font-size: 1.125rem; 12107 --selling-points-font-size-mobile: 0.875rem; 12108 --selling-points-font-weight: 400; 12109 --selling-points-line-height: 120%; 12110 --selling-points-line-height-mobile: 120%; 12111 " 12112 12113 > 12114 12115 12116 <div class="selling-points__item">
12117 <span class="selling-points__icon"> 12118 12119 <svg 12120 xmlns="http://www.w3.org/2000/svg" 12121 width="16" 12122 height="16" 12123 viewBox="0 0 16 16" 12124 fill="none" 12125 class="selling-points__icon-svg" 12126 > 12127 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-4_1)"> 12128 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 12129 </g> 12130 <defs> 12131 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-4_1"> 12132 <rect width="16" height="16" fill="white"/> 12133 </clipPath> 12134 </defs> 12135 </svg> 12136 12137 </span> 12138 <span class="selling-points__text">Digestive Relief</span> 12139 </div> 12140 12141 12142 <div class="selling-points__item"> 12143 <span class="selling-points__icon"> 12144 12145 <svg 12146 xmlns="http://www.w3.org/2000/svg" 12147 width="16" 12148 height="16"
12149 viewBox="0 0 16 16" 12150 fill="none" 12151 class="selling-points__icon-svg" 12152 > 12153 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-4_2)"> 12154 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 12155 </g> 12156 <defs> 12157 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-4_2"> 12158 <rect width="16" height="16" fill="white"/> 12159 </clipPath> 12160 </defs> 12161 </svg> 12162 12163 </span> 12164 <span class="selling-points__text">1.45B CFU</span> 12165 </div> 12166 12167 12168 12169 </div> 12170 12171 12172 12173 12174 12175 12176 12177 12178 12179<div 12180 class=" 12181 group-block 12182 group-block--height-fit 12183 group-block--width-fill 12184 border-style 12185 spacing-style 12186 size-style 12187 12188 12189 12190 12191 12192 " 12193 style=" 12194 12195 12196--border-radius: 0px; 12197 12198 12199 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12200 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12201 12202 12203 --padding-block-start-mobile: 0px; 12204 --padding-block-end-mobile: 0px; 12205 --padding-inline-start-mobile: 0px; 12206 --padding-inline-end-mobile: 0px; 12207 12208 12209 12210 12211 12212 12213 12214 " 12215 12216 data-testid="group-block" 12217><div class="group-block__media-wrapper"> 12218 12219 12220 12221 12222 12223 </div> 12224 12225 <div 12226 class=" 12227 group-block-content 12228 12229 12230 layout-panel-flex 12231 12232 layout-panel-flex--row 12233 12234 12235 mobile-column 12236 12237 12238 12239 12240 12241" 12242 style=" 12243 --abc: center; 12244 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12245 12246--gap: 12px; 12247--gap-mobile: 8px; 12248 12249--horizontal-alignment: flex-start; --vertical-alignment: center; 12250--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 12251flex-start; 12252; 12253 12254 12255 12256 " 12257 > 12258 12259<style data-shopify> 12260 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-4 { 12261 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 12262 12263 --atc-button-width: fit-content; 12264 --atc-line-height: 100%; 12265 12266 --atc-line-height-mobile: 130%; 12267 12268 --atc-font-size: 0.9375rem; 12269 --atc-font-size-mobile: 0.75rem; 12270 --atc-font-weight: 600; 12271 --atc-text-transform: uppercase; 12272 12273 12274 --atc-pad-block-start: 18px; 12275 --atc-pad-block-end: 18px; 12276 --atc-pad-inline-start: 24px; 12277 --atc-pad-inline-end: 24px; 12278 --atc-pad-block-start-mobile: 10px; 12279 --atc-pad-block-end-mobile: 10px; 12280 --atc-pad-inline-start-mobile: 15px; 12281 --atc-pad-inline-end-mobile: 15px; 12282 12283 --atc-margin-top: 0px; 12284 --atc-margin-bottom: 0px; 12285 --atc-margin-top-mobile: 12px; 12286 --atc-margin-bottom-mobile: 0px; 12287 } 12288 12289 12290 </style> 12291 <div 12292 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-4 justify-left add-to-cart-block--custom-button-padding size-style " 12293 12294 ><product-form-component 12295 data-section-id="template--22820405739828__main" 12296 data-product-id="8235806916916" 12297 class="add-to-cart-block__form" 12298 on:submit="/handleSubmit" 12299 data-quantity-default="1" 12300 > 12301 <div 12302 class="visually-hidden" 12303 aria-live="assertive" 12304 role="status" 12305 aria-atomic="true" 12306 ref="liveRegion" 12307 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-8235806916916-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 12308 type="hidden" 12309 name="id" 12310 ref="variantId" 12311 value="44898982723892" 12312 12313 > 12314 <input 12315 type="hidden" 12316 name="quantity" 12317 value="1" 12318 > 12319 12320 <add-to-cart-component 12321 ref="addToCartButtonContainer" 12322 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Thriving_Gut_60_Capsules_G.webp?v=1784024945&width=100" 12323 data-add-to-cart-animation="false" 12324 class="add-to-cart-block__component" 12325 > 12326 <button 12327 type="submit" 12328 name="add" 12329 ref="addToCartButton" 12330 on:click="/handleClick" 12331 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 12332 12333 >
12334 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 12335 <span 12336 ><span>Add to Cart</span></span 12337 > 12338 </span><span class="">ã»</span> 12339 <span class="add-to-cart-block__price"> 12340 $49.00 12341 </span></span><span class="add-to-cart__added"> 12342 <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"> 12343 <g class="check"> 12344 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12345 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12346 </g> 12347 <g class="burst"> 12348 <g style="--index: 0;"> 12349 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12350 </g> 12351 <g style="--index: 1;"> 12352 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12353 </g> 12354 <g style="--index: 2;"> 12355 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12356 </g> 12357 <g style="--index: 3;"> 12358 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12359 </g> 12360 <g style="--index: 4;"> 12361 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12362 </g> 12363 <g style="--index: 5;"> 12364 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12365 </g> 12366 <g style="--index: 6;"> 12367 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12368 </g> 12369 <g style="--index: 7;"> 12370 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12371 </g> 12372 </g> 12373</svg> 12374</span> 12375 </span> 12376 </button> 12377 </add-to-cart-component><button 12378 type="button" 12379 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 12380 data-loop-custom-atc 12381 data-product-id="8235806916916" 12382 hidden 12383 12384 > 12385 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 12386 <span 12387 ><span>Add to Cart</span></span 12388 > 12389 </span><span class="">ã»</span> 12390 <span class="add-to-cart-block__price"> 12391 $49.00 12392 </span></span> 12393 <span class="add-to-cart__added"> 12394 <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"> 12395 <g class="check"> 12396 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12397 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12398 </g> 12399 <g class="burst"> 12400 <g style="--index: 0;"> 12401 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12402 </g> 12403 <g style="--index: 1;"> 12404 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12405 </g> 12406 <g style="--index: 2;"> 12407 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12408 </g> 12409 <g style="--index: 3;"> 12410 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12411 </g> 12412 <g style="--index: 4;"> 12413 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12414 </g> 12415 <g style="--index: 5;"> 12416 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12417 </g> 12418 <g style="--index: 6;"> 12419 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12420 </g> 12421 <g style="--index: 7;"> 12422 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12423 </g> 12424 </g> 12425</svg> 12426</span> 12427 </span>
12428 <span class="loop-atc-loading" aria-hidden="true"> 12429 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 12430 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 12431 </svg> 12432 </span> 12433 </button><input type="hidden" name="product-id" value="8235806916916" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 12434 12435 12436 12437 12438 12439 12440<style> 12441 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-4 {--button-color: #00178f; 12442 color: var(--button-color); 12443 } 12444 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-4:hover {--button-color: #034de4; 12445 color: var(--button-color); 12446 } 12447</style><a 12448 12449 href="/collections/all" 12450 12451 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-4 leading-none global-button" 12452 style=" 12453 --size-style-width: fit-content; 12454 --size-style-width-mobile: var(--size-style-width); 12455 12456 12457 --font-size: 1rem; 12458 12459 12460 --font-size-mobile: 0.8125rem; 12461 12462 12463 --font-weight: 400; 12464 12465 12466 12467 12468 12469 12470 --button-margin-top: 0px; 12471 --button-margin-bottom: 0px; 12472 --button-margin-top-mobile: 0px; 12473 --button-margin-bottom-mobile: 0px; 12474 12475 12476 " 12477> 12478 Learn More 12479 12480</a> 12481 12482 12483 12484 12485 12486 12487 12488</div> 12489</div> 12490 12491 12492 12493 12494 12495 12496</div> 12497</div> 12498 12499 12500 12501 12502 12503 12504 12505 </div> 12506</product-card> 12507 12508 12509 12510 12511 12512 </li> 12513 12514 <li 12515 id="template--22820405739828__main-9333534490932" 12516 class="product-grid__item product-grid__item--5" 12517 data-page="1" 12518 data-product-id="9333534490932" 12519 ref="cards[]" 12520 data-handle="deep-sleep-formula" 12521 > 12522 12523 12524 12525 12526 12527<style data-shopify> 12528 12529</style> 12530 12531 12532<product-card 12533 class="product-card" 12534 data-product-id="9333534490932" 12535 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-5" 12536 data-product-transition="false" 12537 12538 12539> 12540 <a 12541 id="c7307eb561ccfdf8a197ff0a635d5619" 12542 12543 href="/products/deep-sleep-formula?variant=49125351391540" 12544 12545 class="product-card__link" 12546 ref="productCardLink" 12547 > 12548 <span class="visually-hidden"> 12549 Deep Sleep Formula 12550 </span> 12551 </a> 12552 <div 12553 class=" 12554 product-card__content 12555 relative 12556 layout-panel-flex 12557 layout-panel-flex--row 12558 mobile-column 12559 product-grid__card 12560 spacing-style 12561 border-style 12562 gap-style 12563 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 12564 " 12565 style=" 12566 12567 12568 --border-width: 1px; 12569--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 12570 --border-radius-mobile: 16px; 12571 overflow: hidden; 12572 12573 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12574 12575--gap: 22px; 12576 12577 12578--horizontal-alignment: center; --vertical-alignment: center; 12579--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 12580center; 12581 12582 12583 --product-card-gap: 4px; 12584 12585 --padding-block-start: 40px; --padding-block-end:40px; 12586--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 12587--mobile-padding-block-end: 15px; 12588--mobile-padding-inline-start: 0px; 12589--mobile-padding-inline-end: 0px; 12590 12591 --color-background: 243 243 244; background-color: #f3f3f4; 12592 --color-foreground: 28 28 26; color: #1c1c1a; 12593 --quick-add-display: flex; 12594 --quick-add-mobile-display: none; 12595 --quick-add-mobile-opacity: 0; 12596 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 12597 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 12598 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 12599 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 12600 " 12601 > 12602 12603 12604 12605 12606<div 12607 ref="cardGallery" 12608 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-5 spacing-style border-style" 12609 style=" 12610 --border-width: 1px; 12611--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 12612 --border-radius-mobile: 0px; 12613 12614 12615 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 12616 --gallery-aspect-ratio: 1.0; 12617 --desktop-max-height: 290px; 12618 " 12619 data-product-id="9333534490932" 12620 12621 12622 data-image-ratio="adapt" 12623 12624> 12625 <a 12626 class="contents" 12627 ref="cardGalleryLink" 12628 href="/products/deep-sleep-formula?variant=49125351391540" 12629 aria-label="Deep Sleep Formula" 12630 > 12631 12632 12633 <slideshow-component 12634 12635 ref="slideshow" 12636 12637 12638 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 12639 12640 initial-slide="0" 12641 12642 12643 infinite 12644 12645 12646 disabled="true" 12647> 12648 12649 <slideshow-container ref="slideshowContainer"> 12650 12651 12652 <slideshow-slides 12653 tabindex="-1" 12654 ref="scroller" 12655 12656 > 12657 12658 <slideshow-slide 12659 ref="slides[]" 12660 aria-hidden="false" 12661 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 12662 12663 class="product-media-container media-fit" 12664 12665 12666 12667 12668 12669> 12670 12671 <img src="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 12672 12673</slideshow-slide> 12674 12675 12676 </slideshow-slides> 12677 </slideshow-container> 12678 12679</slideshow-component> 12680 12681 12682 12683 </a> 12684</div> 12685 12686 12687 12688 12689 12690<div class="product-grid-view-zoom-out--details"> 12691 12692 <h3 class="h4">Deep Sleep Formula</h3> 12693 12694</div> 12695 12696 12697 12698 12699 12700 12701<div 12702 class=" 12703 group-block 12704 group-block--height-fit 12705 group-block--width-fill 12706 border-style 12707 spacing-style 12708 size-style 12709 12710 12711 12712 12713 12714 " 12715 style=" 12716 12717 12718--border-radius: 0px; 12719 12720 12721 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12722 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12723 12724 12725 --padding-block-start-mobile: 0px; 12726 --padding-block-end-mobile: 0px; 12727 --padding-inline-start-mobile: 0px; 12728 --padding-inline-end-mobile: 0px; 12729 12730 12731 12732 12733 12734 12735 12736 " 12737 12738 data-testid="group-block" 12739><div class="group-block__media-wrapper"> 12740 12741 12742 12743 12744 12745 </div> 12746 12747 <div 12748 class=" 12749 group-block-content 12750 12751 12752 layout-panel-flex 12753 12754 layout-panel-flex--column 12755 12756 12757 mobile-column 12758 12759 12760 12761 12762 12763" 12764 style=" 12765 --abc: center; 12766 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12767 12768--gap: 0px; 12769--gap-mobile: 0px; 12770 12771--horizontal-alignment: flex-start; --vertical-alignment: center; 12772--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 12773center; 12774; 12775 12776 12777 12778 " 12779 > 12780 12781 12782 12783 12784<div 12785 class=" 12786 group-block 12787 group-block--height-fit 12788 group-block--width-fill 12789 border-style 12790 spacing-style 12791 size-style 12792 12793 12794 12795 12796 12797 " 12798 style=" 12799 12800 12801--border-radius: 0px; 12802 12803 12804 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12805 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12806 12807 12808 --padding-block-start-mobile: 0px; 12809 --padding-block-end-mobile: 0px; 12810 --padding-inline-start-mobile: 0px; 12811 --padding-inline-end-mobile: 0px; 12812 12813 12814 12815 12816 12817 12818 12819 " 12820 12821 data-testid="group-block" 12822><div class="group-block__media-wrapper"> 12823 12824 12825 12826 12827 12828 </div> 12829 12830 <div 12831 class=" 12832 group-block-content 12833 12834 12835 layout-panel-flex 12836 12837 layout-panel-flex--row 12838 12839 12840 12841 12842 12843 layout-panel-flex--mobile-column 12844 12845 12846 12847group-block-content--column-reverse-mobile 12848" 12849 style=" 12850 --abc: center; 12851 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12852 12853--gap: 7px; 12854--gap-mobile: 8px; 12855 12856--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 12857--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 12858flex-start; 12859; 12860 12861 12862 12863 " 12864 > 12865 12866 12867 12868 <product-tags 12869 class="product-tags" 12870 data-product-id="9333534490932" 12871 data-show-sold-out="true" 12872 style=" 12873 --product-tags-min-height-desktop: 32px; 12874 --product-tags-min-height-mobile: 32px; 12875 " 12876 ><div 12877 class="product-tags__badge product-tags__badge--sold-out" 12878 data-badge="sold-out" 12879 style="--badge-bg: #e54848; --badge-text: #ffffff;" 12880 12881 hidden 12882 12883 > 12884 <div 12885 class="product-tags__badge-inner custom-typography custom-font-size" 12886 style=" 12887 --padding-block-start: 6px; --padding-block-end:6px; 12888--padding-inline-start:10px; --padding-inline-end:10px; 12889 12890 12891 12892 12893 12894--color: ;
12894--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 12895 --text-corner-radius: 50px; 12896 --font-size-mobile: 0.875rem; 12897 --padding-block-start-mobile: 8px; 12898 --padding-block-end-mobile: 7px; 12899 --padding-inline-start-mobile: 8px; 12900 --padding-inline-end-mobile: 8px; 12901 12902 --line-height: 100%; 12903 --line-height-desktop: 100%; 12904 --line-height-mobile: 100%; 12905 12906 12907 --letter-spacing: 0.3px; 12908 --letter-spacing-desktop: 0.3px; 12909 --letter-spacing-mobile: 0.3px; 12910 12911 " 12912 > 12913 SOLD OUT 12914 </div> 12915 </div></product-tags> 12916 12917 12918 12919 12920 12921 12922</div> 12923</div> 12924 12925 12926 12927 12928 12929 12930 12931 12932 12933 12934 12935 12936 12937 12938 <div 12939 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-5 custom 12940 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 12941 " 12942 12943 style=" 12944 --padding-block-start: 12px; --padding-block-end:15px; 12945--padding-inline-start:0px; --padding-inline-end:0px; 12946 12947 12948 12949 12950 12951--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 12952 --font-size-mobile: 1.25rem; 12953 --width: fit-content; 12954 --width-mobile: fit-content; 12955 12956 12957 12958 --max-width: var(--max-width--body-normal); 12959 12960 --padding-block-start-mobile: 8px; 12961 --padding-block-end-mobile: 8px; 12962 --padding-inline-start-mobile: 0px; 12963 --padding-inline-end-mobile: 0px; 12964 12965 12966 --text-wrap: auto; 12967 12968 12969 --text-wrap-mobile: auto; 12970 12971 12972 --text-hyphens: none; 12973 12974 12975 12976 --text-corner-radius: 0px; 12977 12978 12979 12980--border-radius: 50px; 12981 12982 overflow: hidden; 12983 12984 12985 12986 12987 12988 12989 12990 12991 --text-indent-mobile: 0px; 12992 12993 12994 --text-line-height-desktop: 120%; 12995 --text-line-height-mobile: 120%; 12996 12997 12998 --text-letter-spacing-desktop: -0.3px; 12999 --text-letter-spacing-mobile: -0.3px; 13000 13001 " 13002 13003 13004> 13005 <p>Deep Sleep Formula</p> 13006 13007 13008 </div> 13009 13010 13011 13012 13013 13014 <style data-shopify> 13015 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-5 > * { 13016 line-height: var(--text-line-height-desktop, inherit); 13017 } 13018 13019 @media screen and (max-width: 1023px) { 13020 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-5 > * { 13021 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 13022 } 13023 } 13024 </style> 13025 13026 13027 13028 <style data-shopify> 13029 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-5 > * { 13030 letter-spacing: var(--text-letter-spacing-desktop, inherit); 13031 } 13032 13033 @media screen and (max-width: 1023px) { 13034 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-5 > * { 13035 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 13036 } 13037 } 13038 </style> 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 <div 13051 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-5 selling-points--layout-vertical selling-points--align-left" 13052 style=" 13053 --selling-points-gap: 5px; 13054 --selling-points-gap-mobile: 6px; 13055 --selling-points-icon-gap: 7px; 13056 --selling-points-padding-top: 0px; 13057 --selling-points-padding-bottom: 0px; 13058 --selling-points-padding-top-mobile: 0px; 13059 --selling-points-padding-bottom-mobile: 0px; 13060 --selling-points-color: #1c1c1a; 13061 --selling-points-font-size: 1.125rem; 13062 --selling-points-font-size-mobile: 0.875rem; 13063 --selling-points-font-weight: 400; 13064 --selling-points-line-height: 120%; 13065 --selling-points-line-height-mobile: 120%; 13066 " 13067 13068 > 13069 13070 13071 <div class="selling-points__item">
13072 <span class="selling-points__icon"> 13073 13074 <svg 13075 xmlns="http://www.w3.org/2000/svg" 13076 width="16" 13077 height="16" 13078 viewBox="0 0 16 16" 13079 fill="none" 13080 class="selling-points__icon-svg" 13081 > 13082 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-5_1)"> 13083 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 13084 </g> 13085 <defs> 13086 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-5_1"> 13087 <rect width="16" height="16" fill="white"/> 13088 </clipPath> 13089 </defs> 13090 </svg> 13091 13092 </span> 13093 <span class="selling-points__text">Fall Asleep</span> 13094 </div> 13095 13096 13097 <div class="selling-points__item"> 13098 <span class="selling-points__icon"> 13099 13100 <svg 13101 xmlns="http://www.w3.org/2000/svg" 13102 width="16" 13103 height="16"
13104 viewBox="0 0 16 16" 13105 fill="none" 13106 class="selling-points__icon-svg" 13107 > 13108 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-5_2)"> 13109 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 13110 </g> 13111 <defs> 13112 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-5_2"> 13113 <rect width="16" height="16" fill="white"/> 13114 </clipPath> 13115 </defs> 13116 </svg> 13117 13118 </span> 13119 <span class="selling-points__text">Melatonin-Magnesium</span> 13120 </div> 13121 13122 13123 13124 </div> 13125 13126 13127 13128 13129 13130 13131 13132 13133 13134<div 13135 class=" 13136 group-block 13137 group-block--height-fit 13138 group-block--width-fill 13139 border-style 13140 spacing-style 13141 size-style 13142 13143 13144 13145 13146 13147 " 13148 style=" 13149 13150 13151--border-radius: 0px; 13152 13153 13154 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13155 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13156 13157 13158 --padding-block-start-mobile: 0px; 13159 --padding-block-end-mobile: 0px; 13160 --padding-inline-start-mobile: 0px; 13161 --padding-inline-end-mobile: 0px; 13162 13163 13164 13165 13166 13167 13168 13169 " 13170 13171 data-testid="group-block" 13172><div class="group-block__media-wrapper"> 13173 13174 13175 13176 13177 13178 </div> 13179 13180 <div 13181 class=" 13182 group-block-content 13183 13184 13185 layout-panel-flex 13186 13187 layout-panel-flex--row 13188 13189 13190 mobile-column 13191 13192 13193 13194 13195 13196" 13197 style=" 13198 --abc: center; 13199 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13200 13201--gap: 12px; 13202--gap-mobile: 8px; 13203 13204--horizontal-alignment: flex-start; --vertical-alignment: center; 13205--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 13206flex-start; 13207; 13208 13209 13210 13211 " 13212 > 13213 13214<style data-shopify> 13215 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-5 { 13216 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 13217 13218 --atc-button-width: fit-content; 13219 --atc-line-height: 100%; 13220 13221 --atc-line-height-mobile: 130%; 13222 13223 --atc-font-size: 0.9375rem; 13224 --atc-font-size-mobile: 0.75rem; 13225 --atc-font-weight: 600; 13226 --atc-text-transform: uppercase; 13227 13228 13229 --atc-pad-block-start: 18px; 13230 --atc-pad-block-end: 18px; 13231 --atc-pad-inline-start: 24px; 13232 --atc-pad-inline-end: 24px; 13233 --atc-pad-block-start-mobile: 10px; 13234 --atc-pad-block-end-mobile: 10px; 13235 --atc-pad-inline-start-mobile: 15px; 13236 --atc-pad-inline-end-mobile: 15px; 13237 13238 --atc-margin-top: 0px; 13239 --atc-margin-bottom: 0px; 13240 --atc-margin-top-mobile: 12px; 13241 --atc-margin-bottom-mobile: 0px; 13242 } 13243 13244 13245 </style> 13246 <div 13247 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-5 justify-left add-to-cart-block--custom-button-padding size-style " 13248 13249 ><product-form-component 13250 data-section-id="template--22820405739828__main" 13251 data-product-id="9333534490932" 13252 class="add-to-cart-block__form" 13253 on:submit="/handleSubmit" 13254 data-quantity-default="1" 13255 > 13256 <div 13257 class="visually-hidden" 13258 aria-live="assertive" 13259 role="status" 13260 aria-atomic="true" 13261 ref="liveRegion" 13262 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9333534490932-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 13263 type="hidden" 13264 name="id" 13265 ref="variantId" 13266 value="49125351391540" 13267 13268 > 13269 <input 13270 type="hidden" 13271 name="quantity" 13272 value="1" 13273 > 13274 13275 <add-to-cart-component 13276 ref="addToCartButtonContainer" 13277 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_60_Capsules_G.webp?v=1784025026&width=100" 13278 data-add-to-cart-animation="false" 13279 class="add-to-cart-block__component" 13280 > 13281 <button 13282 type="submit" 13283 name="add" 13284 ref="addToCartButton" 13285 on:click="/handleClick" 13286 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 13287 13288 >
13289 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 13290 <span 13291 ><span>Add to Cart</span></span 13292 > 13293 </span><span class="">ã»</span> 13294 <span class="add-to-cart-block__price"> 13295 $55.00 13296 </span></span><span class="add-to-cart__added"> 13297 <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"> 13298 <g class="check"> 13299 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13300 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13301 </g> 13302 <g class="burst"> 13303 <g style="--index: 0;"> 13304 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13305 </g> 13306 <g style="--index: 1;"> 13307 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13308 </g> 13309 <g style="--index: 2;"> 13310 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13311 </g> 13312 <g style="--index: 3;"> 13313 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13314 </g> 13315 <g style="--index: 4;"> 13316 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13317 </g> 13318 <g style="--index: 5;"> 13319 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13320 </g> 13321 <g style="--index: 6;"> 13322 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13323 </g> 13324 <g style="--index: 7;"> 13325 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13326 </g> 13327 </g> 13328</svg> 13329</span> 13330 </span> 13331 </button> 13332 </add-to-cart-component><button 13333 type="button" 13334 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 13335 data-loop-custom-atc 13336 data-product-id="9333534490932" 13337 hidden 13338 13339 > 13340 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 13341 <span 13342 ><span>Add to Cart</span></span 13343 > 13344 </span><span class="">ã»</span> 13345 <span class="add-to-cart-block__price"> 13346 $55.00 13347 </span></span> 13348 <span class="add-to-cart__added"> 13349 <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"> 13350 <g class="check"> 13351 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13352 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13353 </g> 13354 <g class="burst"> 13355 <g style="--index: 0;"> 13356 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13357 </g> 13358 <g style="--index: 1;"> 13359 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13360 </g> 13361 <g style="--index: 2;"> 13362 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13363 </g> 13364 <g style="--index: 3;"> 13365 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13366 </g> 13367 <g style="--index: 4;"> 13368 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13369 </g> 13370 <g style="--index: 5;"> 13371 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13372 </g> 13373 <g style="--index: 6;"> 13374 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13375 </g> 13376 <g style="--index: 7;"> 13377 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13378 </g> 13379 </g> 13380</svg> 13381</span> 13382 </span>
13383 <span class="loop-atc-loading" aria-hidden="true"> 13384 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 13385 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 13386 </svg> 13387 </span> 13388 </button><input type="hidden" name="product-id" value="9333534490932" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 13389 13390 13391 13392 13393 13394 13395<style> 13396 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-5 {--button-color: #00178f; 13397 color: var(--button-color); 13398 } 13399 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-5:hover {--button-color: #034de4; 13400 color: var(--button-color); 13401 } 13402</style><a 13403 13404 href="/collections/all" 13405 13406 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-5 leading-none global-button" 13407 style=" 13408 --size-style-width: fit-content; 13409 --size-style-width-mobile: var(--size-style-width); 13410 13411 13412 --font-size: 1rem; 13413 13414 13415 --font-size-mobile: 0.8125rem; 13416 13417 13418 --font-weight: 400; 13419 13420 13421 13422 13423 13424 13425 --button-margin-top: 0px; 13426 --button-margin-bottom: 0px; 13427 --button-margin-top-mobile: 0px; 13428 --button-margin-bottom-mobile: 0px; 13429 13430 13431 " 13432> 13433 Learn More 13434 13435</a> 13436 13437 13438 13439 13440 13441 13442 13443</div> 13444</div> 13445 13446 13447 13448 13449 13450 13451</div> 13452</div> 13453 13454 13455 13456 13457 13458 13459 13460 </div> 13461</product-card> 13462 13463 13464 13465 13466 13467 </li> 13468 13469 <li 13470 id="template--22820405739828__main-9333534654772" 13471 class="product-grid__item product-grid__item--6" 13472 data-page="1" 13473 data-product-id="9333534654772" 13474 ref="cards[]" 13475 data-handle="turmeric-active" 13476 > 13477 13478 13479 13480 13481 13482<style data-shopify> 13483 13484</style> 13485 13486 13487<product-card 13488 class="product-card" 13489 data-product-id="9333534654772" 13490 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-6" 13491 data-product-transition="false" 13492 13493 13494> 13495 <a 13496 id="a43c1018b4c2728601da394d42ca9640" 13497 13498 href="/products/turmeric-active?variant=49125351457076" 13499 13500 class="product-card__link" 13501 ref="productCardLink" 13502 > 13503 <span class="visually-hidden"> 13504 Turmeric Active 13505 </span> 13506 </a> 13507 <div 13508 class=" 13509 product-card__content 13510 relative 13511 layout-panel-flex 13512 layout-panel-flex--row 13513 mobile-column 13514 product-grid__card 13515 spacing-style 13516 border-style 13517 gap-style 13518 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 13519 " 13520 style=" 13521 13522 13523 --border-width: 1px; 13524--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 13525 --border-radius-mobile: 16px; 13526 overflow: hidden; 13527 13528 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13529 13530--gap: 22px; 13531 13532 13533--horizontal-alignment: center; --vertical-alignment: center; 13534--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 13535center; 13536 13537 13538 --product-card-gap: 4px; 13539 13540 --padding-block-start: 40px; --padding-block-end:40px; 13541--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 13542--mobile-padding-block-end: 15px; 13543--mobile-padding-inline-start: 0px; 13544--mobile-padding-inline-end: 0px; 13545 13546 --color-background: 243 243 244; background-color: #f3f3f4; 13547 --color-foreground: 28 28 26; color: #1c1c1a; 13548 --quick-add-display: flex; 13549 --quick-add-mobile-display: none; 13550 --quick-add-mobile-opacity: 0; 13551 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 13552 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 13553 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 13554 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 13555 " 13556 > 13557 13558 13559 13560 13561<div 13562 ref="cardGallery" 13563 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-6 spacing-style border-style" 13564 style=" 13565 --border-width: 1px; 13566--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 13567 --border-radius-mobile: 0px; 13568 13569 13570 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 13571 --gallery-aspect-ratio: 1.0; 13572 --desktop-max-height: 290px; 13573 " 13574 data-product-id="9333534654772" 13575 13576 13577 data-image-ratio="adapt" 13578 13579> 13580 <a 13581 class="contents" 13582 ref="cardGalleryLink" 13583 href="/products/turmeric-active?variant=49125351457076" 13584 aria-label="Turmeric Active" 13585 > 13586 13587 13588 <slideshow-component 13589 13590 ref="slideshow" 13591 13592 13593 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 13594 13595 initial-slide="0" 13596 13597 13598 infinite 13599 13600 13601 disabled="true" 13602> 13603 13604 <slideshow-container ref="slideshowContainer"> 13605 13606 13607 <slideshow-slides 13608 tabindex="-1" 13609 ref="scroller" 13610 13611 > 13612 13613 <slideshow-slide 13614 ref="slides[]" 13615 aria-hidden="false" 13616 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 13617 13618 class="product-media-container media-fit" 13619 13620 13621 13622 13623 13624> 13625 13626 <img src="//zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 13627 13628</slideshow-slide> 13629 13630 13631 </slideshow-slides> 13632 </slideshow-container> 13633 13634</slideshow-component> 13635 13636 13637 13638 </a> 13639</div> 13640 13641 13642 13643 13644 13645<div class="product-grid-view-zoom-out--details"> 13646 13647 <h3 class="h4">Turmeric Active</h3> 13648 13649</div> 13650 13651 13652 13653 13654 13655 13656<div 13657 class=" 13658 group-block 13659 group-block--height-fit 13660 group-block--width-fill 13661 border-style 13662 spacing-style 13663 size-style 13664 13665 13666 13667 13668 13669 " 13670 style=" 13671 13672 13673--border-radius: 0px; 13674 13675 13676 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13677 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13678 13679 13680 --padding-block-start-mobile: 0px; 13681 --padding-block-end-mobile: 0px; 13682 --padding-inline-start-mobile: 0px; 13683 --padding-inline-end-mobile: 0px; 13684 13685 13686 13687 13688 13689 13690 13691 " 13692 13693 data-testid="group-block" 13694><div class="group-block__media-wrapper"> 13695 13696 13697 13698 13699 13700 </div> 13701 13702 <div 13703 class=" 13704 group-block-content 13705 13706 13707 layout-panel-flex 13708 13709 layout-panel-flex--column 13710 13711 13712 mobile-column 13713 13714 13715 13716 13717 13718" 13719 style=" 13720 --abc: center; 13721 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13722 13723--gap: 0px; 13724--gap-mobile: 0px; 13725 13726--horizontal-alignment: flex-start; --vertical-alignment: center; 13727--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 13728center; 13729; 13730 13731 13732 13733 " 13734 > 13735 13736 13737 13738 13739<div 13740 class=" 13741 group-block 13742 group-block--height-fit 13743 group-block--width-fill 13744 border-style 13745 spacing-style 13746 size-style 13747 13748 13749 13750 13751 13752 " 13753 style=" 13754 13755 13756--border-radius: 0px; 13757 13758 13759 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13760 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13761 13762 13763 --padding-block-start-mobile: 0px; 13764 --padding-block-end-mobile: 0px; 13765 --padding-inline-start-mobile: 0px; 13766 --padding-inline-end-mobile: 0px; 13767 13768 13769 13770 13771 13772 13773 13774 " 13775 13776 data-testid="group-block" 13777><div class="group-block__media-wrapper"> 13778 13779 13780 13781 13782 13783 </div> 13784 13785 <div 13786 class=" 13787 group-block-content 13788 13789 13790 layout-panel-flex 13791 13792 layout-panel-flex--row 13793 13794 13795 13796 13797 13798 layout-panel-flex--mobile-column 13799 13800 13801 13802group-block-content--column-reverse-mobile 13803" 13804 style=" 13805 --abc: center; 13806 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13807 13808--gap: 7px; 13809--gap-mobile: 8px; 13810 13811--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 13812--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 13813flex-start; 13814; 13815 13816 13817 13818 " 13819 > 13820 13821 13822 13823 <product-tags 13824 class="product-tags" 13825 data-product-id="9333534654772" 13826 data-show-sold-out="true" 13827 style=" 13828 --product-tags-min-height-desktop: 32px; 13829 --product-tags-min-height-mobile: 32px; 13830 " 13831 ><div 13832 class="product-tags__badge product-tags__badge--sold-out" 13833 data-badge="sold-out" 13834 style="--badge-bg: #e54848; --badge-text: #ffffff;" 13835 13836 hidden 13837 13838 > 13839 <div 13840 class="product-tags__badge-inner custom-typography custom-font-size" 13841 style=" 13842 --padding-block-start: 6px; --padding-block-end:6px; 13843--padding-inline-start:10px; --padding-inline-end:10px; 13844 13845 13846 13847 13848 13849--color: ;
13849--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 13850 --text-corner-radius: 50px; 13851 --font-size-mobile: 0.875rem; 13852 --padding-block-start-mobile: 8px; 13853 --padding-block-end-mobile: 7px; 13854 --padding-inline-start-mobile: 8px; 13855 --padding-inline-end-mobile: 8px; 13856 13857 --line-height: 100%; 13858 --line-height-desktop: 100%; 13859 --line-height-mobile: 100%; 13860 13861 13862 --letter-spacing: 0.3px; 13863 --letter-spacing-desktop: 0.3px; 13864 --letter-spacing-mobile: 0.3px; 13865 13866 " 13867 > 13868 SOLD OUT 13869 </div> 13870 </div></product-tags> 13871 13872 13873 13874 13875 13876 13877</div> 13878</div> 13879 13880 13881 13882 13883 13884 13885 13886 13887 13888 13889 13890 13891 13892 13893 <div 13894 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-6 custom 13895 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 13896 " 13897 13898 style=" 13899 --padding-block-start: 12px; --padding-block-end:15px; 13900--padding-inline-start:0px; --padding-inline-end:0px; 13901 13902 13903 13904 13905 13906--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 13907 --font-size-mobile: 1.25rem; 13908 --width: fit-content; 13909 --width-mobile: fit-content; 13910 13911 13912 13913 --max-width: var(--max-width--body-normal); 13914 13915 --padding-block-start-mobile: 8px; 13916 --padding-block-end-mobile: 8px; 13917 --padding-inline-start-mobile: 0px; 13918 --padding-inline-end-mobile: 0px; 13919 13920 13921 --text-wrap: auto; 13922 13923 13924 --text-wrap-mobile: auto; 13925 13926 13927 --text-hyphens: none; 13928 13929 13930 13931 --text-corner-radius: 0px; 13932 13933 13934 13935--border-radius: 50px; 13936 13937 overflow: hidden; 13938 13939 13940 13941 13942 13943 13944 13945 13946 --text-indent-mobile: 0px; 13947 13948 13949 --text-line-height-desktop: 120%; 13950 --text-line-height-mobile: 120%; 13951 13952 13953 --text-letter-spacing-desktop: -0.3px; 13954 --text-letter-spacing-mobile: -0.3px; 13955 13956 " 13957 13958 13959> 13960 <p>Turmeric Active</p> 13961 13962 13963 </div> 13964 13965 13966 13967 13968 13969 <style data-shopify> 13970 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-6 > * { 13971 line-height: var(--text-line-height-desktop, inherit); 13972 } 13973 13974 @media screen and (max-width: 1023px) { 13975 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-6 > * { 13976 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 13977 } 13978 } 13979 </style> 13980 13981 13982 13983 <style data-shopify> 13984 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-6 > * { 13985 letter-spacing: var(--text-letter-spacing-desktop, inherit); 13986 } 13987 13988 @media screen and (max-width: 1023px) { 13989 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-6 > * { 13990 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 13991 } 13992 } 13993 </style> 13994 13995 13996 13997 13998 13999 14000 14001 14002 14003 14004 14005 <div 14006 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-6 selling-points--layout-vertical selling-points--align-left" 14007 style=" 14008 --selling-points-gap: 5px; 14009 --selling-points-gap-mobile: 6px; 14010 --selling-points-icon-gap: 7px; 14011 --selling-points-padding-top: 0px; 14012 --selling-points-padding-bottom: 0px; 14013 --selling-points-padding-top-mobile: 0px; 14014 --selling-points-padding-bottom-mobile: 0px; 14015 --selling-points-color: #1c1c1a; 14016 --selling-points-font-size: 1.125rem; 14017 --selling-points-font-size-mobile: 0.875rem; 14018 --selling-points-font-weight: 400; 14019 --selling-points-line-height: 120%; 14020 --selling-points-line-height-mobile: 120%; 14021 " 14022 14023 > 14024 14025 14026 <div class="selling-points__item">
14027 <span class="selling-points__icon"> 14028 14029 <svg 14030 xmlns="http://www.w3.org/2000/svg" 14031 width="16" 14032 height="16" 14033 viewBox="0 0 16 16" 14034 fill="none" 14035 class="selling-points__icon-svg" 14036 > 14037 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-6_1)"> 14038 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 14039 </g> 14040 <defs> 14041 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-6_1"> 14042 <rect width="16" height="16" fill="white"/> 14043 </clipPath> 14044 </defs> 14045 </svg> 14046 14047 </span> 14048 <span class="selling-points__text">Joint Relief</span> 14049 </div> 14050 14051 14052 <div class="selling-points__item"> 14053 <span class="selling-points__icon"> 14054 14055 <svg 14056 xmlns="http://www.w3.org/2000/svg" 14057 width="16" 14058 height="16"
14059 viewBox="0 0 16 16" 14060 fill="none" 14061 class="selling-points__icon-svg" 14062 > 14063 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-6_2)"> 14064 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 14065 </g> 14066 <defs> 14067 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-6_2"> 14068 <rect width="16" height="16" fill="white"/> 14069 </clipPath> 14070 </defs> 14071 </svg> 14072 14073 </span> 14074 <span class="selling-points__text">Recovery Support</span> 14075 </div> 14076 14077 14078 14079 </div> 14080 14081 14082 14083 14084 14085 14086 14087 14088 14089<div 14090 class=" 14091 group-block 14092 group-block--height-fit 14093 group-block--width-fill 14094 border-style 14095 spacing-style 14096 size-style 14097 14098 14099 14100 14101 14102 " 14103 style=" 14104 14105 14106--border-radius: 0px; 14107 14108 14109 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14110 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14111 14112 14113 --padding-block-start-mobile: 0px; 14114 --padding-block-end-mobile: 0px; 14115 --padding-inline-start-mobile: 0px; 14116 --padding-inline-end-mobile: 0px; 14117 14118 14119 14120 14121 14122 14123 14124 " 14125 14126 data-testid="group-block" 14127><div class="group-block__media-wrapper"> 14128 14129 14130 14131 14132 14133 </div> 14134 14135 <div 14136 class=" 14137 group-block-content 14138 14139 14140 layout-panel-flex 14141 14142 layout-panel-flex--row 14143 14144 14145 mobile-column 14146 14147 14148 14149 14150 14151" 14152 style=" 14153 --abc: center; 14154 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14155 14156--gap: 12px; 14157--gap-mobile: 8px; 14158 14159--horizontal-alignment: flex-start; --vertical-alignment: center; 14160--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 14161flex-start; 14162; 14163 14164 14165 14166 " 14167 > 14168 14169<style data-shopify> 14170 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-6 { 14171 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 14172 14173 --atc-button-width: fit-content; 14174 --atc-line-height: 100%; 14175 14176 --atc-line-height-mobile: 130%; 14177 14178 --atc-font-size: 0.9375rem; 14179 --atc-font-size-mobile: 0.75rem; 14180 --atc-font-weight: 600; 14181 --atc-text-transform: uppercase; 14182 14183 14184 --atc-pad-block-start: 18px; 14185 --atc-pad-block-end: 18px; 14186 --atc-pad-inline-start: 24px; 14187 --atc-pad-inline-end: 24px; 14188 --atc-pad-block-start-mobile: 10px; 14189 --atc-pad-block-end-mobile: 10px; 14190 --atc-pad-inline-start-mobile: 15px; 14191 --atc-pad-inline-end-mobile: 15px; 14192 14193 --atc-margin-top: 0px; 14194 --atc-margin-bottom: 0px; 14195 --atc-margin-top-mobile: 12px; 14196 --atc-margin-bottom-mobile: 0px; 14197 } 14198 14199 14200 </style> 14201 <div 14202 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-6 justify-left add-to-cart-block--custom-button-padding size-style " 14203 14204 ><product-form-component 14205 data-section-id="template--22820405739828__main" 14206 data-product-id="9333534654772" 14207 class="add-to-cart-block__form" 14208 on:submit="/handleSubmit" 14209 data-quantity-default="1" 14210 > 14211 <div 14212 class="visually-hidden" 14213 aria-live="assertive" 14214 role="status" 14215 aria-atomic="true" 14216 ref="liveRegion" 14217 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9333534654772-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 14218 type="hidden" 14219 name="id" 14220 ref="variantId" 14221 value="49125351457076" 14222 14223 > 14224 <input 14225 type="hidden" 14226 name="quantity" 14227 value="1" 14228 > 14229 14230 <add-to-cart-component 14231 ref="addToCartButtonContainer" 14232 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Turmeric_Active_60_Capsules_G.webp?v=1784025131&width=100" 14233 data-add-to-cart-animation="false" 14234 class="add-to-cart-block__component" 14235 > 14236 <button 14237 type="submit" 14238 name="add" 14239 ref="addToCartButton" 14240 on:click="/handleClick" 14241 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 14242 14243 >
14244 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 14245 <span 14246 ><span>Add to Cart</span></span 14247 > 14248 </span><span class="">ã»</span> 14249 <span class="add-to-cart-block__price"> 14250 $40.00 14251 </span></span><span class="add-to-cart__added"> 14252 <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"> 14253 <g class="check"> 14254 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14255 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14256 </g> 14257 <g class="burst"> 14258 <g style="--index: 0;"> 14259 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14260 </g> 14261 <g style="--index: 1;"> 14262 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14263 </g> 14264 <g style="--index: 2;"> 14265 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14266 </g> 14267 <g style="--index: 3;"> 14268 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14269 </g> 14270 <g style="--index: 4;"> 14271 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14272 </g> 14273 <g style="--index: 5;"> 14274 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14275 </g> 14276 <g style="--index: 6;"> 14277 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14278 </g> 14279 <g style="--index: 7;"> 14280 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14281 </g> 14282 </g> 14283</svg> 14284</span> 14285 </span> 14286 </button> 14287 </add-to-cart-component><button 14288 type="button" 14289 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 14290 data-loop-custom-atc 14291 data-product-id="9333534654772" 14292 hidden 14293 14294 > 14295 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 14296 <span 14297 ><span>Add to Cart</span></span 14298 > 14299 </span><span class="">ã»</span> 14300 <span class="add-to-cart-block__price"> 14301 $40.00 14302 </span></span> 14303 <span class="add-to-cart__added"> 14304 <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"> 14305 <g class="check"> 14306 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14307 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14308 </g> 14309 <g class="burst"> 14310 <g style="--index: 0;"> 14311 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14312 </g> 14313 <g style="--index: 1;"> 14314 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14315 </g> 14316 <g style="--index: 2;"> 14317 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14318 </g> 14319 <g style="--index: 3;"> 14320 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14321 </g> 14322 <g style="--index: 4;"> 14323 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14324 </g> 14325 <g style="--index: 5;"> 14326 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14327 </g> 14328 <g style="--index: 6;"> 14329 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14330 </g> 14331 <g style="--index: 7;"> 14332 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14333 </g> 14334 </g> 14335</svg> 14336</span> 14337 </span>
14338 <span class="loop-atc-loading" aria-hidden="true"> 14339 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 14340 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 14341 </svg> 14342 </span> 14343 </button><input type="hidden" name="product-id" value="9333534654772" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 14344 14345 14346 14347 14348 14349 14350<style> 14351 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-6 {--button-color: #00178f; 14352 color: var(--button-color); 14353 } 14354 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-6:hover {--button-color: #034de4; 14355 color: var(--button-color); 14356 } 14357</style><a 14358 14359 href="/collections/all" 14360 14361 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-6 leading-none global-button" 14362 style=" 14363 --size-style-width: fit-content; 14364 --size-style-width-mobile: var(--size-style-width); 14365 14366 14367 --font-size: 1rem; 14368 14369 14370 --font-size-mobile: 0.8125rem; 14371 14372 14373 --font-weight: 400; 14374 14375 14376 14377 14378 14379 14380 --button-margin-top: 0px; 14381 --button-margin-bottom: 0px; 14382 --button-margin-top-mobile: 0px; 14383 --button-margin-bottom-mobile: 0px; 14384 14385 14386 " 14387> 14388 Learn More 14389 14390</a> 14391 14392 14393 14394 14395 14396 14397 14398</div> 14399</div> 14400 14401 14402 14403 14404 14405 14406</div> 14407</div> 14408 14409 14410 14411 14412 14413 14414 14415 </div> 14416</product-card> 14417 14418 14419 14420 14421 14422 </li> 14423 14424 <li 14425 id="template--22820405739828__main-9333534589236" 14426 class="product-grid__item product-grid__item--7" 14427 data-page="1" 14428 data-product-id="9333534589236" 14429 ref="cards[]" 14430 data-handle="vitamin-d3-k2-liquid-sunshine" 14431 > 14432 14433 14434 14435 14436 14437<style data-shopify> 14438 14439</style> 14440 14441 14442<product-card 14443 class="product-card" 14444 data-product-id="9333534589236" 14445 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-7" 14446 data-product-transition="false" 14447 14448 14449> 14450 <a 14451 id="33e46c8fd6e20457ae785a658dd8a13a" 14452 14453 href="/products/vitamin-d3-k2-liquid-sunshine?variant=49125351424308" 14454 14455 class="product-card__link" 14456 ref="productCardLink" 14457 > 14458 <span class="visually-hidden"> 14459 Vitamin D3 K2 Liquid Sunshine 14460 </span> 14461 </a> 14462 <div 14463 class=" 14464 product-card__content 14465 relative 14466 layout-panel-flex 14467 layout-panel-flex--row 14468 mobile-column 14469 product-grid__card 14470 spacing-style 14471 border-style 14472 gap-style 14473 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 14474 " 14475 style=" 14476 14477 14478 --border-width: 1px; 14479--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 14480 --border-radius-mobile: 16px; 14481 overflow: hidden; 14482 14483 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14484 14485--gap: 22px; 14486 14487 14488--horizontal-alignment: center; --vertical-alignment: center; 14489--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 14490center; 14491 14492 14493 --product-card-gap: 4px; 14494 14495 --padding-block-start: 40px; --padding-block-end:40px; 14496--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 14497--mobile-padding-block-end: 15px; 14498--mobile-padding-inline-start: 0px; 14499--mobile-padding-inline-end: 0px; 14500 14501 --color-background: 243 243 244; background-color: #f3f3f4; 14502 --color-foreground: 28 28 26; color: #1c1c1a; 14503 --quick-add-display: flex; 14504 --quick-add-mobile-display: none; 14505 --quick-add-mobile-opacity: 0; 14506 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 14507 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 14508 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 14509 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 14510 " 14511 > 14512 14513 14514 14515 14516<div 14517 ref="cardGallery" 14518 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-7 spacing-style border-style" 14519 style=" 14520 --border-width: 1px; 14521--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 14522 --border-radius-mobile: 0px; 14523 14524 14525 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 14526 --gallery-aspect-ratio: 1.0; 14527 --desktop-max-height: 290px; 14528 " 14529 data-product-id="9333534589236" 14530 14531 14532 data-image-ratio="adapt" 14533 14534> 14535 <a 14536 class="contents" 14537 ref="cardGalleryLink" 14538 href="/products/vitamin-d3-k2-liquid-sunshine?variant=49125351424308" 14539 aria-label="Vitamin D3 K2 Liquid Sunshine" 14540 > 14541 14542 14543 <slideshow-component 14544 14545 ref="slideshow" 14546 14547 14548 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 14549 14550 initial-slide="0" 14551 14552 14553 infinite 14554 14555 14556 disabled="true" 14557> 14558 14559 <slideshow-container ref="slideshowContainer"> 14560 14561 14562 <slideshow-slides 14563 tabindex="-1" 14564 ref="scroller" 14565 14566 > 14567 14568 <slideshow-slide 14569 ref="slides[]" 14570 aria-hidden="false" 14571 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 14572 14573 class="product-media-container media-fit" 14574 14575 14576 14577 14578 14579> 14580 14581 <img src="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 14582 14583</slideshow-slide> 14584 14585 14586 </slideshow-slides> 14587 </slideshow-container> 14588 14589</slideshow-component> 14590 14591 14592 14593 </a> 14594</div> 14595 14596 14597 14598 14599 14600<div class="product-grid-view-zoom-out--details"> 14601 14602 <h3 class="h4">Vitamin D3 K2 Liquid Sunshine</h3> 14603 14604</div> 14605 14606 14607 14608 14609 14610 14611<div 14612 class=" 14613 group-block 14614 group-block--height-fit 14615 group-block--width-fill 14616 border-style 14617 spacing-style 14618 size-style 14619 14620 14621 14622 14623 14624 " 14625 style=" 14626 14627 14628--border-radius: 0px; 14629 14630 14631 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14632 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14633 14634 14635 --padding-block-start-mobile: 0px; 14636 --padding-block-end-mobile: 0px; 14637 --padding-inline-start-mobile: 0px; 14638 --padding-inline-end-mobile: 0px; 14639 14640 14641 14642 14643 14644 14645 14646 " 14647 14648 data-testid="group-block" 14649><div class="group-block__media-wrapper"> 14650 14651 14652 14653 14654 14655 </div> 14656 14657 <div 14658 class=" 14659 group-block-content 14660 14661 14662 layout-panel-flex 14663 14664 layout-panel-flex--column 14665 14666 14667 mobile-column 14668 14669 14670 14671 14672 14673" 14674 style=" 14675 --abc: center; 14676 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14677 14678--gap: 0px; 14679--gap-mobile: 0px; 14680 14681--horizontal-alignment: flex-start; --vertical-alignment: center; 14682--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 14683center; 14684; 14685 14686 14687 14688 " 14689 > 14690 14691 14692 14693 14694<div 14695 class=" 14696 group-block 14697 group-block--height-fit 14698 group-block--width-fill 14699 border-style 14700 spacing-style 14701 size-style 14702 14703 14704 14705 14706 14707 " 14708 style=" 14709 14710 14711--border-radius: 0px; 14712 14713 14714 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14715 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14716 14717 14718 --padding-block-start-mobile: 0px; 14719 --padding-block-end-mobile: 0px; 14720 --padding-inline-start-mobile: 0px; 14721 --padding-inline-end-mobile: 0px; 14722 14723 14724 14725 14726 14727 14728 14729 " 14730 14731 data-testid="group-block" 14732><div class="group-block__media-wrapper"> 14733 14734 14735 14736 14737 14738 </div> 14739 14740 <div 14741 class=" 14742 group-block-content 14743 14744 14745 layout-panel-flex 14746 14747 layout-panel-flex--row 14748 14749 14750 14751 14752 14753 layout-panel-flex--mobile-column 14754 14755 14756 14757group-block-content--column-reverse-mobile 14758" 14759 style=" 14760 --abc: center; 14761 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14762 14763--gap: 7px; 14764--gap-mobile: 8px; 14765 14766--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 14767--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 14768flex-start; 14769; 14770 14771 14772 14773 " 14774 > 14775 14776 14777 14778 <product-tags 14779 class="product-tags" 14780 data-product-id="9333534589236" 14781 data-show-sold-out="true" 14782 style=" 14783 --product-tags-min-height-desktop: 32px; 14784 --product-tags-min-height-mobile: 32px; 14785 " 14786 ><div 14787 class="product-tags__badge product-tags__badge--sold-out" 14788 data-badge="sold-out" 14789 style="--badge-bg: #e54848; --badge-text: #ffffff;" 14790 14791 hidden 14792 14793 > 14794 <div 14795 class="product-tags__badge-inner custom-typography custom-font-size" 14796 style=" 14797 --padding-block-start: 6px; --padding-block-end:6px; 14798--padding-inline-start:10px; --padding-inline-end:10px; 14799 14800 14801 14802 14803 14804--color: ;
14804--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 14805 --text-corner-radius: 50px; 14806 --font-size-mobile: 0.875rem; 14807 --padding-block-start-mobile: 8px; 14808 --padding-block-end-mobile: 7px; 14809 --padding-inline-start-mobile: 8px; 14810 --padding-inline-end-mobile: 8px; 14811 14812 --line-height: 100%; 14813 --line-height-desktop: 100%; 14814 --line-height-mobile: 100%; 14815 14816 14817 --letter-spacing: 0.3px; 14818 --letter-spacing-desktop: 0.3px; 14819 --letter-spacing-mobile: 0.3px; 14820 14821 " 14822 > 14823 SOLD OUT 14824 </div> 14825 </div></product-tags> 14826 14827 14828 14829 14830 14831 14832</div> 14833</div> 14834 14835 14836 14837 14838 14839 14840 14841 14842 14843 14844 14845 14846 14847 14848 <div 14849 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-7 custom 14850 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 14851 " 14852 14853 style=" 14854 --padding-block-start: 12px; --padding-block-end:15px; 14855--padding-inline-start:0px; --padding-inline-end:0px; 14856 14857 14858 14859 14860 14861--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 14862 --font-size-mobile: 1.25rem; 14863 --width: fit-content; 14864 --width-mobile: fit-content; 14865 14866 14867 14868 --max-width: var(--max-width--body-normal); 14869 14870 --padding-block-start-mobile: 8px; 14871 --padding-block-end-mobile: 8px; 14872 --padding-inline-start-mobile: 0px; 14873 --padding-inline-end-mobile: 0px; 14874 14875 14876 --text-wrap: auto; 14877 14878 14879 --text-wrap-mobile: auto; 14880 14881 14882 --text-hyphens: none; 14883 14884 14885 14886 --text-corner-radius: 0px; 14887 14888 14889 14890--border-radius: 50px; 14891 14892 overflow: hidden; 14893 14894 14895 14896 14897 14898 14899 14900 14901 --text-indent-mobile: 0px; 14902 14903 14904 --text-line-height-desktop: 120%; 14905 --text-line-height-mobile: 120%; 14906 14907 14908 --text-letter-spacing-desktop: -0.3px; 14909 --text-letter-spacing-mobile: -0.3px; 14910 14911 " 14912 14913 14914> 14915 <p>Vitamin D3 K2 Liquid Sunshine</p> 14916 14917 14918 </div> 14919 14920 14921 14922 14923 14924 <style data-shopify> 14925 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-7 > * { 14926 line-height: var(--text-line-height-desktop, inherit); 14927 } 14928 14929 @media screen and (max-width: 1023px) { 14930 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-7 > * { 14931 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 14932 } 14933 } 14934 </style> 14935 14936 14937 14938 <style data-shopify> 14939 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-7 > * { 14940 letter-spacing: var(--text-letter-spacing-desktop, inherit); 14941 } 14942 14943 @media screen and (max-width: 1023px) { 14944 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-7 > * { 14945 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 14946 } 14947 } 14948 </style> 14949 14950 14951 14952 14953 14954 14955 14956 14957 14958 14959 14960 <div 14961 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-7 selling-points--layout-vertical selling-points--align-left" 14962 style=" 14963 --selling-points-gap: 5px; 14964 --selling-points-gap-mobile: 6px; 14965 --selling-points-icon-gap: 7px; 14966 --selling-points-padding-top: 0px; 14967 --selling-points-padding-bottom: 0px; 14968 --selling-points-padding-top-mobile: 0px; 14969 --selling-points-padding-bottom-mobile: 0px; 14970 --selling-points-color: #1c1c1a; 14971 --selling-points-font-size: 1.125rem; 14972 --selling-points-font-size-mobile: 0.875rem; 14973 --selling-points-font-weight: 400; 14974 --selling-points-line-height: 120%; 14975 --selling-points-line-height-mobile: 120%; 14976 " 14977 14978 > 14979 14980 14981 <div class="selling-points__item">
14982 <span class="selling-points__icon"> 14983 14984 <svg 14985 xmlns="http://www.w3.org/2000/svg" 14986 width="16" 14987 height="16" 14988 viewBox="0 0 16 16" 14989 fill="none" 14990 class="selling-points__icon-svg" 14991 > 14992 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-7_1)"> 14993 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 14994 </g> 14995 <defs> 14996 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-7_1"> 14997 <rect width="16" height="16" fill="white"/> 14998 </clipPath> 14999 </defs> 15000 </svg> 15001 15002 </span> 15003 <span class="selling-points__text">Immune Boost</span> 15004 </div> 15005 15006 15007 <div class="selling-points__item"> 15008 <span class="selling-points__icon"> 15009 15010 <svg 15011 xmlns="http://www.w3.org/2000/svg" 15012 width="16" 15013 height="16"
15014 viewBox="0 0 16 16" 15015 fill="none" 15016 class="selling-points__icon-svg" 15017 > 15018 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-7_2)"> 15019 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 15020 </g> 15021 <defs> 15022 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-7_2"> 15023 <rect width="16" height="16" fill="white"/> 15024 </clipPath> 15025 </defs> 15026 </svg> 15027 15028 </span> 15029 <span class="selling-points__text">Bone Support</span> 15030 </div> 15031 15032 15033 15034 </div> 15035 15036 15037 15038 15039 15040 15041 15042 15043 15044<div 15045 class=" 15046 group-block 15047 group-block--height-fit 15048 group-block--width-fill 15049 border-style 15050 spacing-style 15051 size-style 15052 15053 15054 15055 15056 15057 " 15058 style=" 15059 15060 15061--border-radius: 0px; 15062 15063 15064 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15065 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15066 15067 15068 --padding-block-start-mobile: 0px; 15069 --padding-block-end-mobile: 0px; 15070 --padding-inline-start-mobile: 0px; 15071 --padding-inline-end-mobile: 0px; 15072 15073 15074 15075 15076 15077 15078 15079 " 15080 15081 data-testid="group-block" 15082><div class="group-block__media-wrapper"> 15083 15084 15085 15086 15087 15088 </div> 15089 15090 <div 15091 class=" 15092 group-block-content 15093 15094 15095 layout-panel-flex 15096 15097 layout-panel-flex--row 15098 15099 15100 mobile-column 15101 15102 15103 15104 15105 15106" 15107 style=" 15108 --abc: center; 15109 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15110 15111--gap: 12px; 15112--gap-mobile: 8px; 15113 15114--horizontal-alignment: flex-start; --vertical-alignment: center; 15115--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 15116flex-start; 15117; 15118 15119 15120 15121 " 15122 > 15123 15124<style data-shopify> 15125 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-7 { 15126 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 15127 15128 --atc-button-width: fit-content; 15129 --atc-line-height: 100%; 15130 15131 --atc-line-height-mobile: 130%; 15132 15133 --atc-font-size: 0.9375rem; 15134 --atc-font-size-mobile: 0.75rem; 15135 --atc-font-weight: 600; 15136 --atc-text-transform: uppercase; 15137 15138 15139 --atc-pad-block-start: 18px; 15140 --atc-pad-block-end: 18px; 15141 --atc-pad-inline-start: 24px; 15142 --atc-pad-inline-end: 24px; 15143 --atc-pad-block-start-mobile: 10px; 15144 --atc-pad-block-end-mobile: 10px; 15145 --atc-pad-inline-start-mobile: 15px; 15146 --atc-pad-inline-end-mobile: 15px; 15147 15148 --atc-margin-top: 0px; 15149 --atc-margin-bottom: 0px; 15150 --atc-margin-top-mobile: 12px; 15151 --atc-margin-bottom-mobile: 0px; 15152 } 15153 15154 15155 </style> 15156 <div 15157 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-7 justify-left add-to-cart-block--custom-button-padding size-style " 15158 15159 ><product-form-component 15160 data-section-id="template--22820405739828__main" 15161 data-product-id="9333534589236" 15162 class="add-to-cart-block__form" 15163 on:submit="/handleSubmit" 15164 data-quantity-default="1" 15165 > 15166 <div 15167 class="visually-hidden" 15168 aria-live="assertive" 15169 role="status" 15170 aria-atomic="true" 15171 ref="liveRegion" 15172 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9333534589236-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 15173 type="hidden" 15174 name="id" 15175 ref="variantId" 15176 value="49125351424308" 15177 15178 > 15179 <input 15180 type="hidden" 15181 name="quantity" 15182 value="1" 15183 > 15184 15185 <add-to-cart-component 15186 ref="addToCartButtonContainer" 15187 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_30_Servings_G.webp?v=1784025339&width=100" 15188 data-add-to-cart-animation="false" 15189 class="add-to-cart-block__component" 15190 > 15191 <button 15192 type="submit" 15193 name="add" 15194 ref="addToCartButton" 15195 on:click="/handleClick" 15196 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 15197 15198 >
15199 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 15200 <span 15201 ><span>Add to Cart</span></span 15202 > 15203 </span><span class="">ã»</span> 15204 <span class="add-to-cart-block__price"> 15205 $40.00 15206 </span></span><span class="add-to-cart__added"> 15207 <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"> 15208 <g class="check"> 15209 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15210 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15211 </g> 15212 <g class="burst"> 15213 <g style="--index: 0;"> 15214 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15215 </g> 15216 <g style="--index: 1;"> 15217 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15218 </g> 15219 <g style="--index: 2;"> 15220 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15221 </g> 15222 <g style="--index: 3;"> 15223 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15224 </g> 15225 <g style="--index: 4;"> 15226 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15227 </g> 15228 <g style="--index: 5;"> 15229 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15230 </g> 15231 <g style="--index: 6;"> 15232 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15233 </g> 15234 <g style="--index: 7;"> 15235 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15236 </g> 15237 </g> 15238</svg> 15239</span> 15240 </span> 15241 </button> 15242 </add-to-cart-component><button 15243 type="button" 15244 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 15245 data-loop-custom-atc 15246 data-product-id="9333534589236" 15247 hidden 15248 15249 > 15250 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 15251 <span 15252 ><span>Add to Cart</span></span 15253 > 15254 </span><span class="">ã»</span> 15255 <span class="add-to-cart-block__price"> 15256 $40.00 15257 </span></span> 15258 <span class="add-to-cart__added"> 15259 <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"> 15260 <g class="check"> 15261 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15262 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15263 </g> 15264 <g class="burst"> 15265 <g style="--index: 0;"> 15266 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15267 </g> 15268 <g style="--index: 1;"> 15269 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15270 </g> 15271 <g style="--index: 2;"> 15272 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15273 </g> 15274 <g style="--index: 3;"> 15275 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15276 </g> 15277 <g style="--index: 4;"> 15278 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15279 </g> 15280 <g style="--index: 5;"> 15281 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15282 </g> 15283 <g style="--index: 6;"> 15284 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15285 </g> 15286 <g style="--index: 7;"> 15287 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15288 </g> 15289 </g> 15290</svg> 15291</span> 15292 </span>
15293 <span class="loop-atc-loading" aria-hidden="true"> 15294 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 15295 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 15296 </svg> 15297 </span> 15298 </button><input type="hidden" name="product-id" value="9333534589236" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 15299 15300 15301 15302 15303 15304 15305<style> 15306 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-7 {--button-color: #00178f; 15307 color: var(--button-color); 15308 } 15309 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-7:hover {--button-color: #034de4; 15310 color: var(--button-color); 15311 } 15312</style><a 15313 15314 href="/collections/all" 15315 15316 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-7 leading-none global-button" 15317 style=" 15318 --size-style-width: fit-content; 15319 --size-style-width-mobile: var(--size-style-width); 15320 15321 15322 --font-size: 1rem; 15323 15324 15325 --font-size-mobile: 0.8125rem; 15326 15327 15328 --font-weight: 400; 15329 15330 15331 15332 15333 15334 15335 --button-margin-top: 0px; 15336 --button-margin-bottom: 0px; 15337 --button-margin-top-mobile: 0px; 15338 --button-margin-bottom-mobile: 0px; 15339 15340 15341 " 15342> 15343 Learn More 15344 15345</a> 15346 15347 15348 15349 15350 15351 15352 15353</div> 15354</div> 15355 15356 15357 15358 15359 15360 15361</div> 15362</div> 15363 15364 15365 15366 15367 15368 15369 15370 </div> 15371</product-card> 15372 15373 15374 15375 15376 15377 </li> 15378 15379 <li 15380 id="template--22820405739828__main-9301590999348" 15381 class="product-grid__item product-grid__item--8" 15382 data-page="1" 15383 data-product-id="9301590999348" 15384 ref="cards[]" 15385 data-handle="polyphenols" 15386 > 15387 15388 15389 15390 15391 15392<style data-shopify> 15393 15394</style> 15395 15396 15397<product-card 15398 class="product-card" 15399 data-product-id="9301590999348" 15400 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-8" 15401 data-product-transition="false" 15402 15403 15404> 15405 <a 15406 id="2cbf6043d61972fa1d0a0ffa9d3d1641" 15407 15408 href="/products/polyphenols?variant=48985818136884" 15409 15410 class="product-card__link" 15411 ref="productCardLink" 15412 > 15413 <span class="visually-hidden"> 15414 Polyphenols+ 15415 </span> 15416 </a> 15417 <div 15418 class=" 15419 product-card__content 15420 relative 15421 layout-panel-flex 15422 layout-panel-flex--row 15423 mobile-column 15424 product-grid__card 15425 spacing-style 15426 border-style 15427 gap-style 15428 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 15429 " 15430 style=" 15431 15432 15433 --border-width: 1px; 15434--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 15435 --border-radius-mobile: 16px; 15436 overflow: hidden; 15437 15438 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15439 15440--gap: 22px; 15441 15442 15443--horizontal-alignment: center; --vertical-alignment: center; 15444--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 15445center; 15446 15447 15448 --product-card-gap: 4px; 15449 15450 --padding-block-start: 40px; --padding-block-end:40px; 15451--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 15452--mobile-padding-block-end: 15px; 15453--mobile-padding-inline-start: 0px; 15454--mobile-padding-inline-end: 0px; 15455 15456 --color-background: 243 243 244; background-color: #f3f3f4; 15457 --color-foreground: 28 28 26; color: #1c1c1a; 15458 --quick-add-display: flex; 15459 --quick-add-mobile-display: none; 15460 --quick-add-mobile-opacity: 0; 15461 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 15462 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 15463 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 15464 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 15465 " 15466 > 15467 15468 15469 15470 15471<div 15472 ref="cardGallery" 15473 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-8 spacing-style border-style" 15474 style=" 15475 --border-width: 1px; 15476--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 15477 --border-radius-mobile: 0px; 15478 15479 15480 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 15481 --gallery-aspect-ratio: 1.0; 15482 --desktop-max-height: 290px; 15483 " 15484 data-product-id="9301590999348" 15485 15486 15487 data-image-ratio="adapt" 15488 15489> 15490 <a 15491 class="contents" 15492 ref="cardGalleryLink" 15493 href="/products/polyphenols?variant=48985818136884" 15494 aria-label="Polyphenols+" 15495 > 15496 15497 15498 <slideshow-component 15499 15500 ref="slideshow" 15501 15502 15503 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 15504 15505 initial-slide="0" 15506 15507 15508 infinite 15509 15510 15511 disabled="true" 15512> 15513 15514 <slideshow-container ref="slideshowContainer"> 15515 15516 15517 <slideshow-slides 15518 tabindex="-1" 15519 ref="scroller" 15520 15521 > 15522 15523 <slideshow-slide 15524 ref="slides[]" 15525 aria-hidden="false" 15526 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 15527 15528 class="product-media-container media-fit" 15529 15530 15531 15532 15533 15534> 15535 15536 <img src="//zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 15537 15538</slideshow-slide> 15539 15540 15541 </slideshow-slides> 15542 </slideshow-container> 15543 15544</slideshow-component> 15545 15546 15547 15548 </a> 15549</div> 15550 15551 15552 15553 15554 15555<div class="product-grid-view-zoom-out--details"> 15556 15557 <h3 class="h4">Polyphenols+</h3> 15558 15559</div> 15560 15561 15562 15563 15564 15565 15566<div 15567 class=" 15568 group-block 15569 group-block--height-fit 15570 group-block--width-fill 15571 border-style 15572 spacing-style 15573 size-style 15574 15575 15576 15577 15578 15579 " 15580 style=" 15581 15582 15583--border-radius: 0px; 15584 15585 15586 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15587 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15588 15589 15590 --padding-block-start-mobile: 0px; 15591 --padding-block-end-mobile: 0px; 15592 --padding-inline-start-mobile: 0px; 15593 --padding-inline-end-mobile: 0px; 15594 15595 15596 15597 15598 15599 15600 15601 " 15602 15603 data-testid="group-block" 15604><div class="group-block__media-wrapper"> 15605 15606 15607 15608 15609 15610 </div> 15611 15612 <div 15613 class=" 15614 group-block-content 15615 15616 15617 layout-panel-flex 15618 15619 layout-panel-flex--column 15620 15621 15622 mobile-column 15623 15624 15625 15626 15627 15628" 15629 style=" 15630 --abc: center; 15631 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15632 15633--gap: 0px; 15634--gap-mobile: 0px; 15635 15636--horizontal-alignment: flex-start; --vertical-alignment: center; 15637--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 15638center; 15639; 15640 15641 15642 15643 " 15644 > 15645 15646 15647 15648 15649<div 15650 class=" 15651 group-block 15652 group-block--height-fit 15653 group-block--width-fill 15654 border-style 15655 spacing-style 15656 size-style 15657 15658 15659 15660 15661 15662 " 15663 style=" 15664 15665 15666--border-radius: 0px; 15667 15668 15669 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15670 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15671 15672 15673 --padding-block-start-mobile: 0px; 15674 --padding-block-end-mobile: 0px; 15675 --padding-inline-start-mobile: 0px; 15676 --padding-inline-end-mobile: 0px; 15677 15678 15679 15680 15681 15682 15683 15684 " 15685 15686 data-testid="group-block" 15687><div class="group-block__media-wrapper"> 15688 15689 15690 15691 15692 15693 </div> 15694 15695 <div 15696 class=" 15697 group-block-content 15698 15699 15700 layout-panel-flex 15701 15702 layout-panel-flex--row 15703 15704 15705 15706 15707 15708 layout-panel-flex--mobile-column 15709 15710 15711 15712group-block-content--column-reverse-mobile 15713" 15714 style=" 15715 --abc: center; 15716 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15717 15718--gap: 7px; 15719--gap-mobile: 8px; 15720 15721--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 15722--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 15723flex-start; 15724; 15725 15726 15727 15728 " 15729 > 15730 15731 15732 15733 <product-tags 15734 class="product-tags" 15735 data-product-id="9301590999348" 15736 data-show-sold-out="true" 15737 style=" 15738 --product-tags-min-height-desktop: 32px; 15739 --product-tags-min-height-mobile: 32px; 15740 " 15741 ><div 15742 class="product-tags__badge product-tags__badge--sold-out" 15743 data-badge="sold-out" 15744 style="--badge-bg: #e54848; --badge-text: #ffffff;" 15745 15746 hidden 15747 15748 > 15749 <div 15750 class="product-tags__badge-inner custom-typography custom-font-size" 15751 style=" 15752 --padding-block-start: 6px; --padding-block-end:6px; 15753--padding-inline-start:10px; --padding-inline-end:10px; 15754 15755 15756 15757 15758 15759--color: ;
15759--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 15760 --text-corner-radius: 50px; 15761 --font-size-mobile: 0.875rem; 15762 --padding-block-start-mobile: 8px; 15763 --padding-block-end-mobile: 7px; 15764 --padding-inline-start-mobile: 8px; 15765 --padding-inline-end-mobile: 8px; 15766 15767 --line-height: 100%; 15768 --line-height-desktop: 100%; 15769 --line-height-mobile: 100%; 15770 15771 15772 --letter-spacing: 0.3px; 15773 --letter-spacing-desktop: 0.3px; 15774 --letter-spacing-mobile: 0.3px; 15775 15776 " 15777 > 15778 SOLD OUT 15779 </div> 15780 </div><div 15781 class="product-tags__badge product-tags__badge--bundle" 15782 data-badge="bundle" 15783 style="--badge-bg: #00ff66; --badge-text: #00178f;" 15784 > 15785 <div 15786 class="product-tags__badge-inner custom-typography custom-font-size" 15787 style=" 15788 --padding-block-start: 6px; --padding-block-end:6px; 15789--padding-inline-start:10px; --padding-inline-end:10px; 15790 15791 15792 15793 15794 15795--color: ;--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 15796 --text-corner-radius: 50px; 15797 --font-size-mobile: 0.875rem; 15798 --padding-block-start-mobile: 8px; 15799 --padding-block-end-mobile: 7px; 15800 --padding-inline-start-mobile: 8px; 15801 --padding-inline-end-mobile: 8px; 15802 15803 --line-height: 100%; 15804 --line-height-desktop: 100%; 15805 --line-height-mobile: 100%; 15806 15807 15808 --letter-spacing: 0.3px; 15809 --letter-spacing-desktop: 0.3px; 15810 --letter-spacing-mobile: 0.3px; 15811 15812 " 15813 > 15814 BUNDLE + SAVE 15815 20% 15816 </div> 15817 </div></product-tags> 15818 15819 15820 15821 15822 15823 15824</div> 15825</div> 15826 15827 15828 15829 15830 15831 15832 15833 15834 15835 15836 15837 15838 15839 15840 <div 15841 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-8 custom 15842 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 15843 " 15844 15845 style=" 15846 --padding-block-start: 12px; --padding-block-end:15px; 15847--padding-inline-start:0px; --padding-inline-end:0px; 15848 15849 15850 15851 15852 15853--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 15854 --font-size-mobile: 1.25rem; 15855 --width: fit-content; 15856 --width-mobile: fit-content; 15857 15858 15859 15860 --max-width: var(--max-width--body-normal); 15861 15862 --padding-block-start-mobile: 8px; 15863 --padding-block-end-mobile: 8px; 15864 --padding-inline-start-mobile: 0px; 15865 --padding-inline-end-mobile: 0px; 15866 15867 15868 --text-wrap: auto; 15869 15870 15871 --text-wrap-mobile: auto; 15872 15873 15874 --text-hyphens: none; 15875 15876 15877 15878 --text-corner-radius: 0px; 15879 15880 15881 15882--border-radius: 50px; 15883 15884 overflow: hidden; 15885 15886 15887 15888 15889 15890 15891 15892 15893 --text-indent-mobile: 0px; 15894 15895 15896 --text-line-height-desktop: 120%; 15897 --text-line-height-mobile: 120%; 15898 15899 15900 --text-letter-spacing-desktop: -0.3px; 15901 --text-letter-spacing-mobile: -0.3px; 15902 15903 " 15904 15905 15906> 15907 <p>Polyphenols+</p> 15908 15909 15910 </div> 15911 15912 15913 15914 15915 15916 <style data-shopify> 15917 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-8 > * { 15918 line-height: var(--text-line-height-desktop, inherit); 15919 } 15920 15921 @media screen and (max-width: 1023px) { 15922 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-8 > * { 15923 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 15924 } 15925 } 15926 </style> 15927 15928 15929 15930 <style data-shopify> 15931 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-8 > * { 15932 letter-spacing: var(--text-letter-spacing-desktop, inherit); 15933 } 15934 15935 @media screen and (max-width: 1023px) { 15936 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-8 > * { 15937 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 15938 } 15939 } 15940 </style> 15941 15942 15943 15944 15945 15946 15947 15948 15949 15950 15951 15952 <div 15953 class="selling-points selling-points--AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-8 selling-points--layout-vertical selling-points--align-left" 15954 style=" 15955 --selling-points-gap: 5px; 15956 --selling-points-gap-mobile: 6px; 15957 --selling-points-icon-gap: 7px; 15958 --selling-points-padding-top: 0px; 15959 --selling-points-padding-bottom: 0px; 15960 --selling-points-padding-top-mobile: 0px; 15961 --selling-points-padding-bottom-mobile: 0px; 15962 --selling-points-color: #1c1c1a; 15963 --selling-points-font-size: 1.125rem; 15964 --selling-points-font-size-mobile: 0.875rem; 15965 --selling-points-font-weight: 400; 15966 --selling-points-line-height: 120%; 15967 --selling-points-line-height-mobile: 120%; 15968 " 15969 15970 > 15971 15972 15973 <div class="selling-points__item">
15974 <span class="selling-points__icon"> 15975 15976 <svg 15977 xmlns="http://www.w3.org/2000/svg" 15978 width="16" 15979 height="16" 15980 viewBox="0 0 16 16" 15981 fill="none" 15982 class="selling-points__icon-svg" 15983 > 15984 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-8_1)"> 15985 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 15986 </g> 15987 <defs> 15988 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-8_1"> 15989 <rect width="16" height="16" fill="white"/> 15990 </clipPath> 15991 </defs> 15992 </svg> 15993 15994 </span> 15995 <span class="selling-points__text">Cellular Longevity</span> 15996 </div> 15997 15998 15999 <div class="selling-points__item"> 16000 <span class="selling-points__icon"> 16001 16002 <svg 16003 xmlns="http://www.w3.org/2000/svg" 16004 width="16" 16005 height="16"
16006 viewBox="0 0 16 16" 16007 fill="none" 16008 class="selling-points__icon-svg" 16009 > 16010 <g clip-path="url(#clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-8_2)"> 16011 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5452 1.99614C15.949 2.36889 15.9759 3.00035 15.6054 3.40655L5.99447 13.9434C5.8112 14.1443 5.55422 14.2611 5.28323 14.2665C5.01223 14.272 4.75082 14.1657 4.55972 13.9723L0.555151 9.91963C0.168808 9.52865 0.170661 8.89661 0.55929 8.50793C0.94792 8.11924 1.57616 8.12111 1.9625 8.51209L5.23469 11.8236L14.1433 2.05671C14.5138 1.65051 15.1415 1.6234 15.5452 1.99614Z" fill="currentColor"/> 16012 </g> 16013 <defs> 16014 <clipPath id="clip0_selling_AT0MrUk9vVVN4ZndCZ__selling_points_33qV8B-8_2"> 16015 <rect width="16" height="16" fill="white"/> 16016 </clipPath> 16017 </defs> 16018 </svg> 16019 16020 </span> 16021 <span class="selling-points__text">Inflammation Balance</span> 16022 </div> 16023 16024 16025 16026 </div> 16027 16028 16029 16030 16031 16032 16033 16034 16035 16036<div 16037 class=" 16038 group-block 16039 group-block--height-fit 16040 group-block--width-fill 16041 border-style 16042 spacing-style 16043 size-style 16044 16045 16046 16047 16048 16049 " 16050 style=" 16051 16052 16053--border-radius: 0px; 16054 16055 16056 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16057 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16058 16059 16060 --padding-block-start-mobile: 0px; 16061 --padding-block-end-mobile: 0px; 16062 --padding-inline-start-mobile: 0px; 16063 --padding-inline-end-mobile: 0px; 16064 16065 16066 16067 16068 16069 16070 16071 " 16072 16073 data-testid="group-block" 16074><div class="group-block__media-wrapper"> 16075 16076 16077 16078 16079 16080 </div> 16081 16082 <div 16083 class=" 16084 group-block-content 16085 16086 16087 layout-panel-flex 16088 16089 layout-panel-flex--row 16090 16091 16092 mobile-column 16093 16094 16095 16096 16097 16098" 16099 style=" 16100 --abc: center; 16101 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16102 16103--gap: 12px; 16104--gap-mobile: 8px; 16105 16106--horizontal-alignment: flex-start; --vertical-alignment: center; 16107--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 16108flex-start; 16109; 16110 16111 16112 16113 " 16114 > 16115 16116<style data-shopify> 16117 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-8 { 16118 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 16119 16120 --atc-button-width: fit-content; 16121 --atc-line-height: 100%; 16122 16123 --atc-line-height-mobile: 130%; 16124 16125 --atc-font-size: 0.9375rem; 16126 --atc-font-size-mobile: 0.75rem; 16127 --atc-font-weight: 600; 16128 --atc-text-transform: uppercase; 16129 16130 16131 --atc-pad-block-start: 18px; 16132 --atc-pad-block-end: 18px; 16133 --atc-pad-inline-start: 24px; 16134 --atc-pad-inline-end: 24px; 16135 --atc-pad-block-start-mobile: 10px; 16136 --atc-pad-block-end-mobile: 10px; 16137 --atc-pad-inline-start-mobile: 15px; 16138 --atc-pad-inline-end-mobile: 15px; 16139 16140 --atc-margin-top: 0px; 16141 --atc-margin-bottom: 0px; 16142 --atc-margin-top-mobile: 12px; 16143 --atc-margin-bottom-mobile: 0px; 16144 } 16145 16146 16147 </style> 16148 <div 16149 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-8 justify-left add-to-cart-block--custom-button-padding size-style " 16150 16151 ><product-form-component 16152 data-section-id="template--22820405739828__main" 16153 data-product-id="9301590999348" 16154 class="add-to-cart-block__form" 16155 on:submit="/handleSubmit" 16156 data-quantity-default="1" 16157 > 16158 <div 16159 class="visually-hidden" 16160 aria-live="assertive" 16161 role="status" 16162 aria-atomic="true" 16163 ref="liveRegion" 16164 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9301590999348-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 16165 type="hidden" 16166 name="id" 16167 ref="variantId" 16168 value="48985818136884" 16169 16170 > 16171 <input 16172 type="hidden" 16173 name="quantity" 16174 value="1" 16175 > 16176 16177 <add-to-cart-component 16178 ref="addToCartButtonContainer" 16179 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Polyphenol_Plus_Bundle_G.webp?v=1784025577&width=100" 16180 data-add-to-cart-animation="false" 16181 class="add-to-cart-block__component" 16182 > 16183 <button 16184 type="submit" 16185 name="add" 16186 ref="addToCartButton" 16187 on:click="/handleClick" 16188 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 16189 16190 >
16191 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 16192 <span 16193 ><span>Add to Cart</span></span 16194 > 16195 </span><span class="">ã»</span> 16196 <span class="add-to-cart-block__price"> 16197 $194.00 16198 </span></span><span class="add-to-cart__added"> 16199 <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"> 16200 <g class="check"> 16201 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16202 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16203 </g> 16204 <g class="burst"> 16205 <g style="--index: 0;"> 16206 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16207 </g> 16208 <g style="--index: 1;"> 16209 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16210 </g> 16211 <g style="--index: 2;"> 16212 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16213 </g> 16214 <g style="--index: 3;"> 16215 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16216 </g> 16217 <g style="--index: 4;"> 16218 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16219 </g> 16220 <g style="--index: 5;"> 16221 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16222 </g> 16223 <g style="--index: 6;"> 16224 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16225 </g> 16226 <g style="--index: 7;"> 16227 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16228 </g> 16229 </g> 16230</svg> 16231</span> 16232 </span> 16233 </button> 16234 </add-to-cart-component><button 16235 type="button" 16236 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 16237 data-loop-custom-atc 16238 data-product-id="9301590999348" 16239 hidden 16240 16241 > 16242 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 16243 <span 16244 ><span>Add to Cart</span></span 16245 > 16246 </span><span class="">ã»</span> 16247 <span class="add-to-cart-block__price"> 16248 $174.60 16249 </span><span class="add-to-cart-block__compare-price"> 16250 $194.00 16251 </span></span> 16252 <span class="add-to-cart__added"> 16253 <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"> 16254 <g class="check"> 16255 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16256 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16257 </g> 16258 <g class="burst"> 16259 <g style="--index: 0;"> 16260 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16261 </g> 16262 <g style="--index: 1;"> 16263 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16264 </g> 16265 <g style="--index: 2;"> 16266 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16267 </g> 16268 <g style="--index: 3;"> 16269 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16270 </g> 16271 <g style="--index: 4;"> 16272 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16273 </g> 16274 <g style="--index: 5;"> 16275 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16276 </g> 16277 <g style="--index: 6;"> 16278 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16279 </g> 16280 <g style="--index: 7;"> 16281 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16282 </g> 16283 </g> 16284</svg> 16285</span> 16286 </span>
16287 <span class="loop-atc-loading" aria-hidden="true"> 16288 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 16289 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 16290 </svg> 16291 </span> 16292 </button><input type="hidden" name="product-id" value="9301590999348" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 16293 16294 16295 16296 16297 16298 16299<style> 16300 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-8 {--button-color: #00178f; 16301 color: var(--button-color); 16302 } 16303 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-8:hover {--button-color: #034de4; 16304 color: var(--button-color); 16305 } 16306</style><a 16307 16308 href="/collections/all" 16309 16310 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-8 leading-none global-button" 16311 style=" 16312 --size-style-width: fit-content; 16313 --size-style-width-mobile: var(--size-style-width); 16314 16315 16316 --font-size: 1rem; 16317 16318 16319 --font-size-mobile: 0.8125rem; 16320 16321 16322 --font-weight: 400; 16323 16324 16325 16326 16327 16328 16329 --button-margin-top: 0px; 16330 --button-margin-bottom: 0px; 16331 --button-margin-top-mobile: 0px; 16332 --button-margin-bottom-mobile: 0px; 16333 16334 16335 " 16336> 16337 Learn More 16338 16339</a> 16340 16341 16342 16343 16344 16345 16346 16347</div> 16348</div> 16349 16350 16351 16352 16353 16354 16355</div> 16356</div> 16357 16358 16359 16360 16361 16362 16363 16364 </div> 16365</product-card> 16366 16367 16368 16369 16370 16371 </li> 16372 16373 <li 16374 id="template--22820405739828__main-9320973238580" 16375 class="product-grid__item product-grid__item--9" 16376 data-page="1" 16377 data-product-id="9320973238580" 16378 ref="cards[]" 16379 data-handle="content-of-the-box" 16380 > 16381 16382 16383 16384 16385 16386<style data-shopify> 16387 16388</style> 16389 16390 16391<product-card 16392 class="product-card" 16393 data-product-id="9320973238580" 16394 id="product-card-AYVNaa1RBVDV4UTZ4W__product-card-9" 16395 data-product-transition="false" 16396 16397 16398> 16399 <a 16400 id="4c2cc9e483f8c0925acc63decfa3517b" 16401 16402 href="/products/content-of-the-box?variant=49059167142196" 16403 16404 class="product-card__link" 16405 ref="productCardLink" 16406 > 16407 <span class="visually-hidden"> 16408 Wild Olive Oil Bottle 16409 </span> 16410 </a> 16411 <div 16412 class=" 16413 product-card__content 16414 relative 16415 layout-panel-flex 16416 layout-panel-flex--row 16417 mobile-column 16418 product-grid__card 16419 spacing-style 16420 border-style 16421 gap-style 16422 color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5 16423 " 16424 style=" 16425 16426 16427 --border-width: 1px; 16428--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 16px; 16429 --border-radius-mobile: 16px; 16430 overflow: hidden; 16431 16432 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16433 16434--gap: 22px; 16435 16436 16437--horizontal-alignment: center; --vertical-alignment: center; 16438--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 16439center; 16440 16441 16442 --product-card-gap: 4px; 16443 16444 --padding-block-start: 40px; --padding-block-end:40px; 16445--padding-inline-start:16px; --padding-inline-end:16px;--mobile-padding-block-start: 4px; 16446--mobile-padding-block-end: 15px; 16447--mobile-padding-inline-start: 0px; 16448--mobile-padding-inline-end: 0px; 16449 16450 --color-background: 243 243 244; background-color: #f3f3f4; 16451 --color-foreground: 28 28 26; color: #1c1c1a; 16452 --quick-add-display: flex; 16453 --quick-add-mobile-display: none; 16454 --quick-add-mobile-opacity: 0; 16455 --zoom-out-padding-inline-start: min(var(--padding-xs), 11.2px); 16456 --zoom-out-padding-inline-end: min(var(--padding-xs), 11.2px); 16457 --zoom-out-padding-block-start: min(var(--padding-xs), 28.0px); 16458 --zoom-out-padding-block-end: min(var(--padding-xs), 28.0px); 16459 " 16460 > 16461 16462 16463 16464 16465<div 16466 ref="cardGallery" 16467 class="card-gallery card-gallery-AYnVFN1lwL21oL2hZc__product_card_gallery_CN7rcG-9 spacing-style border-style" 16468 style=" 16469 --border-width: 1px; 16470--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 16471 --border-radius-mobile: 0px; 16472 16473 16474 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 16475 --gallery-aspect-ratio: 1.0; 16476 --desktop-max-height: 290px; 16477 " 16478 data-product-id="9320973238580" 16479 16480 16481 data-image-ratio="adapt" 16482 16483> 16484 <a 16485 class="contents" 16486 ref="cardGalleryLink" 16487 href="/products/content-of-the-box?variant=49059167142196" 16488 aria-label="Wild Olive Oil Bottle" 16489 > 16490 16491 16492 <slideshow-component 16493 16494 ref="slideshow" 16495 16496 16497 style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;--slide-min-height-mobile: auto;" 16498 16499 initial-slide="0" 16500 16501 16502 infinite 16503 16504 16505 disabled="true" 16506> 16507 16508 <slideshow-container ref="slideshowContainer"> 16509 16510 16511 <slideshow-slides 16512 tabindex="-1" 16513 ref="scroller" 16514 16515 > 16516 16517 <slideshow-slide 16518 ref="slides[]" 16519 aria-hidden="false" 16520 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr; " 16521 16522 class="product-media-container media-fit" 16523 16524 16525 16526 16527 16528> 16529 16530 <img src="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1600" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=165 165w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=360 360w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=535 535w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=750 750w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1100 1100w, //zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029&width=1500 1500w" width="1600" height="1505" loading="lazy" sizes="auto, (min-width: 1024px) 50vw, 100vw" class="product-media"> 16531 16532</slideshow-slide> 16533 16534 16535 </slideshow-slides> 16536 </slideshow-container> 16537 16538</slideshow-component> 16539 16540 16541 16542 </a> 16543</div> 16544 16545 16546 16547 16548 16549<div class="product-grid-view-zoom-out--details"> 16550 16551 <h3 class="h4">Wild Olive Oil Bottle</h3> 16552 16553</div> 16554 16555 16556 16557 16558 16559 16560<div 16561 class=" 16562 group-block 16563 group-block--height-fit 16564 group-block--width-fill 16565 border-style 16566 spacing-style 16567 size-style 16568 16569 16570 16571 16572 16573 " 16574 style=" 16575 16576 16577--border-radius: 0px; 16578 16579 16580 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16581 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16582 16583 16584 --padding-block-start-mobile: 0px; 16585 --padding-block-end-mobile: 0px; 16586 --padding-inline-start-mobile: 0px; 16587 --padding-inline-end-mobile: 0px; 16588 16589 16590 16591 16592 16593 16594 16595 " 16596 16597 data-testid="group-block" 16598><div class="group-block__media-wrapper"> 16599 16600 16601 16602 16603 16604 </div> 16605 16606 <div 16607 class=" 16608 group-block-content 16609 16610 16611 layout-panel-flex 16612 16613 layout-panel-flex--column 16614 16615 16616 mobile-column 16617 16618 16619 16620 16621 16622" 16623 style=" 16624 --abc: center; 16625 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16626 16627--gap: 0px; 16628--gap-mobile: 0px; 16629 16630--horizontal-alignment: flex-start; --vertical-alignment: center; 16631--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 16632center; 16633; 16634 16635 16636 16637 " 16638 > 16639 16640 16641 16642 16643<div 16644 class=" 16645 group-block 16646 group-block--height-fit 16647 group-block--width-fill 16648 border-style 16649 spacing-style 16650 size-style 16651 16652 16653 16654 16655 16656 " 16657 style=" 16658 16659 16660--border-radius: 0px; 16661 16662 16663 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16664 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16665 16666 16667 --padding-block-start-mobile: 0px; 16668 --padding-block-end-mobile: 0px; 16669 --padding-inline-start-mobile: 0px; 16670 --padding-inline-end-mobile: 0px; 16671 16672 16673 16674 16675 16676 16677 16678 " 16679 16680 data-testid="group-block" 16681><div class="group-block__media-wrapper"> 16682 16683 16684 16685 16686 16687 </div> 16688 16689 <div 16690 class=" 16691 group-block-content 16692 16693 16694 layout-panel-flex 16695 16696 layout-panel-flex--row 16697 16698 16699 16700 16701 16702 layout-panel-flex--mobile-column 16703 16704 16705 16706group-block-content--column-reverse-mobile 16707" 16708 style=" 16709 --abc: center; 16710 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16711 16712--gap: 7px; 16713--gap-mobile: 8px; 16714 16715--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 16716--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 16717flex-start; 16718; 16719 16720 16721 16722 " 16723 > 16724 16725 16726 16727 <product-tags 16728 class="product-tags" 16729 data-product-id="9320973238580" 16730 data-show-sold-out="true" 16731 style=" 16732 --product-tags-min-height-desktop: 32px; 16733 --product-tags-min-height-mobile: 32px; 16734 " 16735 ><div 16736 class="product-tags__badge product-tags__badge--sold-out" 16737 data-badge="sold-out" 16738 style="--badge-bg: #e54848; --badge-text: #ffffff;" 16739 16740 hidden 16741 16742 > 16743 <div 16744 class="product-tags__badge-inner custom-typography custom-font-size" 16745 style=" 16746 --padding-block-start: 6px; --padding-block-end:6px; 16747--padding-inline-start:10px; --padding-inline-end:10px; 16748 16749 16750 16751 16752 16753--color: ;
16753--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 16754 --text-corner-radius: 50px; 16755 --font-size-mobile: 0.875rem; 16756 --padding-block-start-mobile: 8px; 16757 --padding-block-end-mobile: 7px; 16758 --padding-inline-start-mobile: 8px; 16759 --padding-inline-end-mobile: 8px; 16760 16761 --line-height: 100%; 16762 --line-height-desktop: 100%; 16763 --line-height-mobile: 100%; 16764 16765 16766 --letter-spacing: 0.3px; 16767 --letter-spacing-desktop: 0.3px; 16768 --letter-spacing-mobile: 0.3px; 16769 16770 " 16771 > 16772 SOLD OUT 16773 </div> 16774 </div></product-tags> 16775 16776 16777 16778 16779 16780 16781</div> 16782</div> 16783 16784 16785 16786 16787 16788 16789 16790 16791 16792 16793 16794 16795 16796 16797 <div 16798 class=" spacing-style text-block text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-9 custom 16799 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 16800 " 16801 16802 style=" 16803 --padding-block-start: 12px; --padding-block-end:15px; 16804--padding-inline-start:0px; --padding-inline-end:0px; 16805 16806 16807 16808 16809 16810--color: var(--color-foreground-heading);--font-size: clamp(1.80625rem, calc(1.344632768361582rem + 0.96045197740113vw), 2.125rem); --font-size-base: 2.125rem;--font-weight: 600;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 16811 --font-size-mobile: 1.25rem; 16812 --width: fit-content; 16813 --width-mobile: fit-content; 16814 16815 16816 16817 --max-width: var(--max-width--body-normal); 16818 16819 --padding-block-start-mobile: 8px; 16820 --padding-block-end-mobile: 8px; 16821 --padding-inline-start-mobile: 0px; 16822 --padding-inline-end-mobile: 0px; 16823 16824 16825 --text-wrap: auto; 16826 16827 16828 --text-wrap-mobile: auto; 16829 16830 16831 --text-hyphens: none; 16832 16833 16834 16835 --text-corner-radius: 0px; 16836 16837 16838 16839--border-radius: 50px; 16840 16841 overflow: hidden; 16842 16843 16844 16845 16846 16847 16848 16849 16850 --text-indent-mobile: 0px; 16851 16852 16853 --text-line-height-desktop: 120%; 16854 --text-line-height-mobile: 120%; 16855 16856 16857 --text-letter-spacing-desktop: -0.3px; 16858 --text-letter-spacing-mobile: -0.3px; 16859 16860 " 16861 16862 16863> 16864 <p>Wild Olive Oil Bottle</p> 16865 16866 16867 </div> 16868 16869 16870 16871 16872 16873 <style data-shopify> 16874 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-9 > * { 16875 line-height: var(--text-line-height-desktop, inherit); 16876 } 16877 16878 @media screen and (max-width: 1023px) { 16879 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-9 > * { 16880 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 16881 } 16882 } 16883 </style> 16884 16885 16886 16887 <style data-shopify> 16888 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-9 > * { 16889 letter-spacing: var(--text-letter-spacing-desktop, inherit); 16890 } 16891 16892 @media screen and (max-width: 1023px) { 16893 .text-block.text-block--ASThVdDVvRDdHaFdyM__text_Ldtx7k-9 > * { 16894 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 16895 } 16896 } 16897 </style> 16898 16899 16900 16901 16902 16903 16904 16905 16906 16907 16908 16909 16910 16911 16912 16913 16914 16915 16916 16917<div 16918 class=" 16919 group-block 16920 group-block--height-fit 16921 group-block--width-fill 16922 border-style 16923 spacing-style 16924 size-style 16925 16926 16927 16928 16929 16930 " 16931 style=" 16932 16933 16934--border-radius: 0px; 16935 16936 16937 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16938 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16939 16940 16941 --padding-block-start-mobile: 0px; 16942 --padding-block-end-mobile: 0px; 16943 --padding-inline-start-mobile: 0px; 16944 --padding-inline-end-mobile: 0px; 16945 16946 16947 16948 16949 16950 16951 16952 " 16953 16954 data-testid="group-block" 16955><div class="group-block__media-wrapper"> 16956 16957 16958 16959 16960 16961 </div> 16962 16963 <div 16964 class=" 16965 group-block-content 16966 16967 16968 layout-panel-flex 16969 16970 layout-panel-flex--row 16971 16972 16973 mobile-column 16974 16975 16976 16977 16978 16979" 16980 style=" 16981 --abc: center; 16982 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16983 16984--gap: 12px; 16985--gap-mobile: 8px; 16986 16987--horizontal-alignment: flex-start; --vertical-alignment: center; 16988--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 16989flex-start; 16990; 16991 16992 16993 16994 " 16995 > 16996 16997<style data-shopify> 16998 .add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-9 { 16999 --size-style-width: fit-content;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; 17000 17001 --atc-button-width: fit-content; 17002 --atc-line-height: 100%; 17003 17004 --atc-line-height-mobile: 130%; 17005 17006 --atc-font-size: 0.9375rem; 17007 --atc-font-size-mobile: 0.75rem; 17008 --atc-font-weight: 600; 17009 --atc-text-transform: uppercase; 17010 17011 17012 --atc-pad-block-start: 18px; 17013 --atc-pad-block-end: 18px; 17014 --atc-pad-inline-start: 24px; 17015 --atc-pad-inline-end: 24px; 17016 --atc-pad-block-start-mobile: 10px; 17017 --atc-pad-block-end-mobile: 10px; 17018 --atc-pad-inline-start-mobile: 15px; 17019 --atc-pad-inline-end-mobile: 15px; 17020 17021 --atc-margin-top: 0px; 17022 --atc-margin-bottom: 0px; 17023 --atc-margin-top-mobile: 12px; 17024 --atc-margin-bottom-mobile: 0px; 17025 } 17026 17027 17028 </style> 17029 <div 17030 class="add-to-cart-block add-to-cart-block--AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-9 justify-left add-to-cart-block--custom-button-padding size-style " 17031 17032 ><product-form-component 17033 data-section-id="template--22820405739828__main" 17034 data-product-id="9320973238580" 17035 class="add-to-cart-block__form" 17036 on:submit="/handleSubmit" 17037 data-quantity-default="1" 17038 > 17039 <div 17040 class="visually-hidden"
17041 aria-live="assertive" 17042 role="status" 17043 aria-atomic="true" 17044 ref="liveRegion" 17045 ></div><form method="post" action="/cart/add" id="AddToCart-ProductForm-9320973238580-AZ29sUC9VVzA0TUFQW__add_to_cart_button_WbDXrj-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 17046 type="hidden" 17047 name="id" 17048 ref="variantId" 17049 value="49059167142196" 17050 17051 > 17052 <input 17053 type="hidden" 17054 name="quantity" 17055 value="1" 17056 > 17057 17058 <add-to-cart-component 17059 ref="addToCartButtonContainer" 17060 data-product-variant-media="//zoefull.com/cdn/shop/files/Zoefull_Wild_Olive_Oil_300ml_1_5x_1c6447aa-20e8-4315-b2e4-b5cc878e5508.webp?v=1779794265&width=100" 17061 data-add-to-cart-animation="false" 17062 class="add-to-cart-block__component" 17063 > 17064 <button 17065 type="submit" 17066 name="add" 17067 ref="addToCartButton" 17068 on:click="/handleClick" 17069 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 17070 17071 > 17072 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 17073 <span 17074 ><span>Add to Cart</span></span 17075 > 17076 </span><span class="">ã»</span> 17077 <span class="add-to-cart-block__price"> 17078 $149.00 17079 </span></span><span class="add-to-cart__added"> 17080 <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"> 17081 <g class="check"> 17082 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17083 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17084 </g> 17085 <g class="burst"> 17086 <g style="--index: 0;"> 17087 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17088 </g> 17089 <g style="--index: 1;"> 17090 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17091 </g> 17092 <g style="--index: 2;"> 17093 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17094 </g> 17095 <g style="--index: 3;"> 17096 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17097 </g> 17098 <g style="--index: 4;"> 17099 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17100 </g> 17101 <g style="--index: 5;"> 17102 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17103 </g> 17104 <g style="--index: 6;"> 17105 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17106 </g> 17107 <g style="--index: 7;"> 17108 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17109 </g> 17110 </g> 17111</svg> 17112</span> 17113 </span> 17114 </button> 17115 </add-to-cart-component><button 17116 type="button" 17117 class="add-to-cart-block__button add-to-cart-button min-w-[90px] button" 17118 data-loop-custom-atc 17119 data-product-id="9320973238580" 17120 hidden 17121 17122 > 17123 <span class="add-to-cart-text add-to-cart-block__content"><span class="add-to-cart-block__text add-to-cart-text__content"> 17124 <span 17125 ><span>Add to Cart</span></span 17126 > 17127 </span><span class="">ã»</span>
17128 <span class="add-to-cart-block__price"> 17129 $149.00 17130 </span></span> 17131 <span class="add-to-cart__added"> 17132 <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"> 17133 <g class="check"> 17134 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17135 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17136 </g> 17137 <g class="burst"> 17138 <g style="--index: 0;"> 17139 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17140 </g> 17141 <g style="--index: 1;"> 17142 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17143 </g> 17144 <g style="--index: 2;"> 17145 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17146 </g> 17147 <g style="--index: 3;"> 17148 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17149 </g> 17150 <g style="--index: 4;"> 17151 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17152 </g> 17153 <g style="--index: 5;"> 17154 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17155 </g> 17156 <g style="--index: 6;"> 17157 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17158 </g> 17159 <g style="--index: 7;"> 17160 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17161 </g> 17162 </g> 17163</svg> 17164</span> 17165 </span> 17166 <span class="loop-atc-loading" aria-hidden="true"> 17167 <svg class="loop-atc-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 17168 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.4 31.4" stroke-linecap="round"/> 17169 </svg> 17170 </span> 17171 </button><input type="hidden" name="product-id" value="9320973238580" /><input type="hidden" name="section-id" value="template--22820405739828__main" /></form></product-form-component></div> 17172 17173 17174 17175 17176 17177 17178<style> 17179 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-9 {--button-color: #00178f; 17180 color: var(--button-color); 17181 } 17182 .btn-link.btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-9:hover {--button-color: #034de4; 17183 color: var(--button-color); 17184 } 17185</style><a 17186 17187 href="/collections/all" 17188 17189 class=" custom-font-size underline underline-offset-4 decoration-[var(--color-primary)] size-style btn-link btn-link--ATk1KTWNaN0RibHFUS__button_aigH4U-9 leading-none global-button" 17190 style=" 17191 --size-style-width: fit-content; 17192 --size-style-width-mobile: var(--size-style-width); 17193 17194 17195 --font-size: 1rem; 17196 17197 17198 --font-size-mobile: 0.8125rem; 17199 17200 17201 --font-weight: 400; 17202 17203 17204 17205 17206 17207 17208 --button-margin-top: 0px; 17209 --button-margin-bottom: 0px; 17210 --button-margin-top-mobile: 0px; 17211 --button-margin-bottom-mobile: 0px; 17212 17213 17214 " 17215> 17216 Learn More 17217 17218</a> 17219 17220 17221 17222 17223 17224 17225 17226</div> 17227</div> 17228 17229 17230 17231 17232 17233 17234</div> 17235</div> 17236 17237 17238 17239 17240 17241 17242 17243 </div> 17244</product-card> 17245 17246 17247 17248 17249 17250 </li> 17251 17252 17253 </ul> 17254 17255 <span ref="viewMoreNext"></span> 17256 17257 17258 </div> 17259</div> 17260 17261 17262 17263 17264 </div> 17265</results-list> 17266 17267 17268 17269 17270</div> 17271 </main> 17272 17273 <!-- BEGIN sections: footer-group --> 17274<div id="shopify-section-sections--22820399251764__section_ETHxt3" class="shopify-section shopify-section-group-footer-group section-wrapper"> 17275 17276 17277 <div class="section-background color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5"></div> 17278 17279<div 17280 class="section section--full-width color-scheme-6ecc791c-9bf4-4a54-9aab-3033bbeb98d5" 17281 data-testid="ui-test-section" 17282 17283 17284 17285 style=" 17286 17287 17288 17289 " 17290> 17291 <div class="custom-section-background"> 17292 17293 17294 17295 17296 </div> 17297 17298 <div 17299 class="border-style custom-section-content " 17300 style=" 17301 --border-width: 1px; 17302--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 17303 --border-radius-mobile: 0px; 17304 17305 17306 17307 " 17308 > 17309 17310 17311 <div 17312 class=" 17313 spacing-style 17314 layout-panel-flex 17315 layout-panel-flex--column 17316 section-content-wrapper 17317 mobile-column 17318 17319 " 17320 style=" 17321 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17322 17323--gap: 12px; 17324--gap-mobile: 12px; 17325 17326--horizontal-alignment: flex-start; --vertical-alignment: center; 17327--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 17328center; 17329 17330 --padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: 0px;--mobile-padding-block-start: 60px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 17331 " 17332 data-testid="section-content" 17333 > 17334 17335 17336 17337 17338 17339 17340 17341 17342 17343 17344 17345 17346 17347 17348 17349 17350 17351 17352 17353 17354 17355 <div 17356 class=" 17357 image-block image-block--ANUtVNFd6eU1GSVFHd__image_Mzb3ip image-block--height-fit image-block--width-fill image-block--width-mobile-fill spacing-style size-style 17358 image-block--has-mobile-image" 17359 style=" 17360 --ratio: 3.5121951219512195; 17361 --object-fit: cover; 17362 17363 17364 17365 17366 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17367 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 17368" 17369 17370 > 17371 17372 17373 <div class="image-block__media-slots"> 17374 <div class="image-block__media-slot image-block__media-slot--desktop"> 17375 17376<img src="//zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=352 352w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_D_1_5x_fa2c5c80-e8f9-483f-a025-af3228c44654.webp?v=1788958685&width=3840 3840w" width="2160" height="615" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 17377 --ratio: 3.5121951219512195; 17378 --border-width: 1px; 17379--border-style: none;--border-color: #000000;--border-radius: 0px; 17380 --border-radius-mobile: 0px; 17381 17382 17383" sizes="auto"> 17384 17385 </div> 17386 <div class="image-block__media-slot image-block__media-slot--mobile"> 17387 17388<img src="//zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=3840" srcset="//zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=352 352w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Mediterranean_Movement_Footer_M_1_5x_a7f7cc72-8ac4-4079-9cac-c0c8c28ffedd.webp?v=1788958684&width=3840 3840w" width="540" height="810" loading="lazy" class="image-block__image image-block__image--mobile border-style" style=" 17389 --ratio: 0.6666666666666666; 17390 --border-width: 1px; 17391--border-style: none;--border-color: #000000;--border-radius: 0px; 17392 --border-radius-mobile: 0px; 17393 17394 17395" sizes="auto"> 17396 17397 </div> 17398 </div> 17399 17400 17401 17402 17403 </div> 17404 17405 17406 17407 17408 17409 17410 17411 </div> 17412 </div> 17413</div> 17414 17415 17416 17417 17418 17419</div><div id="shopify-section-sections--22820399251764__section_LjHV6n" class="shopify-section shopify-section-group-footer-group section-wrapper"> 17420 17421 17422 <div class="section-background color-scheme-2"></div> 17423 17424<div 17425 class="section section--page-width color-scheme-2" 17426 data-testid="ui-test-section" 17427 17428 17429 17430 style=" 17431 17432 17433 17434 " 17435> 17436 <div class="custom-section-background"> 17437 17438 17439 17440 17441 </div> 17442 17443 <div 17444 class="border-style custom-section-content " 17445 style=" 17446 --border-width: 1px; 17447--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; 17448 --border-radius-mobile: 0px; 17449 17450 17451 17452 " 17453 > 17454 17455 17456 <div 17457 class=" 17458 spacing-style 17459 layout-panel-flex 17460 layout-panel-flex--column 17461 section-content-wrapper 17462 mobile-column 17463 17464 " 17465 style=" 17466 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17467 17468--gap: 24px; 17469--gap-mobile: 0px; 17470 17471--horizontal-alignment: center; --vertical-alignment: center; 17472--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 17473center; 17474 17475 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));--mobile-padding-block-start: 32px;--mobile-padding-block-end: 16px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 17476 " 17477 data-testid="section-content" 17478 > 17479 17480 17481 17482 17483 17484 17485 17486 17487 17488 17489 <div 17490 class=" spacing-style text-block text-block--AM0dVSFRSbVcvWkFUT__text_HQWPXX custom 17491 text-block--align-center text-block--align-mobile-center custom-typography custom-font-size custom-color 17492 " 17493 17494 style=" 17495 --padding-block-start: 0px; --padding-block-end:0px; 17496--padding-inline-start:0px; --padding-inline-end:0px; 17497 17498 17499 17500 17501 17502--color: var(--color-foreground);--font-size: clamp(2.23125rem, calc(1.6610169491525424rem + 1.1864406779661016vw), 2.625rem); --font-size-base: 2.625rem;--font-weight: 500;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 17503 --font-size-mobile: 1.75rem; 17504 --width: 100%; 17505 --width-mobile: 100%; 17506 17507 17508 17509 --max-width: var(--max-width--body-normal); 17510 17511 --padding-block-start-mobile: 0px; 17512 --padding-block-end-mobile: 0px; 17513 --padding-inline-start-mobile: 0px; 17514 --padding-inline-end-mobile: 0px; 17515 17516 17517 --text-align: center; 17518 17519 17520 17521 --text-align-mobile: center; 17522 17523 17524 17525 17526 --text-wrap: auto; 17527 17528 17529 --text-wrap-mobile: auto; 17530 17531 17532 --text-hyphens: none; 17533 17534 17535 17536 --text-corner-radius: 0px; 17537 17538 17539 17540--border-radius: 0px; 17541 17542 17543 17544 17545 17546 17547 17548 17549 --text-indent-mobile: 0px; 17550 17551 17552 --text-line-height-desktop: 120%; 17553 --text-line-height-mobile: 110%; 17554 17555 17556 --text-letter-spacing-desktop: 0px; 17557 --text-letter-spacing-mobile: -0.5px; 17558 17559 " 17560 17561 17562> 17563 <p>Unlock 10% Off Your First Order â Sign Up Today</p> 17564 17565 17566 </div> 17567 17568 17569 17570 17571 17572 <style data-shopify> 17573 .text-block.text-block--AM0dVSFRSbVcvWkFUT__text_HQWPXX > * { 17574 line-height: var(--text-line-height-desktop, inherit); 17575 } 17576 17577 @media screen and (max-width: 1023px) { 17578 .text-block.text-block--AM0dVSFRSbVcvWkFUT__text_HQWPXX > * { 17579 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 17580 } 17581 } 17582 </style> 17583 17584 17585 17586 <style data-shopify> 17587 .text-block.text-block--AM0dVSFRSbVcvWkFUT__text_HQWPXX > * { 17588 letter-spacing: var(--text-letter-spacing-desktop, inherit); 17589 } 17590 17591 @media screen and (max-width: 1023px) { 17592 .text-block.text-block--AM0dVSFRSbVcvWkFUT__text_HQWPXX > * { 17593 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 17594 } 17595 } 17596 </style> 17597 17598 17599 17600 17601 17602 17603 17604 17605 17606 17607 17608 17609 17610 17611 17612 17613 17614 <div 17615 class=" spacing-style text-block text-block--AWXJIMXhkRWpnMWppO__text_pUJept custom 17616 text-block--align-center text-block--align-mobile-center custom-typography custom-font-size custom-color 17617 " 17618 17619 style=" 17620 --padding-block-start: 0px; --padding-block-end:0px; 17621--padding-inline-start:0px; --padding-inline-end:0px; 17622 17623 17624 17625 17626 17627--color: var(--color-foreground);
17627--font-size: clamp(0.85rem, calc(0.6327683615819208rem + 0.4519774011299435vw), 1.0rem); --font-size-base: 1rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-custom); 17628 --font-size-mobile: 1rem; 17629 --width: 100%; 17630 --width-mobile: 100%; 17631 17632 17633 17634 --max-width: 70ch; 17635 17636 --padding-block-start-mobile: 24px; 17637 --padding-block-end-mobile: 24px; 17638 --padding-inline-start-mobile: 0px; 17639 --padding-inline-end-mobile: 0px; 17640 17641 17642 --text-align: center; 17643 17644 17645 17646 --text-align-mobile: center; 17647 17648 17649 17650 17651 --text-wrap: auto; 17652 17653 17654 --text-wrap-mobile: auto; 17655 17656 17657 --text-hyphens: none; 17658 17659 17660 17661 --text-corner-radius: 0px; 17662 17663 17664 17665--border-radius: 0px; 17666 17667 17668 17669 17670 17671 17672 17673 17674 --text-indent-mobile: 0px; 17675 17676 17677 --text-line-height-desktop: 155%; 17678 --text-line-height-mobile: 130%; 17679 17680 17681 --text-letter-spacing-desktop: 0px; 17682 --text-letter-spacing-mobile: -0.3px; 17683 17684 " 17685 17686 17687> 17688 <p>Fight chronic disease at the root with simple, powerful Mediterranean habits. Get exclusive discounts and early access to our latest health announcements.</p> 17689 17690 17691 </div> 17692 17693 17694 17695 17696 17697 <style data-shopify> 17698 .text-block.text-block--AWXJIMXhkRWpnMWppO__text_pUJept > * { 17699 line-height: var(--text-line-height-desktop, inherit); 17700 } 17701 17702 @media screen and (max-width: 1023px) { 17703 .text-block.text-block--AWXJIMXhkRWpnMWppO__text_pUJept > * { 17704 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 17705 } 17706 } 17707 </style> 17708 17709 17710 17711 <style data-shopify> 17712 .text-block.text-block--AWXJIMXhkRWpnMWppO__text_pUJept > * { 17713 letter-spacing: var(--text-letter-spacing-desktop, inherit); 17714 } 17715 17716 @media screen and (max-width: 1023px) { 17717 .text-block.text-block--AWXJIMXhkRWpnMWppO__text_pUJept > * { 17718 letter-spacing: var(--text-letter-spacing-mobile, var(--text-letter-spacing-desktop, inherit)); 17719 } 17720 } 17721 </style> 17722 17723 17724 17725 17726 17727 17728 17729 17730 17731<div 17732 class="email-signup-block size-style" 17733 style="--size-style-width:48%;--size-style-height: ;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 48%; --size-style-width-mobile-min: 17734 48%;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px;" 17735 17736> 17737 17738<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 17739 <div 17740 class="email-signup__input-group relative email-signup__input-group--integrated email-signup__input-group--arrow color-scheme-6" 17741 style="--border-width: 1px; --border-radius: 8px;" 17742 > 17743 <label 17744 for="EmailInput-AQmZuRzREdmdoemZES__email_signup_aaVjBg" 17745 class="visually-hidden" 17746 > 17747 Email 17748 </label> 17749 <input 17750 id="EmailInput-AQmZuRzREdmdoemZES__email_signup_aaVjBg" 17751 class="email-signup__input !pr-[58px] email-signup__input--all paragraph " 17752 type="email" 17753 name="contact[email]" 17754 autocorrect="off" 17755 autocapitalize="off" 17756 autocomplete="email" 17757 placeholder="Email address" 17758 required 17759 17760 > 17761 <button 17762 class="email-signup__button absolute right-0 email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AQmZuRzREdmdoemZES__email_signup_aaVjBg color-scheme-6" 17763 17764 aria-label="Sign up" 17765 17766 > 17767 17768 <svg
17769 viewBox="0 0 20 20" 17770 xmlns="http://www.w3.org/2000/svg" 17771 focusable="false" 17772 aria-hidden="true" 17773 class="email-signup__button-icon !w-6 h-5" 17774 > 17775 17776<path 17777 clip-rule="evenodd" 17778 d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z" 17779 fill="currentColor" 17780 fill-rule="evenodd" 17781 /> 17782 </svg> 17783 17784 </button> 17785 </div></form> 17786</div> 17787 17788 17789 17790 17791 17792 17793 </div> 17794 </div> 17795</div> 17796 17797 17798 17799 17800 17801</div><footer id="shopify-section-sections--22820399251764__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 17802 17803<div class="section-background color-scheme-2"></div> 17804<div 17805 class="section section--page-width color-scheme-2" 17806> 17807 17808 <div 17809 class=" 17810 footer-content 17811 spacing-style 17812 17813 17814 " 17815 style=" 17816 --padding-block-start: 0px;--padding-block-end: 0px; 17817 --footer-gap: 0px; 17818 --grid-columns: 1; 17819 --last-row-count: 1; 17820 --tablet-last-row-count: 1; 17821 " 17822 > 17823 17824 17825 17826 17827<div 17828 class=" 17829 group-block 17830 group-block--height-fit 17831 group-block--width-fill 17832 border-style 17833 spacing-style 17834 size-style 17835 17836 17837 17838 17839 17840 " 17841 style=" 17842 17843 17844--border-radius: 0px; 17845 17846 17847 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17848 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17849 17850 17851 --padding-block-start-mobile: 0px; 17852 --padding-block-end-mobile: 0px; 17853 --padding-inline-start-mobile: 0px; 17854 --padding-inline-end-mobile: 0px; 17855 17856 17857 17858 17859 17860 17861 17862 " 17863 17864 data-testid="group-block" 17865><div class="group-block__media-wrapper"> 17866 17867 17868 17869 17870 17871 </div> 17872 17873 <div 17874 class=" 17875 group-block-content 17876 17877 17878 layout-panel-flex 17879 17880 layout-panel-flex--row 17881 17882 17883 mobile-column 17884 17885 17886 17887 17888 17889" 17890 style=" 17891 --abc: center; 17892 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17893 17894--gap: max(24px, calc(var(--gap-scale, 1.0) * 67px)); 17895--gap-mobile: 12px; 17896 17897--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 17898--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 17899flex-start; 17900; 17901 17902 17903 17904 " 17905 > 17906 17907 17908 17909 17910<div 17911 class=" 17912 group-block 17913 group-block--height-fill 17914 group-block--width-fill 17915 border-style 17916 spacing-style 17917 size-style 17918 17919 17920 17921 17922 17923 " 17924 style=" 17925 17926 17927--border-radius: 0px; 17928 17929 17930 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17931 --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17932 17933 17934 --padding-block-start-mobile: 0px; 17935 --padding-block-end-mobile: 50px; 17936 --padding-inline-start-mobile: 0px; 17937 --padding-inline-end-mobile: 0px; 17938 17939 17940 17941 17942 17943 17944 17945 " 17946 17947 data-testid="group-block" 17948><div class="group-block__media-wrapper"> 17949 17950 17951 17952 17953 17954 </div> 17955 17956 <div 17957 class=" 17958 group-block-content 17959 17960 17961 layout-panel-flex 17962 17963 layout-panel-flex--column 17964 17965 17966 mobile-column 17967 17968 17969 17970 17971 17972" 17973 style=" 17974 --abc: space-between; 17975 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17976 17977--gap: 12px; 17978--gap-mobile: 0px; 17979 17980--horizontal-alignment: flex-start; --vertical-alignment: space-between; 17981--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 17982space-between; 17983; 17984 17985 17986 17987 " 17988 > 17989 17990 17991 17992 17993<div 17994 class=" 17995 group-block 17996 group-block--height-fit 17997 group-block--width-fit-content 17998 border-style 17999 spacing-style 18000 size-style 18001 18002 18003 18004 18005 18006 " 18007 style=" 18008 18009 18010--border-radius: 0px; 18011 18012 18013 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18014 --size-style-width: fit-content;--size-style-height: fit;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18015 18016 18017 --padding-block-start-mobile: 0px; 18018 --padding-block-end-mobile: 0px; 18019 --padding-inline-start-mobile: 0px; 18020 --padding-inline-end-mobile: 0px; 18021 18022 18023 18024 18025 18026 18027 18028 " 18029 18030 data-testid="group-block" 18031><div class="group-block__media-wrapper"> 18032 18033 18034 18035 18036 18037 </div> 18038 18039 <div 18040 class=" 18041 group-block-content 18042 18043 18044 layout-panel-flex 18045 18046 layout-panel-flex--column 18047 18048 18049 mobile-column 18050 18051 18052 18053 18054 18055" 18056 style=" 18057 --abc: flex-start; 18058 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18059 18060--gap: 0px; 18061--gap-mobile: 0px; 18062 18063--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18064--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 18065flex-start; 18066; 18067 18068 18069 18070 " 18071 > 18072 18073 18074 18075 18076 18077 18078 18079 18080 18081 <rte-formatter 18082 class=" !flex-row !items-center spacing-style text-block text-block--AVVlGTWRpVlNWSVpGR__text_99d8zf rte 18083 text-block--align-left text-block--align-mobile-center rte 18084 " 18085 18086 style=" 18087 --padding-block-start: 0px; --padding-block-end:0px; 18088--padding-inline-start:0px; --padding-inline-end:0px; 18089 18090 18091 18092 18093 18094 18095 18096 --width: fit-content; 18097 --width-mobile: fit-content; 18098 18099 18100 --inline-image-width: 100px; 18101 --inline-image-gap: 6px; 18102 18103 18104 --max-width: var(--max-width--body-normal); 18105 18106 --padding-block-start-mobile: 40px; 18107 --padding-block-end-mobile: 40px; 18108 --padding-inline-start-mobile: 0px; 18109 --padding-inline-end-mobile: 0px; 18110 18111 18112 --text-wrap: auto; 18113 18114 18115 --text-wrap-mobile: auto; 18116 18117 18118 --text-hyphens: none; 18119 18120 18121 18122 --text-corner-radius: 0px; 18123 18124 18125 18126--border-radius: 0px; 18127 18128 18129 18130 18131 18132 18133 18134 18135 --text-indent-mobile: 0px; 18136 18137 18138 18139 " 18140 18141 18142> 18143 18144 18145 18146 18147 18148 18149 <img src="//zoefull.com/cdn/shop/files/Frame_3807.svg?height=100&v=1770527797" alt="" width="372" height="100" loading="lazy" class="inline-image inline-image--before" srcset="//zoefull.com/cdn/shop/files/Frame_3807.svg?height=100&v=1770527797 1x" style=" 18150 18151 18152 " onload=""> 18153 18154 18155 18156 18157 18158 18159 18160 </rte-formatter> 18161 18162 18163 18164 18165 18166 18167 18168 18169 18170 18171 18172 18173 18174 18175 18176 18177 18178 18179 18180 18181 18182 18183 18184 <div 18185 class=" flex-wrap gap-1 !flex-row [&>b]:font-semibold spacing-style text-block text-block--AQTRnM2ZGZHB4cTgvY__text_yhBy93 custom 18186 text-block--align-left text-block--align-mobile-center custom-typography custom-font-size custom-color 18187 " 18188 18189 style=" 18190 --padding-block-start: 30px; --padding-block-end:0px; 18191--padding-inline-start:0px; --padding-inline-end:0px; 18192 18193 18194 18195 18196 18197--color: var(--color-foreground);--font-size: clamp(1.7rem, calc(1.265536723163842rem + 0.903954802259887vw), 2.0rem); --font-size-base: 2rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 18198 --font-size-mobile: 1.25rem; 18199 --width: fit-content; 18200 --width-mobile: fit-content; 18201 18202 18203 18204 --max-width: var(--max-width--body-narrow); 18205 18206 --padding-block-start-mobile: 0px; 18207 --padding-block-end-mobile: 0px; 18208 --padding-inline-start-mobile: 22px; 18209 --padding-inline-end-mobile: 22px; 18210 18211 18212 --text-wrap: auto; 18213 18214 18215 --text-wrap-mobile: auto; 18216 18217 18218 --text-hyphens: none; 18219 18220 18221 18222 --text-corner-radius: 0px; 18223 18224 18225 18226--border-radius: 0px; 18227 18228 18229 18230 18231 18232 18233 18234 18235 --text-indent-mobile: 0px; 18236 18237 18238 --text-line-height-desktop: 120%; 18239 --text-line-height-mobile: 140%; 18240 18241 18242 " 18243 18244 18245> 18246 <span>From the Greek word <span class="pvf-normal ml-2">
18246Zoe</span> 18247<span class="pvf-italic ml-2"> (<span lang="el" class="pvf-greek">ζÏή</span>)</span><br class="mobile:hidden"> meaning âlifeâ.</span> 18248 </div> 18249 18250 18251 18252 <style data-shopify> 18253 .text-block.text-block--AQTRnM2ZGZHB4cTgvY__text_yhBy93 > * { 18254 line-height: var(--text-line-height-desktop, inherit); 18255 } 18256 18257 @media screen and (max-width: 1023px) { 18258 .text-block.text-block--AQTRnM2ZGZHB4cTgvY__text_yhBy93 > * { 18259 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 18260 } 18261 } 18262 </style> 18263 18264 18265 18266 18267 18268 18269 18270 18271 18272 18273 18274 18275 18276 18277<div 18278 class=" 18279 group-block 18280 group-block--height-fit 18281 group-block--width-fit-content 18282 border-style 18283 spacing-style 18284 size-style 18285 18286 18287 18288 18289 18290 " 18291 style=" 18292 18293 18294--border-radius: 0px; 18295 18296 18297 --padding-block-start: 15px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18298 --size-style-width: fit-content;--size-style-height: fit;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;--size-style-margin-left-mobile: auto; --size-style-margin-right-mobile: auto; 18299 18300 18301 --padding-block-start-mobile: 10px; 18302 --padding-block-end-mobile: 10px; 18303 --padding-inline-start-mobile: 0px; 18304 --padding-inline-end-mobile: 0px; 18305 18306 18307 18308 18309 18310 18311 18312 " 18313 18314 data-testid="group-block" 18315><div class="group-block__media-wrapper"> 18316 18317 18318 18319 18320 18321 </div> 18322 18323 <div 18324 class=" 18325 group-block-content 18326 18327 18328 layout-panel-flex 18329 18330 layout-panel-flex--column 18331 18332 18333 mobile-column 18334 18335 18336 layout-panel-flex--mobile-column 18337 18338 18339 18340 18341" 18342 style=" 18343 --abc: flex-start; 18344 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18345 18346--gap: 0px; 18347--gap-mobile: 0px; 18348 18349--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18350--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 18351flex-start; 18352; 18353 18354 18355 18356 " 18357 > 18358 18359 18360 18361 18362 18363 18364 18365 18366 18367 <div 18368 class=" spacing-style text-block text-block--ASVlCaWhxamtvc3dja__text_YcXRPy custom 18369 text-block--align-left text-block--align-mobile-left custom-typography custom-font-size custom-color 18370 " 18371 18372 style=" 18373 --padding-block-start: 0px; --padding-block-end:0px; 18374--padding-inline-start:0px; --padding-inline-end:0px; 18375 18376 18377 18378 18379 18380--color: var(--color-foreground);--font-size: clamp(1.328125rem, calc(0.9887005649717514rem + 0.7062146892655368vw), 1.5625rem); --font-size-base: 1.5625rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 18381 --font-size-mobile: 1.25rem; 18382 --width: fit-content; 18383 --width-mobile: fit-content; 18384 18385 18386 18387 --max-width: var(--max-width--body-normal); 18388 18389 --padding-block-start-mobile: 0px; 18390 --padding-block-end-mobile: 0px; 18391 --padding-inline-start-mobile: 0px; 18392 --padding-inline-end-mobile: 0px; 18393 18394 18395 --text-wrap: auto; 18396 18397 18398 --text-wrap-mobile: auto; 18399 18400 18401 --text-hyphens: none; 18402 18403 18404 18405 --text-corner-radius: 0px; 18406 18407 18408 18409--border-radius: 0px; 18410 18411 18412 18413 18414 18415 18416 18417 18418 --text-indent-mobile: 0px; 18419 18420 18421 --text-line-height-desktop: 130%; 18422 --text-line-height-mobile: 120%; 18423 18424 18425 " 18426 18427 18428> 18429 <ol><li>Full of life</li><li>To live fully</li></ol> 18430 18431 18432 </div> 18433 18434 18435 18436 18437 18438 <style data-shopify> 18439 .text-block.text-block--ASVlCaWhxamtvc3dja__text_YcXRPy > * { 18440 line-height: var(--text-line-height-desktop, inherit); 18441 } 18442 18443 @media screen and (max-width: 1023px) { 18444 .text-block.text-block--ASVlCaWhxamtvc3dja__text_YcXRPy > * { 18445 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 18446 } 18447 } 18448 </style> 18449 18450 18451 18452 18453 18454 18455 18456 18457 18458 18459 18460</div> 18461</div> 18462 18463 18464 18465 18466 18467 18468</div> 18469</div> 18470 18471 18472 18473 18474 18475 18476 18477 18478 18479 18480 18481 18482 18483 18484 18485 18486 18487 18488 18489 18490 18491 18492 18493 18494 18495 <div 18496 class=" 18497 image-block image-block--AcGlEMXFOME1aMmhpa__image_gD3MzT image-block--height-fill image-block--width-fit-content image-block--width-mobile-custom_percent image-block--position-mobile-center spacing-style size-style 18498" 18499 style=" 18500 --ratio: 4.468085106382978; 18501 --object-fit: contain; 18502 18503 18504 --custom-width-percent-mobile: 85%; 18505 18506 18507 --image-max-width: 435px; 18508 --image-min-width: 345px; 18509 18510 18511 --size-style-width: fit-content;--size-style-height: 100%;--size-style-margin-left: 0; --size-style-margin-right: auto;--size-style-width-mobile: 85%; --size-style-width-mobile-min: 18512 85%; 18513 --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 23px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 18514" 18515 18516 > 18517 18518 18519 18520<img src="//zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=3840" srcset="//zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=240 240w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=352 352w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=832 832w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=1200 1200w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=1600 1600w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=1920 1920w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=2560 2560w, //zoefull.com/cdn/shop/files/Group_1960883634.svg?v=1776332810&width=3840 3840w" width="420" height="94" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 18521 --ratio: 4.468085106382978; 18522 --border-width: 1px; 18523--border-style: none;--border-color: #000000;--border-radius: 0px; 18524 --border-radius-mobile: 0px; 18525 18526 18527" sizes="auto"> 18528 18529 18530 18531 18532 18533 </div> 18534 18535 18536 18537 18538 18539 18540</div> 18541</div> 18542 18543 18544 18545 18546 18547 18548 18549 18550 18551<div 18552 class=" 18553 group-block 18554 group-block--height-fill 18555 group-block--width-fill 18556 border-style 18557 spacing-style 18558 size-style 18559 18560 18561 18562 18563 18564 " 18565 style=" 18566 18567 18568--border-radius: 0px; 18569 18570 18571 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18572 --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18573 18574 18575 --padding-block-start-mobile: 0px; 18576 --padding-block-end-mobile: 0px; 18577 --padding-inline-start-mobile: 0px; 18578 --padding-inline-end-mobile: 0px; 18579 18580 18581 18582 18583 18584 18585 18586 " 18587 18588 data-testid="group-block" 18589><div class="group-block__media-wrapper"> 18590 18591 18592 18593 18594 18595 </div> 18596 18597 <div 18598 class=" 18599 group-block-content 18600 18601 18602 layout-panel-flex 18603 18604 layout-panel-flex--column 18605 18606 18607 mobile-column 18608 18609 18610 18611 18612 18613" 18614 style=" 18615 --abc: flex-start; 18616 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18617 18618--gap: max(24px, calc(var(--gap-scale, 1.0) * 60px)); 18619--gap-mobile: 12px; 18620 18621--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18622--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 18623flex-start; 18624; 18625 18626 18627 18628 " 18629 > 18630 18631 18632 18633 18634<div 18635 class=" 18636 group-block 18637 group-block--height-fit 18638 group-block--width-fill 18639 border-style 18640 spacing-style 18641 size-style 18642 18643 18644 18645 18646 18647 " 18648 style=" 18649 18650 18651--border-radius: 0px; 18652 18653 18654 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18655 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18656 18657 18658 --padding-block-start-mobile: 0px; 18659 --padding-block-end-mobile: 0px; 18660 --padding-inline-start-mobile: 0px; 18661 --padding-inline-end-mobile: 0px; 18662 18663 18664 18665 18666 18667 18668 18669 " 18670 18671 data-testid="group-block" 18672><div class="group-block__media-wrapper"> 18673 18674 18675 18676 18677 18678 </div> 18679 18680 <div 18681 class=" 18682 group-block-content 18683 18684 18685 layout-panel-grid 18686 18687 18688 18689 18690 18691 layout-panel-flex--row 18692 18693 18694 mobile-column 18695 18696 18697 18698 18699 18700" 18701 style=" 18702 --abc: flex-start; 18703 --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18704 18705--gap: 6px; 18706--gap-mobile: 12px; 18707 18708--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18709--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 18710flex-start; 18711; 18712 18713 --items-count: 3; 18714 --items-count-mobile: 2; 18715 --items-row-gap: 70px; 18716 --items-column-gap: 21px; 18717 --items-row-gap-mobile: 32px; 18718 --items-column-gap-mobile: 15px;--grid-justify-items: start; 18719 --grid-align-items: start;--grid-justify-items-mobile: start; 18720 18721 18722 " 18723 > 18724 18725 18726 18727 <accordion-custom 18728 class=" 18729 menu 18730 18731 18732 " 18733 data-disable-on-desktop="true" 18734 open-by-default-on-desktop 18735 18736 data-disable-on-mobile="true" 18737 open-by-default-on-mobile 18738 18739 > 18740 <details 18741 class=" 18742 menu__details 18743 spacing-style 18744 18745 " 18746 data-testid="menu-details" 18747 style=" 18748 --spacing--size: 10px; 18749 --heading-font-size: 0.75rem; 18750 --link-font-size: 0.875rem; 18751 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18752 " 18753 18754 open 18755 18756 18757 > 18758 <summary 18759 class="menu__heading paragraph" 18760 >
18761 <span class="menu__heading__default opacity-50 !block">Products</span> 18762 <span class="menu__heading__accordion opacity-50"> 18763 Products 18764 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18765 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 18766</svg> 18767</span> 18768 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18769 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18770 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18771</svg> 18772</span> 18773 </span> 18774 </summary> 18775 18776 <div class="details-content"> 18777 18778 <ul 18779 class="list-unstyled" 18780 > 18781 18782 <li class="menu__item paragraph"> 18783 <a href="/collections/shop-all-products"> 18784 Shop All 18785 </a> 18786 </li> 18787 18788 <li class="menu__item paragraph"> 18789 <a href="/products/wild-olive-oil"> 18790 Wild Olive Oil 18791 </a> 18792 </li> 18793 18794 </ul> 18795 18796 </div> 18797 </details> 18798 </accordion-custom> 18799 18800 18801 18802 18803 18804 18805 18806 18807 <accordion-custom 18808 class=" 18809 menu 18810 18811 18812 " 18813 data-disable-on-desktop="true" 18814 open-by-default-on-desktop 18815 18816 data-disable-on-mobile="true" 18817 open-by-default-on-mobile 18818 18819 > 18820 <details 18821 class=" 18822 menu__details 18823 spacing-style 18824 18825 " 18826 data-testid="menu-details" 18827 style=" 18828 --spacing--size: 10px; 18829 --heading-font-size: 0.75rem; 18830 --link-font-size: 0.875rem; 18831 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18832 " 18833 18834 open 18835 18836 18837 > 18838 <summary 18839 class="menu__heading paragraph" 18840 > 18841 <span class="menu__heading__default opacity-50 !block">About</span> 18842 <span class="menu__heading__accordion opacity-50"> 18843 About 18844 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18845 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 18846</svg> 18847</span> 18848 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18849 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18850 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18851</svg> 18852</span> 18853 </span> 18854 </summary> 18855 18856 <div class="details-content"> 18857 18858 <ul 18859 class="list-unstyled" 18860 > 18861 18862 <li class="menu__item paragraph"> 18863 <a href="/pages/our-story"> 18864 Our Story 18865 </a> 18866 </li> 18867 18868 <li class="menu__item paragraph"> 18869 <a href="/blogs/resources"> 18870 Blog 18871 </a> 18872 </li> 18873 18874 </ul> 18875 18876 </div> 18877 </details> 18878 </accordion-custom> 18879 18880 18881 18882 18883 18884 18885 18886 18887 <accordion-custom 18888 class=" 18889 menu 18890 18891 18892 " 18893 data-disable-on-desktop="true" 18894 open-by-default-on-desktop 18895 18896 data-disable-on-mobile="true" 18897 open-by-default-on-mobile 18898 18899 > 18900 <details 18901 class=" 18902 menu__details 18903 spacing-style 18904 18905 " 18906 data-testid="menu-details" 18907 style=" 18908 --spacing--size: 10px; 18909 --heading-font-size: 0.75rem; 18910 --link-font-size: 0.875rem; 18911 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18912 " 18913 18914 open 18915 18916 18917 > 18918 <summary 18919 class="menu__heading paragraph" 18920 >
18921 <span class="menu__heading__default opacity-50 !block">support</span> 18922 <span class="menu__heading__accordion opacity-50"> 18923 support 18924 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18925 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 18926</svg> 18927</span> 18928 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 18929 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18930 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 18931</svg> 18932</span> 18933 </span> 18934 </summary> 18935 18936 <div class="details-content"> 18937 18938 <ul 18939 class="list-unstyled" 18940 > 18941 18942 <li class="menu__item paragraph"> 18943 <a href="/pages/contact"> 18944 Contact us 18945 </a> 18946 </li> 18947 18948 <li class="menu__item paragraph"> 18949 <a href="/policies/shipping-policy"> 18950 Shipping 18951 </a> 18952 </li> 18953 18954 <li class="menu__item paragraph"> 18955 <a href="/policies/refund-policy"> 18956 Refunds + Returns 18957 </a> 18958 </li> 18959 18960 <li class="menu__item paragraph"> 18961 <a href="/a/loop_subscriptions/auth?customer_id={{customer.id}}&myshopify_domain={{shop.permanent_domain}}&locale={{ locale }}&rootUrl={{ routes.root_url }}"> 18962 Manage Subscription 18963 </a> 18964 </li> 18965 18966 </ul> 18967 18968 </div> 18969 </details> 18970 </accordion-custom> 18971 18972 18973 18974 18975 18976 18977 18978 18979 <accordion-custom 18980 class=" 18981 menu 18982 18983 18984 " 18985 data-disable-on-desktop="true" 18986 open-by-default-on-desktop 18987 18988 data-disable-on-mobile="true" 18989 open-by-default-on-mobile 18990 18991 > 18992 <details 18993 class=" 18994 menu__details 18995 spacing-style 18996 18997 " 18998 data-testid="menu-details" 18999 style=" 19000 --spacing--size: 16px; 19001 --heading-font-size: 0.75rem; 19002 --link-font-size: 0.875rem; 19003 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19004 " 19005 19006 open 19007 19008 19009 > 19010 <summary 19011 class="menu__heading paragraph" 19012 > 19013 <span class="menu__heading__default opacity-50 !block">connect</span> 19014 <span class="menu__heading__accordion opacity-50"> 19015 connect 19016 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19017 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19018</svg> 19019</span> 19020 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19021 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19022 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19023</svg> 19024</span> 19025 </span> 19026 </summary> 19027 19028 <div class="details-content"> 19029 19030 <ul 19031 class="list-unstyled" 19032 > 19033 19034 <li class="menu__item paragraph"> 19035 <a href="/pages/affiliates"> 19036 Affiliates 19037 </a> 19038 </li> 19039 19040 </ul> 19041 19042 </div> 19043 </details> 19044 </accordion-custom> 19045 19046 19047 19048 19049 19050 19051 19052 19053 <accordion-custom 19054 class=" 19055 menu 19056 19057 19058 " 19059 data-disable-on-desktop="true" 19060 open-by-default-on-desktop 19061 19062 data-disable-on-mobile="true" 19063 open-by-default-on-mobile 19064 19065 > 19066 <details 19067 class=" 19068 menu__details 19069 spacing-style 19070 19071 " 19072 data-testid="menu-details" 19073 style=" 19074 --spacing--size: 10px; 19075 --heading-font-size: 0.75rem; 19076 --link-font-size: 0.875rem; 19077 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19078 " 19079 19080 open 19081 19082 19083 > 19084 <summary 19085 class="menu__heading paragraph" 19086 >
19087 <span class="menu__heading__default opacity-50 !block">Social</span> 19088 <span class="menu__heading__accordion opacity-50"> 19089 Social 19090 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19091 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19092</svg> 19093</span> 19094 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19095 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19096 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19097</svg> 19098</span> 19099 </span> 19100 </summary> 19101 19102 <div class="details-content"> 19103 19104 <ul 19105 class="list-unstyled" 19106 > 19107 19108 <li class="menu__item paragraph"> 19109 <a href="https://www.instagram.com/zoefull/"> 19110 Instagram 19111 </a> 19112 </li> 19113 19114 <li class="menu__item paragraph"> 19115 <a href="https://x.com/livezoefull"> 19116 X 19117 </a> 19118 </li> 19119 19120 <li class="menu__item paragraph"> 19121 <a href="https://www.tiktok.com/@livezoefull"> 19122 TikTok 19123 </a> 19124 </li> 19125 19126 </ul> 19127 19128 </div> 19129 </details> 19130 </accordion-custom> 19131 19132 19133 19134 19135 19136 19137 19138 19139 <accordion-custom 19140 class=" 19141 menu 19142 19143 19144 " 19145 data-disable-on-desktop="true" 19146 open-by-default-on-desktop 19147 19148 data-disable-on-mobile="true" 19149 open-by-default-on-mobile 19150 19151 > 19152 <details 19153 class=" 19154 menu__details 19155 spacing-style 19156 19157 " 19158 data-testid="menu-details" 19159 style=" 19160 --spacing--size: 10px; 19161 --heading-font-size: 0.75rem; 19162 --link-font-size: 0.875rem; 19163 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19164 " 19165 19166 open 19167 19168 19169 > 19170 <summary 19171 class="menu__heading paragraph" 19172 > 19173 <span class="menu__heading__default opacity-50 !block">Legal</span> 19174 <span class="menu__heading__accordion opacity-50"> 19175 Legal 19176 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19177 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19178</svg> 19179</span> 19180 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19181 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19182 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19183</svg> 19184</span> 19185 </span> 19186 </summary> 19187 19188 <div class="details-content"> 19189 19190 <ul 19191 class="list-unstyled" 19192 > 19193 19194 <li class="menu__item paragraph"> 19195 <a href="/policies/terms-of-service"> 19196 Terms of Service 19197 </a> 19198 </li> 19199 19200 <li class="menu__item paragraph"> 19201 <a href="/policies/privacy-policy"> 19202 Privacy Policy 19203 </a> 19204 </li> 19205 19206 </ul> 19207 19208 </div> 19209 </details> 19210 </accordion-custom> 19211 19212 19213 19214 19215 19216 19217</div> 19218</div> 19219 19220 19221 19222 19223 19224 19225 19226 19227 19228<div 19229 class=" 19230 group-block 19231 group-block--height-fit 19232 group-block--width-fit-content 19233 border-style 19234 spacing-style 19235 size-style 19236 19237 19238 19239 19240 19241 " 19242 style=" 19243 19244 19245--border-radius: 0px; 19246 19247 19248 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19249 --size-style-width: fit-content;--size-style-height: fit;--size-style-margin-left: auto; --size-style-margin-right: 0;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 19250 19251 19252 --padding-block-start-mobile: 32px; 19253 --padding-block-end-mobile: 0px; 19254 --padding-inline-start-mobile: 0px; 19255 --padding-inline-end-mobile: 0px; 19256 19257 19258 19259 19260 19261 19262 19263 " 19264 19265 data-testid="group-block" 19266><div class="group-block__media-wrapper"> 19267 19268 19269 19270 19271 19272 </div> 19273 19274 <div 19275 class=" 19276 group-block-content 19277 19278 19279 layout-panel-flex 19280 19281 layout-panel-flex--column 19282 19283 19284 mobile-column 19285 19286 19287 19288 19289 19290" 19291 style=" 19292 --abc: center; 19293 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19294 19295--gap: 10px; 19296--gap-mobile: 32px; 19297 19298--horizontal-alignment: flex-start; --vertical-alignment: center; 19299--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: 19300center; 19301; 19302 19303 19304 19305 " 19306 > 19307 19308 19309 19310 19311 19312 19313 19314 19315 19316 <div 19317 class=" spacing-style text-block text-block--AY3g5cWcwZTRJaklQU__text_ip7fag custom 19318 text-block--align-left text-block--align-mobile-left text-block--has-border custom-typography custom-font-size custom-color 19319 " 19320 19321 style=" 19322 --padding-block-start: 8px; --padding-block-end:8px; 19323--padding-inline-start:8px; --padding-inline-end:8px; 19324 19325 19326 19327 19328 19329--color: var(--color-foreground);--font-size: 0.625rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-custom); --letter-spacing: var(--letter-spacing--body-normal); 19330 --font-size-mobile: 0.625rem; 19331 --width: fit-content; 19332 --width-mobile: fit-content; 19333 19334 19335 19336 --max-width: 65ch; 19337 19338 --padding-block-start-mobile: 13px; 19339 --padding-block-end-mobile: 13px; 19340 --padding-inline-start-mobile: 13px; 19341 --padding-inline-end-mobile: 13px; 19342 19343 19344 --text-wrap: auto; 19345 19346 19347 --text-wrap-mobile: auto; 19348 19349 19350 --text-hyphens: none; 19351 19352 19353 19354 --text-corner-radius: 0px; 19355 19356 --border: 1px solid #fdfdfd33; --border-visibility: always; 19357 19358--border-radius: 4px; 19359 19360 overflow: hidden; 19361 19362 19363 19364 19365 19366 19367 19368 19369 --text-indent-mobile: 0px; 19370 19371 19372 --text-line-height-desktop: 150%; 19373 --text-line-height-mobile: 150%; 19374 19375 19376 " 19377 19378 19379> 19380 <p>*These statements have not been evaluated by the Food and Drug Administration.This product is not intended to diagnose, treat, cure or prevent any disease.</p> 19381 19382 19383 </div> 19384 19385 19386 19387 19388 19389 <style data-shopify> 19390 .text-block.text-block--AY3g5cWcwZTRJaklQU__text_ip7fag > * { 19391 line-height: var(--text-line-height-desktop, inherit); 19392 } 19393 19394 @media screen and (max-width: 1023px) { 19395 .text-block.text-block--AY3g5cWcwZTRJaklQU__text_ip7fag > * { 19396 line-height: var(--text-line-height-mobile, var(--text-line-height-desktop, inherit)); 19397 } 19398 } 19399 </style> 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418 19419 <div 19420 class=" flex-wrap gap-1 !flex-row [&>b]:font-semibold spacing-style text-block text-block--AeHphSjI0bDJwSGxRU__text_iNWz9t custom 19421 text-block--align-right text-block--align-mobile-center custom-typography custom-font-size custom-color 19422 " 19423 19424 style=" 19425 --padding-block-start: 0px; --padding-block-end:20px; 19426--padding-inline-start:0px; --padding-inline-end:0px; 19427 19428 19429 19430 19431 19432--color: var(--color-foreground);--font-size: 0.6875rem;--font-weight: 400;--font-family: var(--font-body--family); --text-transform: none; --text-wrap: auto; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); 19433 --font-size-mobile: 0.625rem; 19434 --width: fit-content; 19435 --width-mobile: fit-content; 19436 19437 19438 19439 --max-width: var(--max-width--body-none); 19440 19441 --padding-block-start-mobile: 0px; 19442 --padding-block-end-mobile: 32px; 19443 --padding-inline-start-mobile: 0px; 19444 --padding-inline-end-mobile: 0px; 19445 19446 19447 --text-wrap: auto; 19448 19449 19450 --text-wrap-mobile: auto; 19451 19452 19453 --text-hyphens: none; 19454 19455 19456 19457 --text-corner-radius: 0px; 19458 19459 19460 19461--border-radius: 0px; 19462 19463 19464 19465 19466 19467 19468 19469 19470 --text-indent-mobile: 0px; 19471 19472 19473 19474 " 19475 19476 19477> 19478 <div class="flex gap-1">© 2026 19479 <a href="/" title="">Zoefull</a>
19479<svg xmlns="http://www.w3.org/2000/svg" width="5" viewBox="0 0 9 13" fill="none"> 19480 <path d="M9 13V5.2C9 3.46667 8.1 0 4.5 0C0.9 0 0 3.46667 0 5.2V13H9Z" fill="#fdfdfd"/> 19481</svg> All rights reserved | <a href="https://www.yourstorematters.com/" class="underline">Dev by YourStoreMatters</a></div> 19482 </div> 19483 19484 19485 19486 19487 19488 19489 19490 19491 19492 19493 19494 19495 19496</div> 19497</div> 19498 19499 19500 19501 19502 19503 19504</div> 19505</div> 19506 19507 19508 19509 19510 19511 19512</div> 19513</div> 19514 19515 19516 19517 19518 19519 19520 </div> 19521</div> 19522 19523 19524 19525 19526</footer><div id="shopify-section-sections--22820399251764__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"><div class="section-background color-scheme-1"></div> 19527<div 19528 class="section section--full-width color-scheme-1" 19529 19530> 19531 <div 19532 class="utilities utilities--blocks-1 spacing-style" 19533 style="--padding-block-start: 0px;--padding-block-end: 0px; --border-width: 0px; --gap: 0px;" 19534 data-testid="footer-utilities" 19535 > 19536 19537 19538 19539 19540<div 19541 class=" 19542 group-block 19543 group-block--height-custom 19544 group-block--width-fill 19545 border-style 19546 spacing-style 19547 size-style 19548 19549 19550 19551 19552 19553 " 19554 style=" 19555 19556 19557--border-radius: 0px; 19558 19559 19560 --padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));--padding-inline-start: 0px;--padding-inline-end: 0px; 19561 --size-style-width: 100%;--size-style-height:100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 19562 19563 19564 --padding-block-start-mobile: 100px; 19565 --padding-block-end-mobile: 100px; 19566 --padding-inline-start-mobile: 0px; 19567 --padding-inline-end-mobile: 0px; 19568 19569 19570 19571 19572 19573 19574 19575 " 19576 19577 data-testid="group-block" 19578><div class="group-block__media-wrapper"> 19579 19580 <div 19581 class="background-image-container" 19582 > 19583 19584 19585 <img src="//zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=3840" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=832 832w, //zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=1200 1200w, //zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=1600 1600w, //zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=1920 1920w, //zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=2560 2560w, //zoefull.com/cdn/shop/files/Zoefull_Footer_Illustr4.webp?v=1779797890&width=3840 3840w" width="3840" height="736" loading="lazy" sizes="100vw" fetchpriority="auto"> 19586</div> 19587 19588 19589 19590 19591 19592 </div> 19593 19594 <div 19595 class=" 19596 group-block-content 19597 19598 19599 layout-panel-flex 19600 19601 layout-panel-flex--column 19602 19603 19604 mobile-column 19605 19606 19607 19608 19609 19610" 19611 style=" 19612 --abc: center; 19613 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19614 19615--gap: 12px; 19616--gap-mobile: 12px; 19617 19618--horizontal-alignment: center; --vertical-alignment: center; 19619--horizontal-alignment-mobile: center; --vertical-alignment-mobile: 19620center; 19621; 19622 19623 19624 19625 " 19626 > 19627 19628 19629 19630 19631 19632 19633 19634 19635 19636 19637 19638 19639 19640 19641 19642 19643 19644 19645 19646 19647 <div 19648 class=" 19649 image-block image-block--AYjhoWTkxbWE1MGtkN__image_Wc7q4g image-block--height-fit image-block--width-fill image-block--width-mobile-custom spacing-style size-style 19650" 19651 style=" 19652 --ratio: 4.045454545454546; 19653 --object-fit: cover; 19654 19655 19656 19657 --image-max-width: 300px; 19658 --image-min-width: 300px; 19659 19660 19661 --size-style-width: 100%;--size-style-height: fit; 19662 --size-style-width-mobile:64%; --size-style-width-mobile-min:64%;--size-style-margin-left-mobile: 0; --size-style-margin-right-mobile: auto; 19663 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--mobile-padding-block-start: 0px;--mobile-padding-block-end: 0px;--mobile-padding-inline-start: 0px;--mobile-padding-inline-end: 0px; 19664" 19665 19666 > 19667 19668 19669 19670<img src="//zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=3840" srcset="//zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=240 240w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=352 352w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=832 832w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=1200 1200w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=1600 1600w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=1920 1920w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=2560 2560w, //zoefull.com/cdn/shop/files/Live_Fully_e042c974-e0c1-4a1d-83f6-79089e0b8376.svg?v=1774338134&width=3840 3840w" width="267" height="66" loading="lazy" class="image-block__image image-block__image--desktop border-style" style=" 19671 --ratio: 4.045454545454546; 19672 --border-width: 1px; 19673--border-style: none;--border-color: #000000;--border-radius: 0px; 19674 --border-radius-mobile: 0px; 19675 19676 19677" sizes="auto"> 19678 19679 19680 19681 19682 19683 </div> 19684 19685 19686 19687 19688 19689 19690</div> 19691</div> 19692 19693 19694 19695 19696 19697 19698 </div> 19699</div> 19700 19701 19702 19703 19704</div> 19705<!-- END sections: footer-group --> 19706 19707
19707<script 19708 src="//zoefull.com/cdn/shop/t/128/assets/dialog.js?v=61774032287387761671786530322" 19709 type="module" 19710></script>
19710 19711
19712<script 19713 src="//zoefull.com/cdn/shop/t/128/assets/predictive-search.js?v=149240552485540508541786530322" 19714 type="module" 19715 fetchpriority="low" 19716></script>
19716 19717 19718<dialog-component 19719 id="search-modal" 19720 class="search-modal" 19721 19722> 19723 <dialog 19724 ref="dialog" 19725 on:click="/closeDialogOnClickOutside" 19726 on:keydown="/closeDialogOnEscapePress" 19727 class="search-modal__content dialog-modal" 19728 scroll-lock 19729 aria-labelledby="search-modal-heading" 19730 > 19731 <h2 19732 id="search-modal-heading" 19733 class="visually-hidden" 19734 > 19735 Search 19736 </h2> 19737 <predictive-search-component 19738 class="predictive-search color-scheme-1" 19739 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 19740 data-section-id="predictive-search" 19741 data-testid="search-component--modal" 19742 role="search" 19743 aria-label="Search" 19744 > 19745 <form 19746 action="/search" 19747 method="get" 19748 role="search" 19749 class="predictive-search-form" 19750 ref="form" 19751 on:keydown="/onSearchKeyDown" 19752 > 19753 <div 19754 class="predictive-search-form__header" 19755 > 19756 <div class="predictive-search-form__header-inner"> 19757 <label 19758 for="cmdk-input" 19759 class="visually-hidden" 19760 >Search</label> 19761 <input 19762 class="search-input" 19763 id="cmdk-input" 19764 type="search" 19765 name="q" 19766 role="combobox" 19767 aria-expanded="false" 19768 aria-owns="predictive-search-results" 19769 aria-controls="predictive-search-results" 19770 aria-haspopup="listbox" 19771 aria-autocomplete="list" 19772 autocomplete="off" 19773 placeholder="Search" 19774 ref="searchInput" 19775 on:input="/search" 19776 on:keydown="/onSearchKeyDown" 19777 > 19778 <input 19779 name="options[prefix]" 19780 type="hidden" 19781 value="last" 19782 > 19783 <span class="svg-wrapper predictive-search__icon"> 19784 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 19785 19786 </span> 19787 <button 19788 type="button" 19789 class="button-unstyled predictive-search__reset-button" 19790 ref="resetButton" 19791 hidden 19792 on:click="/resetSearch" 19793 > 19794 Clear 19795 </button> 19796 </div> 19797 <button 19798 type="button" 19799 class="button predictive-search__close-modal-button" 19800 aria-label="Close dialog" 19801 on:click="dialog-component/closeDialog" 19802 ref="closeModalButton" 19803 > 19804 <span class="svg-wrapper"> 19805 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19806 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19807 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19808</svg> 19809 19810 </span> 19811 </button> 19812 </div> 19813 19814 <div class="predictive-search-form__content-wrapper"> 19815 <div 19816 class="predictive-search-form__content" 19817 tabindex="-1" 19818 ref="predictiveSearchResults" 19819 on:click="/handleModalClick" 19820 > 19821 19822 19823<div 19824 id="predictive-search-results" 19825 class="predictive-search-dropdown" 19826 role="listbox" 19827 aria-expanded="true" 19828 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 19829> 19830 19831 <div class="predictive-search-results__inner"> 19832 19833 19834 19835 19836 19837 <div 19838 id="predictive-search-products" 19839 class="predictive-search-results__products" 19840 19841 data-testid="products-list-default--modal" 19842 19843> 19844 19845 <h4 class="predictive-search-results__title"> 19846 Products 19847 </h4> 19848 <ul 19849 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 19850 role="listbox"
19851 aria-label="Products" 19852 > 19853 19854 19855 <li 19856 class="predictive-search-results__card predictive-search-results__card--product" 19857 ref="resultsItems[]" 19858 > 19859 19860<div 19861 class="resource-card" 19862 href="/products/cardio-vital" 19863 data-resource-type="product" 19864> 19865 <a 19866 class="resource-card__link" 19867 href="/products/cardio-vital" 19868 > 19869 <span class="visually-hidden"> 19870 Cardio Vital 19871 </span> 19872 </a> 19873 <div 19874 class="resource-card__media" 19875 style="--resource-card-aspect-ratio: 4 / 5;" 19876 19877 > 19878 19879 19880<img src="//zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_30_Servings_G.webp?v=1784025498&width=500" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_30_Servings_G.webp?v=1784025498&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_30_Servings_G.webp?v=1784025498&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 19881 19882 <img src="//zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_Lifestyle_1_5x_5ca9390c-f3ae-4005-bc5a-aa5a60ae5c91.webp?v=1779345205&width=500" alt="Cardio Vital" srcset="//zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_Lifestyle_1_5x_5ca9390c-f3ae-4005-bc5a-aa5a60ae5c91.webp?v=1779345205&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Cardio_Vital_Lifestyle_1_5x_5ca9390c-f3ae-4005-bc5a-aa5a60ae5c91.webp?v=1779345205&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39261760946484" style="object-position: 50.0% 50.0%;"> 19883</div> 19884 19885 <div class="resource-card__content"> 19886 <p class="resource-card__title paragraph">Cardio Vital</p> 19887 19888 19889 <div ref="priceContainer"> 19890 19891 19892 19893 19894 19895 <span class="price">$69.00</span> 19896 19897 19898 19899 19900</div> 19901 19902 </div> 19903</div> 19904 19905 </li> 19906 19907 <li 19908 class="predictive-search-results__card predictive-search-results__card--product" 19909 ref="resultsItems[]" 19910 > 19911 19912<div 19913 class="resource-card" 19914 href="/products/complete-daily-multivitamin" 19915 data-resource-type="product" 19916> 19917 <a 19918 class="resource-card__link" 19919 href="/products/complete-daily-multivitamin" 19920 > 19921 <span class="visually-hidden"> 19922 Complete Daily Multivitamin 19923 </span> 19924 </a> 19925 <div 19926 class="resource-card__media" 19927 style="--resource-card-aspect-ratio: 4 / 5;" 19928 19929 > 19930 19931 19932<img src="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_60_Tablets_G.webp?v=1784024852&width=500" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_60_Tablets_G.webp?v=1784024852&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_60_Tablets_G.webp?v=1784024852&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 19933 19934 <img src="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Tested_1_5x_7a33382c-eb66-4ace-858e-ee9494f2e4cd.webp?v=1788959844&width=500" alt="Complete Daily Multivitamin" srcset="//zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Tested_1_5x_7a33382c-eb66-4ace-858e-ee9494f2e4cd.webp?v=1788959844&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Complete_Daily_Multivitamin_Tested_1_5x_7a33382c-eb66-4ace-858e-ee9494f2e4cd.webp?v=1788959844&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39929472876852" style="object-position: 50.0% 50.0%;"> 19935</div> 19936 19937 <div class="resource-card__content"> 19938 <p class="resource-card__title paragraph">Complete Daily Multivitamin</p> 19939 19940 19941 <div ref="priceContainer"> 19942 19943 19944 19945 19946 19947 <span class="price">$45.00</span> 19948 19949 19950 19951 19952</div> 19953 19954 </div> 19955</div> 19956 19957 </li> 19958 19959 <li 19960 class="predictive-search-results__card predictive-search-results__card--product" 19961 ref="resultsItems[]" 19962 > 19963 19964<div 19965 class="resource-card" 19966 href="/products/deep-sleep-formula" 19967 data-resource-type="product" 19968> 19969 <a 19970 class="resource-card__link" 19971 href="/products/deep-sleep-formula" 19972 > 19973 <span class="visually-hidden"> 19974 Deep Sleep Formula 19975 </span> 19976 </a> 19977 <div 19978 class="resource-card__media" 19979 style="--resource-card-aspect-ratio: 4 / 5;" 19980 19981 > 19982 19983 19984<img src="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_60_Capsules_G.webp?v=1784025026&width=500" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_60_Capsules_G.webp?v=1784025026&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_60_Capsules_G.webp?v=1784025026&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 19985 19986 <img src="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Tested_1_5x_6d9b6e4c-231b-4fc4-ab26-0b64ffe3af0a.webp?v=1788960472&width=500" alt="Deep Sleep Formula" srcset="//zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Tested_1_5x_6d9b6e4c-231b-4fc4-ab26-0b64ffe3af0a.webp?v=1788960472&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Deep_Sleep_Formula_Tested_1_5x_6d9b6e4c-231b-4fc4-ab26-0b64ffe3af0a.webp?v=1788960472&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39929482314036" style="object-position: 50.0% 50.0%;"> 19987</div> 19988 19989 <div class="resource-card__content"> 19990 <p class="resource-card__title paragraph">Deep Sleep Formula</p> 19991 19992 19993 <div ref="priceContainer"> 19994 19995 19996 19997 19998
19999 <span class="price">$55.00</span> 20000 20001 20002 20003 20004</div> 20005 20006 </div> 20007</div> 20008 20009 </li> 20010 20011 <li 20012 class="predictive-search-results__card predictive-search-results__card--product" 20013 ref="resultsItems[]" 20014 > 20015 20016<div 20017 class="resource-card" 20018 href="/products/essential-omega-3s" 20019 data-resource-type="product" 20020> 20021 <a 20022 class="resource-card__link" 20023 href="/products/essential-omega-3s" 20024 > 20025 <span class="visually-hidden"> 20026 Essential Omega-3 20027 </span> 20028 </a> 20029 <div 20030 class="resource-card__media" 20031 style="--resource-card-aspect-ratio: 4 / 5;" 20032 20033 > 20034 20035 20036<img src="//zoefull.com/cdn/shop/files/Zoefull_Omega3_60_Softgels_G.webp?v=1784025469&width=500" alt="" srcset="//zoefull.com/cdn/shop/files/Zoefull_Omega3_60_Softgels_G.webp?v=1784025469&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Omega3_60_Softgels_G.webp?v=1784025469&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 20037 20038 <img src="//zoefull.com/cdn/shop/files/Zoefull_Omega3_Lifestyle_1_5x_ea7b3e3d-13b4-402b-ad60-6a76a1720bc5.webp?v=1788960184&width=500" alt="Essential Omega-3" srcset="//zoefull.com/cdn/shop/files/Zoefull_Omega3_Lifestyle_1_5x_ea7b3e3d-13b4-402b-ad60-6a76a1720bc5.webp?v=1788960184&width=240 240w, //zoefull.com/cdn/shop/files/Zoefull_Omega3_Lifestyle_1_5x_ea7b3e3d-13b4-402b-ad60-6a76a1720bc5.webp?v=1788960184&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39929478185268" style="object-position: 50.0% 50.0%;"> 20039</div> 20040 20041 <div class="resource-card__content"> 20042 <p class="resource-card__title paragraph">Essential Omega-3</p> 20043 20044 20045 <div ref="priceContainer"> 20046 20047 20048 20049 20050 20051 <span class="price">$39.00</span> 20052 20053 20054 20055 20056</div> 20057 20058 </div> 20059</div> 20060 20061 </li> 20062 20063 </ul> 20064 20065</div> 20066 20067 20068 20069 20070 20071 </div> 20072 20073</div> 20074 20075 </div> 20076 20077 <div class="predictive-search-form__footer"> 20078 <button 20079 class="button button-primary predictive-search__search-button" 20080 ref="viewAllButton" 20081 > 20082 View all 20083 </button> 20084 </div> 20085 </div> 20086 </form> 20087 </predictive-search-component> 20088 </dialog> 20089</dialog-component> 20090 20091 20092 20093 20094 20095 <quick-add-dialog id="quick-add-dialog"> 20096 <dialog 20097 class="quick-add-modal dialog-modal color-scheme-1" 20098 ref="dialog" 20099 scroll-lock 20100 > 20101 <button 20102 ref="closeButton" 20103 on:click="/closeDialog" 20104 class="button button-unstyled close-button quick-add-modal__close" 20105 aria-label="Close dialog" 20106 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 20107 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20108 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20109</svg> 20110</button> 20111 <div 20112 id="quick-add-modal-content" 20113 class="quick-add-modal__content" 20114 ></div> 20115 </dialog> 20116</quick-add-dialog> 20117 20118 20119 20120 20121 20122 <!-- Web Vitals tracking to GA4 - added by Marcos on 09/06/2026 --> 20123
20123<script type="module"> 20124 import { onCLS, onINP, onLCP } from 'https://unpkg.com/web-vitals@5?module'; 20125 20126 function sendWebVitalToGA4(metric) { 20127 // console.log('Web Vital captured:', metric.name, metric.value, metric); 20128 20129 if (typeof window.gtag !== 'function') { 20130 console.warn('Web Vitals: gtag not available'); 20131 return; 20132 } 20133 20134 window.gtag('event', metric.name, { 20135 // GA4 event value should be an integer. 20136 // CLS is unitless and usually decimal, so multiply by 1000. 20137 value: Math.round(metric.name === 'CLS' ? metric.value * 1000 : metric.value), 20138 20139 // Core fields for BigQuery analysis 20140 metric_name: metric.name, 20141 metric_value: metric.value, 20142 metric_rating: metric.rating, 20143 metric_delta: metric.delta, 20144 metric_id: metric.id, 20145 metric_start_time: metric.startTime, 20146 20147 // Page context 20148 page_location: window.location.href, 20149 page_path: window.location.pathname, 20150 page_title: document.title, 20151 }); 20152 } 20153 20154 onCLS(sendWebVitalToGA4); 20155 onINP(sendWebVitalToGA4); 20156 onLCP(sendWebVitalToGA4); 20157 </script>
20157<script> 20158 window.__zoefullPngMap = {9292613452084: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029\u0026width=300", 20159 "wild-olive-oil": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029\u0026width=300",8235807179060: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028\u0026width=300", 20160 "super-polyphenols": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Super_Polyphenols_Card_2x_d758baa9-ffe5-4fab-826d-58300f40bb94.webp?v=1778073028\u0026width=300",8235800690996: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028\u0026width=300", 20161 "essential-omega-3s": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Essential_Omega_3_Card_2x_1d6b74a6-6c09-4100-8de7-56022935550a.webp?v=1778073028\u0026width=300",9333534720308: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028\u0026width=300", 20162 "complete-daily-multivitamin": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Complete_Daily_Multivitamin_Card_2x_4bf27f4f-5427-4d76-b21d-bef5948faee6.webp?v=1778073028\u0026width=300",8235806916916: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028\u0026width=300", 20163 "gut-health-complex": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Thriving_Gut_Card_2x_3e7447e1-f729-49ac-ad84-007f01fc8688.webp?v=1778073028\u0026width=300",9333534490932: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029\u0026width=300", 20164 "deep-sleep-formula": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Deep_Sleep_Formula_Card_2x_16ae8730-1625-449b-9ab4-4a426cfc428c.webp?v=1778073029\u0026width=300",9333534654772: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028\u0026width=300", 20165 "turmeric-active": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Turmeric_Active_Card_2x_b194b816-e824-431e-9c8a-9baa5b06895a.webp?v=1778073028\u0026width=300",9333534589236: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028\u0026width=300", 20166 "vitamin-d3-k2-liquid-sunshine": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Vitamin_D3_K2_Liquid_Sunshine_Card_2x_30182961-a86a-444e-bbb1-89e236a10090.webp?v=1778073028\u0026width=300",9301590999348: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031\u0026width=300", 20167 "polyphenols": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Polyphenols_Plus_Bundle_2x_2dd335ba-0baf-4687-a898-4c38c6f9714b.webp?v=1778073031\u0026width=300",9320973238580: "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029\u0026width=300", 20168 "content-of-the-box": "\/\/zoefull.com\/cdn\/shop\/files\/Zoefull_Wild_Olive_Oil_Card_2x_5fb7419a-f6fd-4c91-99c9-f1a5f6eec620.webp?v=1778073029\u0026width=300",}; 20169</script>
20169 20170<div id="shopify-block-AamljVU9tMHJLSENyT__12016176150940211849" class="shopify-block shopify-app-block">
20170<script> 20171 document.addEventListener('DOMContentLoaded', function () { 20172 const script = document.createElement('script'); 20173 script.src = "https://cdn.shopify.com/extensions/01a0cd3f-101f-7fa5-9159-222a9b381ec6/ot-section-builder-7-108/assets/otsb-vendors.min.js"; 20174 script.defer = true; 20175 document.body.appendChild(script); 20176 }); 20177</script>
20177 20178<div style="display:none !important;" id="otsb_trademark_t"><div class="otsb_trademark_root" >Powered by <a href="https://apps.shopify.com/ot-section-builder?utm_source=trademark&utm_medium=referral&utm_campaign=otsb" target="_blank" rel="nofollow">Omni Themes</a></div></div> 20179<div class="otsb__root"> 20180 <div id="otsb-popup-minimal-left"></div> 20181 <div id="otsb-popup-minimal-right"></div> 20182</div> 20183 20184</div><div id="shopify-block-AakNoTzR0N0NkN3Z2W__11532412952436166569" class="shopify-block shopify-app-block">
20184<script async src="https://loox.io/widget/iZ7Y89LbjC/loox.1776333911857.js?shop=zoefull.myshopify.com"></script>
20184 20185 20186 20187 <!-- __LXV: 1791212735134;__LXR: https://loox.io;__LXC: iZ7Y89LbjC; -->
20187<script>var loox_global_hash = '1791212735134'; 20188var loox_bundle_reviews_enabled = false;</script>
20188<style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#FFC000; } 20189:root { --lxs-rating-icon-color: #FFC000; }</style><svg xmlns="http://www.w3.org/2000/svg" style="display: none" id="loox-rating-icon-svg-store"> 20190 <defs> 20191 <clipPath id="looxicons-rating-icon-fill_star-pointy-fill__a"> 20192 <path d="M0 0h24v24H0z" /> 20193 </clipPath> 20194 20195 <clipPath id="looxicons-rating-icon-line_star-pointy-line__a"> 20196 <path d="M0 0h24v24H0z" /> 20197 </clipPath> 20198 </defs> 20199 <symbol id="looxicons-rating-icon-fill" viewBox="0 0 24 24" fill="currentcolor"> 20200 <g clip-path="url(#star-pointy-fill__a)"> 20201 <path 20202 d="m12 19.261-7.416 4.151 1.656-8.335L0 9.306l8.44-1.002L12 .588l3.56 7.717L24 9.306l-6.24 5.77 1.656 8.336L12 19.262Z" 20203 /> 20204 </g> 20205 </symbol> 20206 <symbol id="looxicons-rating-icon-line" viewBox="0 0 24 24" fill="currentcolor"> 20207 <g clip-path="url(#star-pointy-line__a)"> 20208 <path 20209 d="m12 19.261-7.416 4.151 1.656-8.335L0 9.306l8.44-1.002L12 .588l3.56 7.717L24 9.306l-6.24 5.77 1.656 8.336L12 19.262Zm0-2.41 4.465 2.5-.997-5.019 3.756-3.475-5.081-.602L12 5.608l-2.143 4.648-5.081.601 3.756 3.475-.997 5.019L12 16.85Z" 20210 /> 20211 </g> 20212 </symbol> 20213 <defs> 20214 <style> 20215 .lx-icon-fill { 20216 --lx-fill-width: calc(100% - var(--lx-rating-percent, 0%)); 20217 clip-path: inset(0 var(--lx-fill-width, 0) 0 0); 20218 } 20219 .lx-icon-line { 20220 clip-path: inset(0 0 0 var(--lx-rating-percent, 0%)); 20221 } 20222 [data-lx-fill='empty'] { 20223 --lx-rating-percent: 0%; 20224 } 20225 [data-lx-fill='half'] { 20226 --lx-rating-percent: 50%; 20227 } 20228 [data-lx-fill='full'] { 20229 --lx-rating-percent: 100%; 20230 } 20231 </style> 20232 20233 <g id="looxicons-rating-icon"> 20234 <use href="#looxicons-rating-icon-line" class="lx-icon-line"></use> 20235 <use href="#looxicons-rating-icon-fill" class="lx-icon-fill"></use> 20236 </g> 20237 </defs> 20238</svg> 20239 20240 20241 20242 20243 20244 20245 20246 20247</div>
20247<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
20247 20248</body> 20249</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.