PageSourceSearch

https://nutiva.ca/blogs/news

html nutiva.ca collected 2026-09-29 10:07:42 UTC 328,329 bytes, 7,371 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//nutiva.ca/cdn/shop/files/Nutiva_Favicon.svg?crop=center&height=32&v=1780951440&width=32"
10      >
11    
12<meta charset="utf-8">
13<meta
14  http-equiv="X-UA-Compatible"
15  content="IE=edge"
16>
17<meta
18  name="viewport"
19  content="width=device-width,initial-scale=1"
20>
21<meta
22  name="view-transition"
23  content="same-origin"
24>
25<meta
26  name="theme-color"
27  content=""
28>
29
30<meta
31  property="og:site_name"
32  content="Nutiva Canada"
33>
34<meta
35  property="og:url"
36  content="https://nutiva.ca/blogs/news"
37>
38<meta
39  property="og:title"
40  content="News"
41>
42<meta
43  property="og:type"
44  content="website"
45>
46<meta
47  property="og:description"
48  content="Nutiva makes Organic Coconut Oil, Organic Coconut Aminos. Organic MCT Oil, Organic Hemp Seed Oil, Organic Hemp Protein Powder, Organic Chia Seeds, Organic Shelled Hemp Seeds, Organic Coconut Manna, and more. "
49><meta
50    property="og:image"
51    content="http://nutiva.ca/cdn/shop/files/CDN_ProductLineup_1200x628_829e4b93-5dae-4852-af83-689b4f3e6a13.jpg?v=1781298915"
52  >
53  <meta
54    property="og:image:secure_url"
55    content="https://nutiva.ca/cdn/shop/files/CDN_ProductLineup_1200x628_829e4b93-5dae-4852-af83-689b4f3e6a13.jpg?v=1781298915"
56  >
57  <meta
58    property="og:image:width"
59    content="1200"
60  >
61  <meta
62    property="og:image:height"
63    content="628"
64  ><meta
65  name="twitter:card"
66  content="summary_large_image"
67>
68<meta
69  name="twitter:title"
70  content="News"
71>
72<meta
73  name="twitter:description"
74  content="Nutiva makes Organic Coconut Oil, Organic Coconut Aminos. Organic MCT Oil, Organic Hemp Seed Oil, Organic Hemp Protein Powder, Organic Chia Seeds, Organic Shelled Hemp Seeds, Organic Coconut Manna, and more. "
75>
76
77<title>
78  News
79 &ndash; Nutiva Canada</title>
80
81<link
82  rel="canonical"
83  href="https://nutiva.ca/blogs/news"
84>
85
86
87<link href="//nutiva.ca/cdn/shop/t/2/assets/overflow-list.css?v=78235234226353326431780947931" as="style" rel="preload">
88<link href="//nutiva.ca/cdn/shop/t/2/assets/base.css?v=93268172754648521281780947932" rel="stylesheet" type="text/css" media="all" />
89<style>
90    /**
91 * @license
92 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
93 * 
94 * The fonts listed in this notice are subject to the End User License
95 * Agreement(s) entered into by the website owner. All other parties are 
96 * explicitly restricted from using the Licensed Webfonts(s).
97 * 
98 * You may obtain a valid license at the URLs below.
99 * 
100 * Webfont: Gazpacho Thin by Monotype
101 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
102 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
103 *
104 * Webfont: Gazpacho Thin Italic by Monotype
105 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
106 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
107 *
108 * Webfont: Gazpacho Light by Monotype
109 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
110 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
111 *
112 * Webfont: Gazpacho Heavy Italic by Monotype
113 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
114 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
115 *
116 * Webfont: Gazpacho Heavy by Monotype
117 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
118 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
119 *
120 * Webfont: Gazpacho Black Italic by Monotype
121 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
122 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
123 *
124 * Webfont: Gazpacho Black by Monotype
125 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
126 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
127 *
128 * Webfont: Gazpacho Bold Italic by Monotype
129 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
130 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
131 *
132 * Webfont: Gazpacho Bold by Monotype
133 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
134 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
135 *
136 * Webfont: Gazpacho Medium Italic by Monotype
137 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
138 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
139 *
140 * Webfont: Gazpacho Medium by Monotype
141 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
142 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
143 *
144 * Webfont: Gazpacho Italic by Monotype
145 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
146 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
147 *
148 * Webfont: Gazpacho Regular by Monotype
149 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
150 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
151 *
152 * Webfont: Gazpacho Light Italic by Monotype
153 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
154 * Copyright: Copyright © 2026 Monotype Imaging Inc. All rights reserved.
155 *
156 * Webfont: Gilroy Thin by Radomir Tinkov
157 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
158
159 * Webfont: Gilroy Thin Italic by Radomir Tinkov
160 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
161
162 * Webfont: Gilroy Ultra Light by Radomir Tinkov
163 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
164
165 * Webfont: Gilroy Ultra Light Italic by Radomir Tinkov
166 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
167
168 * Webfont: Gilroy Light by Radomir Tinkov
169 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
170
171 * Webfont: Gilroy Light Italic by Radomir Tinkov
172 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
173
174 * Webfont: Gilroy Regular by Radomir Tinkov
175 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
176
177 * Webfont: Gilroy Regular Italic by Radomir Tinkov
178 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
179
180 * Webfont: Gilroy Medium by Radomir Tinkov
181 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
182
183 * Webfont: Gilroy Medium Italic by Radomir Tinkov
184 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
185
186 * Webfont: Gilroy Semi Bold by Radomir Tinkov
187 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
188
189 * Webfont: Gilroy Semi Bold Italic by Radomir Tinkov
190 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
191
192 * Webfont: Gilroy Bold by Radomir Tinkov
193 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
194
195 * Webfont: Gilroy Bold Italic by Radomir Tinkov
196 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
197
198 * Webfont: Gilroy Extra Bold by Radomir Tinkov
199 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
200
201 * Webfont: Gilroy Extra Bold Italic by Radomir Tinkov
202 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
203
204 * Webfont: Gilroy Black by Radomir Tinkov
205 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
206
207 * Webfont: Gilroy Black Italic by Radomir Tinkov
208 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
209
210 * Webfont: Gilroy Heavy by Radomir Tinkov
211 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
212
213 * Webfont: Gilroy Heavy Italic by Radomir Tinkov
214 * URL: https://www.myfonts.com/collections/radomir-tinkov-foundry
215 
216 * © 2026 MyFonts Inc. */
217  
218    @font-face {
219      font-family: "Gilroy";
220      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyLight.woff2?v=23342730662218302861780947932) format("woff2");
221      font-weight: 300;
222      font-style: normal;
223      font-display: swap;
224    }
225    @font-face {
226      font-family: "Gilroy";
227      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyRegular.woff2?v=119940411995593377441780947932) format("woff2");
228      font-weight: 400;
229      font-style: normal;
230      font-display: swap;
231    }
232    @font-face {
233      font-family: "Gilroy";
234      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyMedium.woff2?v=91303179179171746911780947932) format("woff2");
235      font-weight: 500;
236      font-style: normal;
237      font-display: swap;
238    }
239    @font-face {
240      font-family: "Gilroy";
241      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroySemiBold.woff2?v=119506954707721252391780947932) format("woff2");
242      font-weight: 600;
243      font-style: normal;
244      font-display: swap;
245    }
246    @font-face {
247      font-family: "Gilroy";
248      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyBold.woff2?v=183071657540035277761780947932) format("woff2");
249      font-weight: 700;
250      font-style: normal;
251      font-display: swap;
252    }
253    @font-face {
254      font-family: "Gilroy";
255      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyLightItalic.woff2?v=129923036461213584911780947932) format("woff2");
256      font-weight: 300;
257      font-style: italic;
258      font-display: swap;
259    }
260    @font-face {
261      font-family: "Gilroy";
262      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyRegularItalic.woff2?v=119912640974656689031780947932) format("woff2");
263      font-weight: 400;
264      font-style: italic;
265      font-display: swap;
266    }
267    @font-face {
268      font-family: "Gilroy";
269      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyMediumItalic.woff2?v=56140733586138248231780947932) format("woff2");
270      font-weight: 500;
271      font-style: italic;
272      font-display: swap;
273    }
274    @font-face {
275      font-family: "Gilroy";
276      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroySemiBoldItalic.woff2?v=178127146097475058531780947932) format("woff2");
277      font-weight: 600;
278      font-style: italic;
279      font-display: swap;
280    }
281    @font-face {
282      font-family: "Gilroy";
283      src: url(//nutiva.ca/cdn/shop/t/2/assets/GilroyBoldItalic.woff2?v=51598787754725916621780947932) format("woff2");
284      font-weight: 700;
285      font-style: italic;
286      font-display: swap;
287    }
288
289    @font-face {
290      font-family: "Gazpacho";
291      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoRegular.woff2?v=20464140968125897901780947932) format("woff2");
292      font-weight: 400;
293      font-style: normal;
294      font-display: swap;
295    }
296    @font-face {
297      font-family: "Gazpacho";
298      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoMedium.woff2?v=61809541749688453901780947932) format("woff2");
299      font-weight: 500;
300      font-style: normal;
301      font-display: swap;
302    }
303    @font-face {
304      font-family: "Gazpacho";
305      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoBold.woff2?v=134303115697173200591780947932) format("woff2");
306      font-weight: 700;
307      font-style: normal;
308      font-display: swap;
309    }
310    @font-face {
311      font-family: "Gazpacho";
312      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoItalic.woff2?v=19117066550291816051780947932) format("woff2");
313      font-weight: 400;
314      font-style: italic;
315      font-display: swap;
316    }
317    @font-face {
318      font-family: "Gazpacho";
319      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoMediumItalic.woff2?v=74132483833135860581780947932) format("woff2");
320      font-weight: 500;
321      font-style: italic;
322      font-display: swap;
323    }
324    @font-face {
325      font-family: "Gazpacho";
326      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoBoldItalic.woff2?v=37293856766358355291780947932) format("woff2");
327      font-weight: 700;
328      font-style: italic;
329      font-display: swap;
330    }
331    @font-face {
332      font-family: "Gazpacho";
333      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoHeavy.woff2?v=173402127385266263671780947932) format("woff2");
334      font-weight: 800;
335      font-style: normal;
336      font-display: swap;
337    }
338    @font-face {
339      font-family: "Gazpacho";
340      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoHeavyItalic.woff2?v=143088439985011919121780947932) format("woff2");
341      font-weight: 800;
342      font-style: italic;
343      font-display: swap;
344    }
345    @font-face {
346      font-family: "Gazpacho";
347      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoBlack.woff2?v=37341014515835079031780947932) format("woff2");
348      font-weight: 900;
349      font-style: normal;
350      font-display: swap;
351    }
352    @font-face {
353      font-family: "Gazpacho";
354      src: url(//nutiva.ca/cdn/shop/t/2/assets/GazpachoBlackItalic.woff2?v=25384172420722345631780947932) format("woff2");
355      font-weight: 900;
356      font-style: italic;
357      font-display: swap;
358    }
359
360    :root {
361      --font-gilroy--family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
362      --font-gazpacho--family: "Gazpacho", Georgia, "Times New Roman", serif;
363    }
364
365    .font-gilroy {
366      font-family: var(--font-gilroy--family);
367    }
368
369    .font-gazpacho {
370      font-family: var(--font-gazpacho--family);
371    }
372
373    footer {
374      --footer-wave-height: 6vw;
375      --footer-wave-join-color: #00322C;
376      position: relative;
377      margin-top: var(--footer-wave-height);
378    }
379
380    footer::before {
381      content: "";
382      position: absolute;
383      left: 0;
384      right: 0;
385      bottom: calc(100% - 8px);
386      height: calc(var(--footer-wave-height) + 10px);
387      background: url(//nutiva.ca/cdn/shop/t/2/assets/footer-wave.svg?v=156253915775106466441780947931) no-repeat top center;
388      background-size: cover;
389      background-color: #FEF8EB;
390      z-index: 1;
391      pointer-events: none;
392    }
393
394    footer::after {
395      content: "";
396      position: absolute;
397      top: 0;
398      left: 0;
399      right: 0;
400      height: 8px;
401      background-color: var(--footer-wave-join-color);
402      z-index: 2;
403      pointer-events: none;
404    }
405
406    .is-collection footer::before{
407      background-color: #DDF0EE;
408    }
409
410    .is-product footer::before{
411      background-color: #ddf0ee;
412    }
413
414    .is-homepage footer::before{
415      background-color: #E0F2F0;
416    }
417
418    .news-article footer::before{
419      background-color: #DDF0EE;
420    }
421    
422    footer a{
423      text-decoration: none !important;
424    }
425
426    footer .button:not(.header-actions__action){
427      min-width: 0 !important;
428    }
429
430    footer .text-block p{
431      margin-block: 0.3rem;
432      font-size: calc(var(--font-paragraph--size) * 0.7);
433    }
434
435    footer .email-signup__input{
436      padding: 11px 20px;
437    }
438
439    .footer-utilities__group-copyright,
440    .footer-utilities__group-copyright a,
441    .policy-list-trigger,
442    .policy-list-inline a{
443      font-size: var(--font-paragraph--size) !important;
444      --font-size: var(--font-paragraph--size) !important;
445      color: #fff !important;
446    }
447
448    #terms-policies-popover > ul > li > a{
449      font-size: var(--font-paragraph--size) !important;
450      --font-size: var(--font-paragraph--size) !important;
451      color: var(--color-primary-button-background) !important;
452    }
453
454    @media (max-width: 749px) {
455      footer .mobile-column{
456        align-items: center;
457      }
458
459      footer > div.section.section--page-width.color-scheme-5 > div > div.group-block.group-block--height-fit.group-block--width-fill.border-style.spacing-style.size-style > div.group-block-content.layout-panel-flex.layout-panel-flex--row.mobile-column{
460        flex-direction: row;
461        justify-content: space-around;
462      }
463
464    }
465
466    .shopify-section.featured-blog-posts .resource-list__item .featured-blog-posts-card__content .text-block > h4:after {
467        content: "";
468        position: relative;
469        inset: 0;
470        background: url(//nutiva.ca/cdn/shop/t/2/assets/arrow-up-right.svg?v=68727807464544346581780947931) no-repeat top center;
471        background-size: 100% 100%;
472        pointer-events: none;
473        display: inline-block;
474        height: calc(var(--font-size--paragraph) * 1.3);
475        width: calc(var(--font-size--paragraph) * 1.3);
476        vertical-align: middle;
477    }
478
479    
480      product-price,
481      .price,
482      .compare-at-price,
483      .unit-price,
484      .volume-pricing,
485      shopify-payment-terms,
486      .blog-post-template__product-price,
487      #productTotal,
488      .cart-items__price,
489      .cart-items__price-unit,
490      .cart-totals__original,
491      .cart-discounts,
492      .cart-totals__total,
493      .cart-totals__installments,
494      .cart-totals__tax-note,
495      .cart__subtotal-container,
496      .cart__total-container {
497        display: none !important;
498      }
499    
500</style>
501
502<link
503    rel="preload"
504    as="font"
505    href="//nutiva.ca/cdn/shop/t/2/assets/GilroyRegular.woff2?v=119940411995593377441780947932"
506    type="font/woff2"
507    crossorigin
508    fetchpriority="low"
509  ><link
510    rel="preload"
511    as="font"
512    href="//nutiva.ca/cdn/shop/t/2/assets/GilroyMedium.woff2?v=91303179179171746911780947932"
513    type="font/woff2"
514    crossorigin
515    fetchpriority="low"
516  ><link
517    rel="preload"
518    as="font"
519    href="//nutiva.ca/cdn/shop/t/2/assets/GilroySemiBold.woff2?v=119506954707721252391780947932"
520    type="font/woff2"
521    crossorigin
522    fetchpriority="low"
523  ><link
524    rel="preload"
525    as="font"
526    href="//nutiva.ca/cdn/shop/t/2/assets/GilroyBold.woff2?v=183071657540035277761780947932"
527    type="font/woff2"
528    crossorigin
529    fetchpriority="low"
530  ><link
531    rel="preload"
532    as="font"
533    href="//nutiva.ca/cdn/shop/t/2/assets/GilroyMediumItalic.woff2?v=56140733586138248231780947932"
534    type="font/woff2"
535    crossorigin
536    fetchpriority="low"
537  ><link
538    rel="preload"
539    as="font"
540    href="//nutiva.ca/cdn/shop/t/2/assets/GazpachoBold.woff2?v=134303115697173200591780947932"
541    type="font/woff2"
542    crossorigin
543    fetchpriority="low"
544  ><link
545    rel="preload"
546    as="font"
547    href="//nutiva.ca/cdn/shop/t/2/assets/GazpachoBlack.woff2?v=37341014515835079031780947932"
548    type="font/woff2"
549    crossorigin
550    fetchpriority="low"
551  ><link
552    rel="preload"
553    as="font"
554    href="//nutiva.ca/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
555    type="font/woff2"
556    crossorigin
557    fetchpriority="low"
558  ><link
559    rel="preload"
560    as="font"
561    href="//nutiva.ca/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
562    type="font/woff2"
563    crossorigin
564    fetchpriority="low"
565  ><link
566    rel="preload"
567    as="font"
568    href="//nutiva.ca/cdn/fonts/fraunces/fraunces_n4.8e6986daad4907c36a536fb8d55aaf5318c974ca.woff2"
569    type="font/woff2"
570    crossorigin
571    fetchpriority="low"
572  ><link
573    rel="preload"
574    as="font"
575    href="//nutiva.ca/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
576    type="font/woff2"
577    crossorigin
578    fetchpriority="low"
579  >
580<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 580
580
581<script type="importmap">
582  {
583    "imports": {
584      "@theme/overflow-list": "//nutiva.ca/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511780947931",
585      "@theme/product-title": "//nutiva.ca/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781780947931",
586      "@theme/component": "//nutiva.ca/cdn/shop/t/2/assets/component.js?v=47095296770246410881780947931",
587      "@theme/dialog": "//nutiva.ca/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021780947931",
588      "@theme/events": "//nutiva.ca/cdn/shop/t/2/assets/events.js?v=147926035229139604561780947931",
589      "@theme/focus": "//nutiva.ca/cdn/shop/t/2/assets/focus.js?v=60436577539430446401780947931",
590      "@theme/morph": "//nutiva.ca/cdn/shop/t/2/assets/morph.js?v=102085577784545683451780947931",
591      "@theme/paginated-list": "//nutiva.ca/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871780947931",
592      "@theme/performance": "//nutiva.ca/cdn/shop/t/2/assets/performance.js?v=171015751390534793081780947931",
593      "@theme/product-form": "//nutiva.ca/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081780947931",
594      "@theme/recently-viewed-products": "//nutiva.ca/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651780947931",
595      "@theme/scrolling": "//nutiva.ca/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011780947931",
596      "@theme/section-renderer": "//nutiva.ca/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121780947931",
597      "@theme/section-hydration": "//nutiva.ca/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311780947931",
598      "@theme/money-formatting": "//nutiva.ca/cdn/shop/t/2/assets/money-formatting.js?v=182191346160333327151780947931",
599      "@theme/utilities": "//nutiva.ca/cdn/shop/t/2/assets/utilities.js?v=137979405375850297411780947931",
600      "@theme/variant-picker": "//nutiva.ca/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681780947931",
601      "@theme/media-gallery": "//nutiva.ca/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161780947931",
602      "@theme/quick-add": "//nutiva.ca/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301780947931",
603      "@theme/paginated-list-aspect-ratio": "//nutiva.ca/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451780947931",
604      "@theme/popover-polyfill": "//nutiva.ca/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201780947931",
605      "@theme/component-quantity-selector": "//nutiva.ca/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641780947931",
606      "@theme/comparison-slider": "//nutiva.ca/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941780947931",
607      "@theme/sticky-add-to-cart": "//nutiva.ca/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091780947931",
608      "@theme/fly-to-cart": "//nutiva.ca/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081780947931"
609    }
610  }
611</script>
611
612
613<script
614  src="//nutiva.ca/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341780947931"
615  async
616  
617></script>
617
618
619<link
620  rel="modulepreload"
621  href="//nutiva.ca/cdn/shop/t/2/assets/utilities.js?v=137979405375850297411780947931"
622  fetchpriority="low"
623>
624<link
625  rel="modulepreload"
626  href="//nutiva.ca/cdn/shop/t/2/assets/component.js?v=47095296770246410881780947931"
627  fetchpriority="low"
628>
629<link
630  rel="modulepreload"
631  href="//nutiva.ca/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121780947931"
632  fetchpriority="low"
633>
634<link
635  rel="modulepreload"
636  href="//nutiva.ca/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311780947931"
637  fetchpriority="low"
638>
639<link
640  rel="modulepreload"
641  href="//nutiva.ca/cdn/shop/t/2/assets/morph.js?v=102085577784545683451780947931"
642  fetchpriority="low"
643>
644
645
646
647<link
648  rel="modulepreload"
649  href="//nutiva.ca/cdn/shop/t/2/assets/focus.js?v=60436577539430446401780947931"
650  fetchpriority="low"
651>
652<link
653  rel="modulepreload"
654  href="//nutiva.ca/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651780947931"
655  fetchpriority="low"
656>
657<link
658  rel="modulepreload"
659  href="//nutiva.ca/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011780947931"
660  fetchpriority="low"
661>
662<link
663  rel="modulepreload"
664  href="//nutiva.ca/cdn/shop/t/2/assets/events.js?v=147926035229139604561780947931"
665  fetchpriority="low"
666>
667<script
668  src="//nutiva.ca/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201780947931"
669  type="module"
670  fetchpriority="low"
671></script>
vendor: 1 bytes, line 671
671
672<script
673  src="//nutiva.ca/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511780947931"
674  type="module"
675  fetchpriority="low"
676></script>
vendor: 1 bytes, line 676
676
677<script
678  src="//nutiva.ca/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301780947931"
679  type="module"
680  fetchpriority="low"
681></script>
681
682
683  
683<script
684    src="//nutiva.ca/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021780947932"
685    type="module"
686    fetchpriority="low"
687  ></script>
687
688
689
690<script
691  src="//nutiva.ca/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021780947931"
692  type="module"
693  fetchpriority="low"
694></script>
vendor: 1 bytes, line 694
694
695<script
696  src="//nutiva.ca/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681780947931"
697  type="module"
698  fetchpriority="low"
699></script>
vendor: 1 bytes, line 699
699
700<script
701  src="//nutiva.ca/cdn/shop/t/2/assets/product-card.js?v=124402285637860180781780947931"
702  type="module"
703  fetchpriority="low"
704></script>
vendor: 1 bytes, line 704
704
705<script
706  src="//nutiva.ca/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081780947931"
707  type="module"
708  fetchpriority="low"
709></script>
vendor: 1 bytes, line 709
709
710<script
711  src="//nutiva.ca/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081780947931"
712  type="module"
713  fetchpriority="low"
714></script>
vendor: 1 bytes, line 714
714
715<script
716  src="//nutiva.ca/cdn/shop/t/2/assets/accordion-custom.js?v=97588419883090888471780947931"
717  type="module"
718  fetchpriority="low"
719></script>
vendor: 1 bytes, line 719
719
720<script
721  src="//nutiva.ca/cdn/shop/t/2/assets/media.js?v=37825095869491791421780947931"
722  type="module"
723  fetchpriority="low"
724></script>
vendor: 1 bytes, line 724
724
725<script
726  src="//nutiva.ca/cdn/shop/t/2/assets/product-price.js?v=164492227269745550161780947931"
727  type="module"
728  fetchpriority="low"
729></script>
vendor: 1 bytes, line 729
729
730<script
731  src="//nutiva.ca/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511780947931"
732  type="module"
733  fetchpriority="low"
734></script>
vendor: 1 bytes, line 734
734
735<script
736  src="//nutiva.ca/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781780947931"
737  type="module"
738  fetchpriority="low"
739></script>
vendor: 1 bytes, line 739
739
740<script
741  src="//nutiva.ca/cdn/shop/t/2/assets/product-inventory.js?v=81520546963552472391780947931"
742  type="module"
743  fetchpriority="low"
744></script>
vendor: 1 bytes, line 744
744
745<script
746  src="//nutiva.ca/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101780947931"
747  type="module"
748  fetchpriority="low"
749></script>
vendor: 1 bytes, line 749
749
750<script
751  src="//nutiva.ca/cdn/shop/t/2/assets/slideshow.js?v=93472125744431809941780947931"
752  type="module"
753  fetchpriority="low"
754></script>
vendor: 1 bytes, line 754
754
755<script
756  src="//nutiva.ca/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731780947931"
757  type="module"
758  fetchpriority="low"
759></script>
vendor: 1 bytes, line 759
759
760<script
761  src="//nutiva.ca/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461780947931"
762  type="module"
763  fetchpriority="low"
764></script>
vendor: 1 bytes, line 764
764
765<script
766  src="//nutiva.ca/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371780947931"
767  type="module"
768  fetchpriority="low"
769></script>
vendor: 1 bytes, line 769
769
770<script
771  src="//nutiva.ca/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551780947931"
772  type="module"
773  fetchpriority="low"
774></script>
vendor: 1 bytes, line 774
774
775<script
776  src="//nutiva.ca/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641780947931"
777  type="module"
778  fetchpriority="low"
779></script>
vendor: 1 bytes, line 779
779
780<script
781  src="//nutiva.ca/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161780947931"
782  type="module"
783  fetchpriority="low"
784></script>
vendor: 1 bytes, line 784
784
785<script
786  src="//nutiva.ca/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021780947931"
787  type="module"
788  fetchpriority="low"
789></script>
vendor: 1 bytes, line 789
789
790<script
791  src="//nutiva.ca/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731780947931"
792  type="module"
793  fetchpriority="low"
794></script>
vendor: 1 bytes, line 794
794
795<script
796  src="//nutiva.ca/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431780947931"
797  type="module"
798  fetchpriority="low"
799></script>
vendor: 1 bytes, line 799
799
800<script
801  src="//nutiva.ca/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661780947931"
802  type="module"
803  fetchpriority="low"
804></script>
804
805
806
807
808
809
810
811
812<script
813  src="//nutiva.ca/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581780947931"
814  defer="defer"
815></script>
815
816
817<script>
818  const Theme = {
819    translations: {
820      placeholder_image: `Placeholder image`,
821      added: `Added`,
822      recipient_form_fields_visible: `Recipient form fields are now visible`,
823      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
824      recipient_form_error: `There was an error with the form submission`,
825      items_added_to_cart_one: `1 item added to cart`,
826      items_added_to_cart_other: `{{ count }} items added to cart`,
827    },
828    routes: {
829      cart_add_url: '/cart/add.js',
830      cart_change_url: '/cart/change',
831      cart_update_url: '/cart/update',
832      cart_url: '/cart',
833      predictive_search_url: '/search/suggest',
834      search_url: '/search',
835    },
836    template: {
837      name: 'blog.articles',
838    },
839  };
840</script>
840
841<style data-shopify>
842@font-face {
843  font-family: Poppins;
844  font-weight: 400;
845  font-style: normal;
846  font-display: swap;
847  src: url("//nutiva.ca/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
848       url("//nutiva.ca/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
849}
850@font-face {
851  font-family: Poppins;
852  font-weight: 700;
853  font-style: normal;
854  font-display: swap;
855  src: url("//nutiva.ca/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
856       url("//nutiva.ca/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
857}
858@font-face {
859  font-family: Poppins;
860  font-weight: 400;
861  font-style: italic;
862  font-display: swap;
863  src: url("//nutiva.ca/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
864       url("//nutiva.ca/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
865}
866@font-face {
867  font-family: Poppins;
868  font-weight: 700;
869  font-style: italic;
870  font-display: swap;
871  src: url("//nutiva.ca/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
872       url("//nutiva.ca/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
873}
874@font-face {
875  font-family: Fraunces;
876  font-weight: 400;
877  font-style: normal;
878  font-display: swap;
879  src: url("//nutiva.ca/cdn/fonts/fraunces/fraunces_n4.8e6986daad4907c36a536fb8d55aaf5318c974ca.woff2") format("woff2"),
880       url("//nutiva.ca/cdn/fonts/fraunces/fraunces_n4.879060358fafcf2c4c4b6df76c608dc301ced93b.woff") format("woff");
881}
882@font-face {
883  font-family: Fraunces;
884  font-weight: 700;
885  font-style: normal;
886  font-display: swap;
887  src: url("//nutiva.ca/cdn/fonts/fraunces/fraunces_n7.8276f3981cfafc8569d516ceaa7dfe6a18948a1f.woff2") format("woff2"),
888       url("//nutiva.ca/cdn/fonts/fraunces/fraunces_n7.383b2f958615709ba42e3731be308ad164ca4edd.woff") format("woff");
889}
890@font-face {
891  font-family: Fraunces;
892  font-weight: 400;
893  font-style: italic;
894  font-display: swap;
895  src: url("//nutiva.ca/cdn/fonts/fraunces/fraunces_i4.e09716ed61c0a2362812f958774186e93f19000f.woff2") format("woff2"),
896       url("//nutiva.ca/cdn/fonts/fraunces/fraunces_i4.8d7d036539670404ec5904eabafe8f06e152c5c7.woff") format("woff");
897}
898@font-face {
899  font-family: Fraunces;
900  font-weight: 700;
901  font-style: italic;
902  font-display: swap;
903  src: url("//nutiva.ca/cdn/fonts/fraunces/fraunces_i7.9207dcd51152f34cd9c77a8ea542df960210c87c.woff2") format("woff2"),
904       url("//nutiva.ca/cdn/fonts/fraunces/fraunces_i7.f4bcbf289853d941810727213e68ea2e3c3eddf8.woff") format("woff");
905}
906
907
908  :root {
909    /* Page Layout */
910    --sidebar-width: 25rem;
911    --narrow-content-width: 36rem;
912    --normal-content-width: 42rem;
913    --wide-content-width: 46rem;
914    --narrow-page-width: 90rem;
915    --normal-page-width: 120rem;
916    --wide-page-width: 150rem;
917
918    /* Section Heights */
919    --section-height-small: 17rem;
920    --section-height-medium: 25rem;
921    --section-height-large: 35rem;
922
923    @media screen and (min-width: 40em) {
924      --section-height-small: 45svh;
925      --section-height-medium: 55svh;
926      --section-height-large: 70svh;
927    }
928
929    @media screen and (min-width: 60em) {
930      --section-height-small: 55svh;
931      --section-height-medium: 65svh;
932      --section-height-large: 80svh;
933    }
934
935    /* Letter spacing */
936    --letter-spacing-sm: 0.06em;
937    --letter-spacing-md: 0.13em;
938
939    /* Font families */
940    --font-body--family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
941    --font-body--style: normal;
942    --font-body--weight: 400;
943    --font-subheading--family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
944    --font-subheading--style: normal;
945    --font-subheading--weight: 400;
946    --font-heading--family: "Gazpacho", Georgia, "Times New Roman", serif;
947    --font-heading--style: normal;
948    --font-heading--weight: 900;
949    --font-accent--family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
950    --font-accent--style: normal;
951    --font-accent--weight: 400;
952
953    /* Margin sizes */
954    --font-h1--spacing: 0.25em;
955    --font-h2--spacing: 0.25em;
956    --font-h3--spacing: 0.25em;
957    --font-h4--spacing: 0.25em;
958    --font-h5--spacing: 0.25em;
959    --font-h6--spacing: 0.25em;
960    --font-paragraph--spacing: 0.5em;
961
962    /* Heading colors */
963    --font-h1--color: var(--color-foreground-heading);
964    --font-h2--color: var(--color-foreground-heading);
965    --font-h3--color: var(--color-foreground-heading);
966    --font-h4--color: var(--color-foreground-heading);
967    --font-h5--color: var(--color-foreground-heading);
968    --font-h6--color: var(--color-foreground-heading);
969
970    /** Z-Index / Layering */
971    --layer-section-background: -2;
972    --layer-lowest: -1;
973    --layer-base: 0;
974    --layer-flat: 1;
975    --layer-raised: 2;
976    --layer-heightened: 4;
977    --layer-sticky: 8;
978    --layer-window-overlay: 10;
979    --layer-header-menu: 12;
980    --layer-overlay: 16;
981    --layer-menu-drawer: 18;
982    --layer-temporary: 20;
983
984    /* Max-width / Measure */
985    --max-width--body-normal: 32.5em;
986    --max-width--body-narrow: 22.75em;
987
988    --max-width--heading-normal: 32.5em;
989    --max-width--heading-narrow: 19.5em;
990
991    --max-width--display-normal: 13em;
992    --max-width--display-narrow: 9.75em;
993    --max-width--display-tight: 3.25em;
994
995    /* Letter-spacing / Tracking */
996    --letter-spacing--display-tight: -0.03em;
997    --letter-spacing--display-normal: 0em;
998    --letter-spacing--display-loose: 0.03em;
999
1000    --letter-spacing--heading-tight: -0.03em;
1001    --letter-spacing--heading-normal: 0em;
1002    --letter-spacing--heading-loose: 0.03em;
1003
1004    --letter-spacing--body-tight: -0.03em;
1005    --letter-spacing--body-normal: 0em;
1006    --letter-spacing--body-loose: 0.03em;
1007
1008    /* Line height / Leading */
1009    --line-height: 1;
1010
1011    --line-height--display-tight: 1;
1012    --line-height--display-normal: 1.1;
1013    --line-height--display-loose: 1.2;
1014
1015    --line-height--heading-tight: 1.15;
1016    --line-height--heading-normal: 1.25;
1017    --line-height--heading-loose: 1.35;
1018
1019    --line-height--body-tight: 1.2;
1020    --line-height--body-normal: 1.4;
1021    --line-height--body-loose: 1.6;
1022
1023    /* Typography presets */
1024    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 500;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
1025
1026    /* Hardcoded font sizes */
1027    --font-size--3xs: 0.625rem;
1028    --font-size--2xs: 0.75rem;
1029    --font-size--xs: 0.8125rem;
1030    --font-size--sm: 0.875rem;
1031    --font-size--md: 1rem;
1032    --font-size--lg: 1.125rem;
1033    --font-size--xl: 1.25rem;
1034    --font-size--2xl: 1.5rem;
1035    --font-size--3xl: 2rem;
1036    --font-size--4xl: 2.5rem;
1037    --font-size--5xl: 3rem;
1038    --font-size--6xl: 3.5rem;
1039
1040    /* Menu font sizes */
1041    --menu-font-sm--size: 0.875rem;
1042    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
1043    --menu-font-md--size: 1rem;
1044    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
1045    --menu-font-lg--size: 1.125rem;
1046    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
1047    --menu-font-xl--size: 1.25rem;
1048    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
1049    --menu-font-2xl--size: 1.75rem;
1050    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
1051
1052    /* Colors */
1053    --color-error: #8B0000;
1054    --color-success: #006400;
1055    --color-white: #FFFFFF;
1056    --color-white-rgb: 255 255 255;
1057    --color-black: #000000;
1058    --color-instock: #3ED660;
1059    --color-lowstock: #EE9441;
1060    --color-outofstock: #C8C8C8;
1061
1062    /* Opacity */
1063    --opacity-5: 0.05;
1064    --opacity-8: 0.08;
1065    --opacity-10: 0.1;
1066    --opacity-15: 0.15;
1067    --opacity-20: 0.2;
1068    --opacity-25: 0.25;
1069    --opacity-30: 0.3;
1070    --opacity-40: 0.4;
1071    --opacity-50: 0.5;
1072    --opacity-60: 0.6;
1073    --opacity-70: 0.7;
1074    --opacity-80: 0.8;
1075    --opacity-85: 0.85;
1076    --opacity-90: 0.9;
1077    --opacity-subdued-text: var(--opacity-70);
1078
1079    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
1080    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
1081
1082    /* Spacing */
1083    --margin-3xs: 0.125rem;
1084    --margin-2xs: 0.3rem;
1085    --margin-xs: 0.5rem;
1086    --margin-sm: 0.7rem;
1087    --margin-md: 0.8rem;
1088    --margin-lg: 1rem;
1089    --margin-xl: 1.25rem;
1090    --margin-2xl: 1.5rem;
1091    --margin-3xl: 1.75rem;
1092    --margin-4xl: 2rem;
1093    --margin-5xl: 3rem;
1094    --margin-6xl: 5rem;
1095
1096    --scroll-margin: 50px;
1097
1098    --padding-3xs: 0.125rem;
1099    --padding-2xs: 0.25rem;
1100    --padding-xs: 0.5rem;
1101    --padding-sm: 0.7rem;
1102    --padding-md: 0.8rem;
1103    --padding-lg: 1rem;
1104    --padding-xl: 1.25rem;
1105    --padding-2xl: 1.5rem;
1106    --padding-3xl: 1.75rem;
1107    --padding-4xl: 2rem;
1108    --padding-5xl: 3rem;
1109    --padding-6xl: 4rem;
1110
1111    --gap-3xs: 0.125rem;
1112    --gap-2xs: 0.3rem;
1113    --gap-xs: 0.5rem;
1114    --gap-sm: 0.7rem;
1115    --gap-md: 0.9rem;
1116    --gap-lg: 1rem;
1117    --gap-xl: 1.25rem;
1118    --gap-2xl: 2rem;
1119    --gap-3xl: 3rem;
1120
1121    --spacing-scale-sm: 0.6;
1122    --spacing-scale-md: 0.7;
1123    --spacing-scale-default: 1.0;
1124
1125    /* Checkout buttons gap */
1126    --checkout-button-gap: 10px;
1127
1128    /* Borders */
1129    --style-border-width: 1px;
1130    --style-border-radius-xs: 0.2rem;
1131    --style-border-radius-sm: 0.6rem;
1132    --style-border-radius-md: 0.8rem;
1133    --style-border-radius-50: 50%;
1134    --style-border-radius-lg: 1rem;
1135    --style-border-radius-pills: 40px;
1136    --style-border-radius-inputs: 4px;
1137    --style-border-radius-buttons-primary: 100px;
1138    --style-border-radius-buttons-secondary: 100px;
1139    --style-border-width-primary: 2px;
1140    --style-border-width-secondary: 2px;
1141    --style-border-width-inputs: 1px;
1142    --style-border-radius-popover: 14px;
1143    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
1144    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
1145    --style-border-swatch-opacity: 10%;
1146    --style-border-swatch-width: 1px;
1147    --style-border-swatch-style: solid;
1148
1149    /* Animation */
1150    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
1151    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
1152    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
1153    --animation-speed-fast: 0.0625s;
1154    --animation-speed: 0.125s;
1155    --animation-speed-slow: 0.2s;
1156    --animation-speed-medium: 0.15s;
1157    --animation-easing: ease-in-out;
1158    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
1159    --drawer-animation-speed: 0.2s;
1160    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
1161    --animation-values: var(--animation-speed) var(--animation-easing);
1162    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
1163    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
1164    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
1165    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
1166    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
1167    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
1168    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
1169    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
1170    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
1171    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
1172    --spring-d300-b0-duration: 0.4980s;
1173    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
1174    --spring-d280-b0-duration: 0.4648s;
1175    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
1176    --spring-d260-b0-duration: 0.4316s;
1177    --spring-d220-b0-easing: linear(
1178      0,
1179      0.0093 1.37%,
1180      0.0696 4.12%,
1181      0.4667 15.09%,
1182      0.6322 20.58%,
1183      0.6986 23.32%,
1184      0.7793 27.44%,
1185      0.8219 30.18%,
1186      0.8721,
1187      0.9089 38.42%,
1188      0.9427,
1189      0.9644,
1190      0.978 54.88%,
1191      0.9881 61.74%,
1192      0.9944 69.97%,
1193      0.998 80.95%,
1194      0.9996 98.78%
1195    );
1196    --spring-d220-b0-duration: 0.3818s;
1197    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
1198    --spring-d180-b0-duration: 0.2988s;
1199
1200    /* View transitions */
1201    /* View transition old */
1202    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
1203
1204    /* View transition new */
1205    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
1206
1207    /* Focus */
1208    --focus-outline-width: 0.09375rem;
1209    --focus-outline-offset: 0.2em;
1210
1211    /* Badges */
1212    --badge-blob-padding-block: 1px;
1213    --badge-blob-padding-inline: 12px 8px;
1214    --badge-rectangle-padding-block: 1px;
1215    --badge-rectangle-padding-inline: 6px;
1216    @media screen and (min-width: 750px) {
1217      --badge-blob-padding-block: 4px;
1218      --badge-blob-padding-inline: 16px 12px;
1219      --badge-rectangle-padding-block: 4px;
1220      --badge-rectangle-padding-inline: 10px;
1221    }
1222
1223    /* Icons */
1224    --icon-size-2xs: 0.6rem;
1225    --icon-size-xs: 0.85rem;
1226    --icon-size-sm: 1.25rem;
1227    --icon-size-md: 2rem;
1228    --icon-size-lg: 3rem;
1229    --icon-stroke-width: 1.5px;
1230
1231    /* Input */
1232    --input-email-min-width: 200px;
1233    --input-search-max-width: 650px;
1234    --input-padding-y: 0.8rem;
1235    --input-padding-x: 0.8rem;
1236    --input-padding: var(--input-padding-y) var(--input-padding-x);
1237    --input-box-shadow-width: var(--style-border-width-inputs);
1238    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
1239    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
1240    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1241    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
1242    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1243    --input-textarea-min-height: 55px;
1244
1245    /* Checkbox */
1246    --checkbox-size: 22px;
1247    --checkbox-border-radius: 7px;
1248    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
1249    --checkbox-label-padding: 8px;
1250
1251    @media screen and (min-width: 750px) {
1252      --checkbox-size: 16px;
1253      --checkbox-border-radius: 5px;
1254      --checkbox-label-padding: 6px;
1255    }
1256
1257    /* Button size */
1258    --button-size-sm: 30px;
1259    --button-size-md: 36px;
1260    --button-size: var(--minimum-touch-target);
1261    --button-padding-inline: 24px;
1262    --button-padding-block: 16px;
1263
1264    /* Button font-family */
1265    --button-font-family-primary: var(--font-body--family);
1266    --button-font-family-secondary: var(--font-body--family);
1267
1268    /* Button text case */
1269    --button-text-case: ;
1270    --button-text-case-primary: default;
1271    --button-text-case-secondary: default;
1272
1273    /* Borders */
1274    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
1275    --border-width-sm: 1px;
1276    --border-width-md: 2px;
1277    --border-width-lg: 5px;
1278    --border-radius-sm: 0.25rem;
1279
1280    /* Drawers */
1281    --drawer-inline-padding: 25px;
1282    --drawer-menu-inline-padding: 2.5rem;
1283    --drawer-header-block-padding: 20px;
1284    --drawer-content-block-padding: 10px;
1285    --drawer-header-desktop-top: 0rem;
1286    --drawer-padding: calc(var(--padding-sm) + 7px);
1287    --drawer-height: 100dvh;
1288    --drawer-width: 95vw;
1289    --drawer-max-width: 500px;
1290
1291    /* Variant Picker Swatches */
1292    --variant-picker-swatch-width-unitless: 34;
1293    --variant-picker-swatch-height-unitless: 34;
1294    --variant-picker-swatch-width: 34px;
1295    --variant-picker-swatch-height: 34px;
1296    --variant-picker-swatch-radius: 32px;
1297    --variant-picker-border-width: 1px;
1298    --variant-picker-border-style: solid;
1299    --variant-picker-border-opacity: 10%;
1300
1301    /* Variant Picker Buttons */
1302    --variant-picker-button-radius: 14px;
1303    --variant-picker-button-border-width: 1px;
1304
1305    /* Slideshow */
1306    --slideshow-controls-size: 3.5rem;
1307    --slideshow-controls-icon: 2rem;
1308    --peek-next-slide-size: 3rem;
1309
1310    /* Utilities */
1311    --backdrop-opacity: 0.15;
1312    --backdrop-color-rgb: var(--color-shadow-rgb);
1313    --minimum-touch-target: 44px;
1314    --disabled-opacity: 0.5;
1315    --skeleton-opacity: 0.025;
1316
1317    /* Shapes */
1318    --shape--circle: circle(50% at center);
1319    --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%);
1320    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
1321    --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
1321% 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%);
1322
1323    /* Buy buttons */
1324    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
1325
1326    /* Card image width and height variables */
1327    --card-width-small: 10rem;
1328
1329    --height-small: 10rem;
1330    --height-medium: 11.5rem;
1331    --height-large: 13rem;
1332    --height-full: 100vh;
1333
1334    @media screen and (min-width: 750px) {
1335      --height-small: 17.5rem;
1336      --height-medium: 21.25rem;
1337      --height-large: 25rem;
1338    }
1339
1340    /* Modal */
1341    --modal-max-height: 65dvh;
1342    --quick-add-modal-height: min(38.5rem, 96vh);
1343    --quick-add-modal-width: min(54rem, 96vw);
1344    --quick-add-modal-gallery-width: 24rem;
1345
1346    /* Card styles for search */
1347    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
1348    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
1349    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1350
1351    /* Cart */
1352    --cart-primary-font-family: var(--font-body--family);
1353    --cart-primary-font-style: var(--font-body--style);
1354    --cart-primary-font-weight: var(--font-body--weight);
1355    --cart-secondary-font-family: var(--font-secondary--family);
1356    --cart-secondary-font-style: var(--font-secondary--style);
1357    --cart-secondary-font-weight: var(--font-secondary--weight);
1358
1359    /* Global font family lock */
1360    --font-paragraph--family: var(--font-body--family);
1361    --font-h1--family: var(--font-heading--family);
1362    --font-h2--family: var(--font-heading--family);
1363    --font-h3--family: var(--font-heading--family);
1364    --font-h4--family: var(--font-heading--family);
1365    --font-h5--family: var(--font-heading--family);
1366    --font-h6--family: var(--font-heading--family);
1367    --font-h1--weight: var(--font-heading--weight);
1368    --font-h2--weight: var(--font-heading--weight);
1369    --font-h3--weight: var(--font-heading--weight);
1370    --font-h4--weight: var(--font-heading--weight);
1371    --font-h5--weight: var(--font-heading--weight);
1372    --font-h6--weight: var(--font-heading--weight);
1373    --button-font-family-primary: var(--font-body--family);
1374    --button-font-family-secondary: var(--font-body--family);
1375    --cart-secondary-font-family: var(--font-body--family);
1376    --cart-secondary-font-style: var(--font-body--style);
1377    --cart-secondary-font-weight: var(--font-body--weight);
1378  }
1379</style>
1380<style data-shopify>
1381  
1382    
1383      :root,
1384    
1385    
1386    
1387    .color-scheme-1 {
1388        --color-background: rgb(255 255 255 / 1.0);
1389        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1390        --color-background-rgb: 255 255 255;
1391        --opacity-5-15: 0.05;
1392        --opacity-10-25: 0.1;
1393        --opacity-35-55: 0.35;
1394        --opacity-40-60: 0.4;
1395        --opacity-30-60: 0.3;
1396        --color-foreground: rgb(0 65 57 / 1.0);
1397        --color-foreground-rgb: 0 65 57;
1398        --color-foreground-heading: rgb(0 65 57 / 1.0);
1399        --color-foreground-heading-rgb: 0 65 57;
1400        --color-primary: rgb(0 0 0 / 0.81);
1401        --color-primary-rgb: 0 0 0;
1402        --color-primary-hover: rgb(0 0 0 / 1.0);
1403        --color-primary-hover-rgb: 0 0 0;
1404        --color-border: rgb(0 0 0 / 0.06);
1405        --color-border-rgb: 0 0 0;
1406        --color-shadow: rgb(0 0 0 / 1.0);
1407        --color-shadow-rgb: 0 0 0;
1408        --color-primary-button-text: rgb(255 255 255 / 1.0);
1409        --color-primary-button-background: rgb(0 65 57 / 1.0);
1410        --color-primary-button-border: rgb(0 65 57 / 1.0);
1411        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
1412        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
1413        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
1414        --color-secondary-button-text: rgb(0 65 57 / 1.0);
1415        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1416        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1417        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1418        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1419        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1420        --color-input-background: rgb(255 255 255 / 0.78);
1421        --color-input-text: rgb(51 51 51 / 1.0);
1422        --color-input-text-rgb: 51 51 51;
1423        --color-input-border: rgb(223 223 223 / 1.0);
1424        --color-input-hover-background: rgb(0 0 0 / 0.01);
1425        --color-variant-background: rgb(255 255 255 / 1.0);
1426        --color-variant-border: rgb(0 0 0 / 0.13);
1427        --color-variant-text: rgb(0 65 57 / 1.0);
1428        --color-variant-text-rgb: 0 65 57;
1429        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1430        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1431        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1432        --color-selected-variant-background: rgb(255 255 255 / 1.0);
1433        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1434        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1435        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1436        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1437        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1438
1439        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1440        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1441        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1442        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1443        --font-h1--color: var(--color-foreground-heading);
1444        --font-h2--color: var(--color-foreground-heading);
1445        --font-h3--color: var(--color-foreground-heading);
1446        --font-h4--color: var(--color-foreground-heading);
1447        --font-h5--color: var(--color-foreground-heading);
1448        --font-h6--color: var(--color-foreground-heading);
1449
1450        /* Shadows */
1451        
1452          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1453        
1454        
1455          --shadow-blur: 20px;
1456          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1457        
1458      }
1459  
1460    
1461    
1462    
1463    .color-scheme-2 {
1464        --color-background: rgb(254 248 235 / 1.0);
1465        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1466        --color-background-rgb: 254 248 235;
1467        --opacity-5-15: 0.05;
1468        --opacity-10-25: 0.1;
1469        --opacity-35-55: 0.35;
1470        --opacity-40-60: 0.4;
1471        --opacity-30-60: 0.3;
1472        --color-foreground: rgb(0 65 57 / 1.0);
1473        --color-foreground-rgb: 0 65 57;
1474        --color-foreground-heading: rgb(0 65 57 / 1.0);
1475        --color-foreground-heading-rgb: 0 65 57;
1476        --color-primary: rgb(0 65 57 / 1.0);
1477        --color-primary-rgb: 0 65 57;
1478        --color-primary-hover: rgb(0 0 0 / 1.0);
1479        --color-primary-hover-rgb: 0 0 0;
1480        --color-border: rgb(223 223 223 / 1.0);
1481        --color-border-rgb: 223 223 223;
1482        --color-shadow: rgb(0 0 0 / 1.0);
1483        --color-shadow-rgb: 0 0 0;
1484        --color-primary-button-text: rgb(255 255 255 / 1.0);
1485        --color-primary-button-background: rgb(0 65 57 / 1.0);
1486        --color-primary-button-border: rgb(0 65 57 / 1.0);
1487        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
1488        --color-primary-button-hover-background: rgb(254 248 235 / 1.0);
1489        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
1490        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1491        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1492        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1493        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1494        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1495        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1496        --color-input-background: rgb(0 0 0 / 0.0);
1497        --color-input-text: rgb(0 0 0 / 0.53);
1498        --color-input-text-rgb: 0 0 0;
1499        --color-input-border: rgb(0 0 0 / 0.13);
1500        --color-input-hover-background: rgb(255 255 255 / 0.36);
1501        --color-variant-background: rgb(255 255 255 / 1.0);
1502        --color-variant-border: rgb(230 230 230 / 1.0);
1503        --color-variant-text: rgb(0 0 0 / 1.0);
1504        --color-variant-text-rgb: 0 0 0;
1505        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1506        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1507        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1508        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1509        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1510        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1511        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1512        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1513        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1514
1515        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1516        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1517        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1518        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1519        --font-h1--color: var(--color-foreground-heading);
1520        --font-h2--color: var(--color-foreground-heading);
1521        --font-h3--color: var(--color-foreground-heading);
1522        --font-h4--color: var(--color-foreground-heading);
1523        --font-h5--color: var(--color-foreground-heading);
1524        --font-h6--color: var(--color-foreground-heading);
1525
1526        /* Shadows */
1527        
1528          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1529        
1530        
1531          --shadow-blur: 20px;
1532          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1533        
1534      }
1535  
1536    
1537    
1538    
1539    .color-scheme-3 {
1540        --color-background: rgb(221 240 238 / 1.0);
1541        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1542        --color-background-rgb: 221 240 238;
1543        --opacity-5-15: 0.05;
1544        --opacity-10-25: 0.1;
1545        --opacity-35-55: 0.35;
1546        --opacity-40-60: 0.4;
1547        --opacity-30-60: 0.3;
1548        --color-foreground: rgb(0 65 57 / 1.0);
1549        --color-foreground-rgb: 0 65 57;
1550        --color-foreground-heading: rgb(0 65 57 / 1.0);
1551        --color-foreground-heading-rgb: 0 65 57;
1552        --color-primary: rgb(0 65 57 / 1.0);
1553        --color-primary-rgb: 0 65 57;
1554        --color-primary-hover: rgb(0 0 0 / 1.0);
1555        --color-primary-hover-rgb: 0 0 0;
1556        --color-border: rgb(0 0 0 / 0.81);
1557        --color-border-rgb: 0 0 0;
1558        --color-shadow: rgb(0 0 0 / 1.0);
1559        --color-shadow-rgb: 0 0 0;
1560        --color-primary-button-text: rgb(255 255 255 / 1.0);
1561        --color-primary-button-background: rgb(0 65 57 / 1.0);
1562        --color-primary-button-border: rgb(0 65 57 / 1.0);
1563        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
1564        --color-primary-button-hover-background: rgb(0 0 0 / 0.06);
1565        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
1566        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1567        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1568        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1569        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1570        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1571        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1572        --color-input-background: rgb(0 0 0 / 0.0);
1573        --color-input-text: rgb(0 0 0 / 0.81);
1574        --color-input-text-rgb: 0 0 0;
1575        --color-input-border: rgb(0 0 0 / 0.81);
1576        --color-input-hover-background: rgb(255 255 255 / 0.36);
1577        --color-variant-background: rgb(255 255 255 / 1.0);
1578        --color-variant-border: rgb(230 230 230 / 1.0);
1579        --color-variant-text: rgb(0 0 0 / 1.0);
1580        --color-variant-text-rgb: 0 0 0;
1581        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1582        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1583        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1584        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1585        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1586        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1587        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1588        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1589        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1590
1591        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1592        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1593        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1594        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1595        --font-h1--color: var(--color-foreground-heading);
1596        --font-h2--color: var(--color-foreground-heading);
1597        --font-h3--color: var(--color-foreground-heading);
1598        --font-h4--color: var(--color-foreground-heading);
1599        --font-h5--color: var(--color-foreground-heading);
1600        --font-h6--color: var(--color-foreground-heading);
1601
1602        /* Shadows */
1603        
1604          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1605        
1606        
1607          --shadow-blur: 20px;
1608          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1609        
1610      }
1611  
1612    
1613    
1614    
1615    .color-scheme-4 {
1616        --color-background: rgb(225 237 245 / 1.0);
1617        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1618        --color-background-rgb: 225 237 245;
1619        --opacity-5-15: 0.05;
1620        --opacity-10-25: 0.1;
1621        --opacity-35-55: 0.35;
1622        --opacity-40-60: 0.4;
1623        --opacity-30-60: 0.3;
1624        --color-foreground: rgb(0 0 0 / 0.81);
1625        --color-foreground-rgb: 0 0 0;
1626        --color-foreground-heading: rgb(0 0 0 / 1.0);
1627        --color-foreground-heading-rgb: 0 0 0;
1628        --color-primary: rgb(0 0 0 / 0.81);
1629        --color-primary-rgb: 0 0 0;
1630        --color-primary-hover: rgb(0 0 0 / 1.0);
1631        --color-primary-hover-rgb: 0 0 0;
1632        --color-border: rgb(29 54 134 / 0.5);
1633        --color-border-rgb: 29 54 134;
1634        --color-shadow: rgb(0 0 0 / 1.0);
1635        --color-shadow-rgb: 0 0 0;
1636        --color-primary-button-text: rgb(255 255 255 / 1.0);
1637        --color-primary-button-background: rgb(0 0 0 / 1.0);
1638        --color-primary-button-border: rgb(29 54 134 / 1.0);
1639        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1640        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1641        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1642        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1643        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1644        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1645        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1646        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1647        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1648        --color-input-background: rgb(0 0 0 / 0.0);
1649        --color-input-text: rgb(0 0 0 / 0.81);
1650        --color-input-text-rgb: 0 0 0;
1651        --color-input-border: rgb(0 0 0 / 0.81);
1652        --color-input-hover-background: rgb(255 255 255 / 0.36);
1653        --color-variant-background: rgb(255 255 255 / 1.0);
1654        --color-variant-border: rgb(230 230 230 / 1.0);
1655        --color-variant-text: rgb(0 0 0 / 1.0);
1656        --color-variant-text-rgb: 0 0 0;
1657        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1658        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1659        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1660        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1661        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1662        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1663        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1664        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1665        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1666
1667        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1668        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1669        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1670        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1671        --font-h1--color: var(--color-foreground-heading);
1672        --font-h2--color: var(--color-foreground-heading);
1673        --font-h3--color: var(--color-foreground-heading);
1674        --font-h4--color: var(--color-foreground-heading);
1675        --font-h5--color: var(--color-foreground-heading);
1676        --font-h6--color: var(--color-foreground-heading);
1677
1678        /* Shadows */
1679        
1680          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1681        
1682        
1683          --shadow-blur: 20px;
1684          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1685        
1686      }
1687  
1688    
1689    
1690    
1691    .color-scheme-5 {
1692        --color-background: rgb(0 50 44 / 1.0);
1693        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1694        --color-background-rgb: 0 50 44;
1695        --opacity-5-15: 0.15;
1696        --opacity-10-25: 0.25;
1697        --opacity-35-55: 0.55;
1698        --opacity-40-60: 0.6;
1699        --opacity-30-60: 0.6;
1700        --color-foreground: rgb(255 255 255 / 1.0);
1701        --color-foreground-rgb: 255 255 255;
1702        --color-foreground-heading: rgb(255 255 255 / 1.0);
1703        --color-foreground-heading-rgb: 255 255 255;
1704        --color-primary: rgb(255 255 255 / 1.0);
1705        --color-primary-rgb: 255 255 255;
1706        --color-primary-hover: rgb(255 255 255 / 0.69);
1707        --color-primary-hover-rgb: 255 255 255;
1708        --color-border: rgb(255 255 255 / 1.0);
1709        --color-border-rgb: 255 255 255;
1710        --color-shadow: rgb(0 0 0 / 1.0);
1711        --color-shadow-rgb: 0 0 0;
1712        --color-primary-button-text: rgb(0 50 44 / 1.0);
1713        --color-primary-button-background: rgb(255 255 255 / 1.0);
1714        --color-primary-button-border: rgb(255 255 255 / 1.0);
1715        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1716        --color-primary-button-hover-background: rgb(0 50 44 / 1.0);
1717        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1718        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1719        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1720        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1721        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1722        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1723        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1724        --color-input-background: rgb(0 50 44 / 1.0);
1725        --color-input-text: rgb(255 255 255 / 0.93);
1726        --color-input-text-rgb: 255 255 255;
1727        --color-input-border: rgb(255 255 255 / 0.69);
1728        --color-input-hover-background: rgb(255 255 255 / 0.04);
1729        --color-variant-background: rgb(255 255 255 / 1.0);
1730        --color-variant-border: rgb(230 230 230 / 1.0);
1731        --color-variant-text: rgb(0 0 0 / 1.0);
1732        --color-variant-text-rgb: 0 0 0;
1733        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1734        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1735        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1736        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1737        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1738        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1739        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1740        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1741        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1742
1743        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1744        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1745        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1746        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1747        --font-h1--color: var(--color-foreground-heading);
1748        --font-h2--color: var(--color-foreground-heading);
1749        --font-h3--color: var(--color-foreground-heading);
1750        --font-h4--color: var(--color-foreground-heading);
1751        --font-h5--color: var(--color-foreground-heading);
1752        --font-h6--color: var(--color-foreground-heading);
1753
1754        /* Shadows */
1755        
1756          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1757        
1758        
1759          --shadow-blur: 20px;
1760          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1761        
1762      }
1763  
1764    
1765    
1766    
1767    .color-scheme-6 {
1768        --color-background: rgb(116 0 0 / 1.0);
1769        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1770        --color-background-rgb: 116 0 0;
1771        --opacity-5-15: 0.15;
1772        --opacity-10-25: 0.25;
1773        --opacity-35-55: 0.55;
1774        --opacity-40-60: 0.6;
1775        --opacity-30-60: 0.6;
1776        --color-foreground: rgb(255 255 255 / 1.0);
1777        --color-foreground-rgb: 255 255 255;
1778        --color-foreground-heading: rgb(255 255 255 / 1.0);
1779        --color-foreground-heading-rgb: 255 255 255;
1780        --color-primary: rgb(255 255 255 / 1.0);
1781        --color-primary-rgb: 255 255 255;
1782        --color-primary-hover: rgb(255 255 255 / 0.69);
1783        --color-primary-hover-rgb: 255 255 255;
1784        --color-border: rgb(230 230 230 / 1.0);
1785        --color-border-rgb: 230 230 230;
1786        --color-shadow: rgb(0 0 0 / 1.0);
1787        --color-shadow-rgb: 0 0 0;
1788        --color-primary-button-text: rgb(0 0 0 / 1.0);
1789        --color-primary-button-background: rgb(255 255 255 / 1.0);
1790        --color-primary-button-border: rgb(255 255 255 / 1.0);
1791        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1792        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1793        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1794        --color-secondary-button-text: rgb(25
17945 255 255 / 1.0);
1795        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1796        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1797        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1798        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1799        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1800        --color-input-background: rgb(255 255 255 / 1.0);
1801        --color-input-text: rgb(0 0 0 / 0.53);
1802        --color-input-text-rgb: 0 0 0;
1803        --color-input-border: rgb(0 0 0 / 0.13);
1804        --color-input-hover-background: rgb(250 250 250 / 1.0);
1805        --color-variant-background: rgb(255 255 255 / 1.0);
1806        --color-variant-border: rgb(230 230 230 / 1.0);
1807        --color-variant-text: rgb(0 0 0 / 1.0);
1808        --color-variant-text-rgb: 0 0 0;
1809        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1810        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1811        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1812        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1813        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1814        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1815        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1816        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1817        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1818
1819        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1820        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1821        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1822        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1823        --font-h1--color: var(--color-foreground-heading);
1824        --font-h2--color: var(--color-foreground-heading);
1825        --font-h3--color: var(--color-foreground-heading);
1826        --font-h4--color: var(--color-foreground-heading);
1827        --font-h5--color: var(--color-foreground-heading);
1828        --font-h6--color: var(--color-foreground-heading);
1829
1830        /* Shadows */
1831        
1832          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1833        
1834        
1835          --shadow-blur: 20px;
1836          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1837        
1838      }
1839  
1840    
1841    
1842    
1843    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1844        --color-background: rgb(221 240 238 / 1.0);
1845        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1846        --color-background-rgb: 221 240 238;
1847        --opacity-5-15: 0.05;
1848        --opacity-10-25: 0.1;
1849        --opacity-35-55: 0.35;
1850        --opacity-40-60: 0.4;
1851        --opacity-30-60: 0.3;
1852        --color-foreground: rgb(0 65 57 / 1.0);
1853        --color-foreground-rgb: 0 65 57;
1854        --color-foreground-heading: rgb(0 65 57 / 1.0);
1855        --color-foreground-heading-rgb: 0 65 57;
1856        --color-primary: rgb(0 65 57 / 1.0);
1857        --color-primary-rgb: 0 65 57;
1858        --color-primary-hover: rgb(0 0 0 / 1.0);
1859        --color-primary-hover-rgb: 0 0 0;
1860        --color-border: rgb(0 65 57 / 1.0);
1861        --color-border-rgb: 0 65 57;
1862        --color-shadow: rgb(0 0 0 / 1.0);
1863        --color-shadow-rgb: 0 0 0;
1864        --color-primary-button-text: rgb(255 255 255 / 1.0);
1865        --color-primary-button-background: rgb(0 65 57 / 1.0);
1866        --color-primary-button-border: rgb(0 65 57 / 1.0);
1867        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1868        --color-primary-button-hover-background: rgb(221 240 238 / 1.0);
1869        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
1870        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1871        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1872        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1873        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1874        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1875        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1876        --color-input-background: rgb(255 255 255 / 1.0);
1877        --color-input-text: rgb(0 0 0 / 0.53);
1878        --color-input-text-rgb: 0 0 0;
1879        --color-input-border: rgb(0 0 0 / 0.13);
1880        --color-input-hover-background: rgb(250 250 250 / 1.0);
1881        --color-variant-background: rgb(255 255 255 / 1.0);
1882        --color-variant-border: rgb(230 230 230 / 1.0);
1883        --color-variant-text: rgb(0 0 0 / 1.0);
1884        --color-variant-text-rgb: 0 0 0;
1885        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1886        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1887        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1888        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1889        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1890        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1891        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1892        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1893        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1894
1895        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1896        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1897        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1898        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1899        --font-h1--color: var(--color-foreground-heading);
1900        --font-h2--color: var(--color-foreground-heading);
1901        --font-h3--color: var(--color-foreground-heading);
1902        --font-h4--color: var(--color-foreground-heading);
1903        --font-h5--color: var(--color-foreground-heading);
1904        --font-h6--color: var(--color-foreground-heading);
1905
1906        /* Shadows */
1907        
1908          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1909        
1910        
1911          --shadow-blur: 20px;
1912          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1913        
1914      }
1915  
1916    
1917    
1918    
1919    .color-scheme-c0638cc2-5f50-48e6-b11f-96a9229f6a7b {
1920        --color-background: rgb(0 50 44 / 1.0);
1921        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1922        --color-background-rgb: 0 50 44;
1923        --opacity-5-15: 0.15;
1924        --opacity-10-25: 0.25;
1925        --opacity-35-55: 0.55;
1926        --opacity-40-60: 0.6;
1927        --opacity-30-60: 0.6;
1928        --color-foreground: rgb(255 255 255 / 1.0);
1929        --color-foreground-rgb: 255 255 255;
1930        --color-foreground-heading: rgb(255 255 255 / 1.0);
1931        --color-foreground-heading-rgb: 255 255 255;
1932        --color-primary: rgb(255 255 255 / 1.0);
1933        --color-primary-rgb: 255 255 255;
1934        --color-primary-hover: rgb(255 255 255 / 1.0);
1935        --color-primary-hover-rgb: 255 255 255;
1936        --color-border: rgb(255 255 255 / 1.0);
1937        --color-border-rgb: 255 255 255;
1938        --color-shadow: rgb(0 0 0 / 1.0);
1939        --color-shadow-rgb: 0 0 0;
1940        --color-primary-button-text: rgb(255 255 255 / 1.0);
1941        --color-primary-button-background: rgb(0 65 57 / 1.0);
1942        --color-primary-button-border: rgb(0 65 57 / 1.0);
1943        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
1944        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
1945        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
1946        --color-secondary-button-text: rgb(0 65 57 / 1.0);
1947        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1948        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1949        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1950        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1951        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1952        --color-input-background: rgb(255 255 255 / 0.78);
1953        --color-input-text: rgb(51 51 51 / 1.0);
1954        --color-input-text-rgb: 51 51 51;
1955        --color-input-border: rgb(223 223 223 / 1.0);
1956        --color-input-hover-background: rgb(0 0 0 / 0.01);
1957        --color-variant-background: rgb(255 255 255 / 1.0);
1958        --color-variant-border: rgb(0 0 0 / 0.13);
1959        --color-variant-text: rgb(0 0 0 / 1.0);
1960        --color-variant-text-rgb: 0 0 0;
1961        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1962        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1963        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1964        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1965        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1966        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1967        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1968        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1969        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1970
1971        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1972        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1973        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1974        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1975        --font-h1--color: var(--color-foreground-heading);
1976        --font-h2--color: var(--color-foreground-heading);
1977        --font-h3--color: var(--color-foreground-heading);
1978        --font-h4--color: var(--color-foreground-heading);
1979        --font-h5--color: var(--color-foreground-heading);
1980        --font-h6--color: var(--color-foreground-heading);
1981
1982        /* Shadows */
1983        
1984          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1985        
1986        
1987          --shadow-blur: 20px;
1988          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1989        
1990      }
1991  
1992    
1993    
1994    
1995    .color-scheme-0b1e364d-5956-43ba-a27f-aa49ebc054dc {
1996        --color-background: rgb(221 240 238 / 1.0);
1997        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1998        --color-background-rgb: 221 240 238;
1999        --opacity-5-15: 0.05;
2000        --opacity-10-25: 0.1;
2001        --opacity-35-55: 0.35;
2002        --opacity-40-60: 0.4;
2003        --opacity-30-60: 0.3;
2004        --color-foreground: rgb(0 65 57 / 1.0);
2005        --color-foreground-rgb: 0 65 57;
2006        --color-foreground-heading: rgb(0 65 57 / 1.0);
2007        --color-foreground-heading-rgb: 0 65 57;
2008        --color-primary: rgb(0 65 57 / 1.0);
2009        --color-primary-rgb: 0 65 57;
2010        --color-primary-hover: rgb(0 0 0 / 1.0);
2011        --color-primary-hover-rgb: 0 0 0;
2012        --color-border: rgb(0 65 57 / 1.0);
2013        --color-border-rgb: 0 65 57;
2014        --color-shadow: rgb(0 65 57 / 1.0);
2015        --color-shadow-rgb: 0 65 57;
2016        --color-primary-button-text: rgb(255 255 255 / 1.0);
2017        --color-primary-button-background: rgb(0 65 57 / 1.0);
2018        --color-primary-button-border: rgb(0 65 57 / 1.0);
2019        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
2020        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2021        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
2022        --color-secondary-button-text: rgb(0 65 57 / 1.0);
2023        --color-secondary-button-background: rgb(0 0 0 / 0.0);
2024        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2025        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
2026        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
2027        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
2028        --color-input-background: rgb(255 255 255 / 0.78);
2029        --color-input-text: rgb(51 51 51 / 1.0);
2030        --color-input-text-rgb: 51 51 51;
2031        --color-input-border: rgb(223 223 223 / 1.0);
2032        --color-input-hover-background: rgb(0 0 0 / 0.01);
2033        --color-variant-background: rgb(255 255 255 / 1.0);
2034        --color-variant-border: rgb(0 0 0 / 0.13);
2035        --color-variant-text: rgb(0 0 0 / 1.0);
2036        --color-variant-text-rgb: 0 0 0;
2037        --color-variant-hover-background: rgb(245 245 245 / 1.0);
2038        --color-variant-hover-text: rgb(0 0 0 / 1.0);
2039        --color-variant-hover-border: rgb(230 230 230 / 1.0);
2040        --color-selected-variant-background: rgb(0 0 0 / 1.0);
2041        --color-selected-variant-border: rgb(0 0 0 / 1.0);
2042        --color-selected-variant-text: rgb(255 255 255 / 1.0);
2043        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
2044        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
2045        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
2046
2047        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2048        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2049        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2050        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2051        --font-h1--color: var(--color-foreground-heading);
2052        --font-h2--color: var(--color-foreground-heading);
2053        --font-h3--color: var(--color-foreground-heading);
2054        --font-h4--color: var(--color-foreground-heading);
2055        --font-h5--color: var(--color-foreground-heading);
2056        --font-h6--color: var(--color-foreground-heading);
2057
2058        /* Shadows */
2059        
2060          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2061        
2062        
2063          --shadow-blur: 20px;
2064          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2065        
2066      }
2067  
2068    
2069    
2070    
2071    .color-scheme-ebfd80fe-2812-45df-a9e5-2b8811aed2ef {
2072        --color-background: rgb(221 240 238 / 1.0);
2073        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
2074        --color-background-rgb: 221 240 238;
2075        --opacity-5-15: 0.05;
2076        --opacity-10-25: 0.1;
2077        --opacity-35-55: 0.35;
2078        --opacity-40-60: 0.4;
2079        --opacity-30-60: 0.3;
2080        --color-foreground: rgb(0 65 57 / 1.0);
2081        --color-foreground-rgb: 0 65 57;
2082        --color-foreground-heading: rgb(0 65 57 / 1.0);
2083        --color-foreground-heading-rgb: 0 65 57;
2084        --color-primary: rgb(0 65 57 / 1.0);
2085        --color-primary-rgb: 0 65 57;
2086        --color-primary-hover: rgb(0 0 0 / 1.0);
2087        --color-primary-hover-rgb: 0 0 0;
2088        --color-border: rgb(0 0 0 / 0.06);
2089        --color-border-rgb: 0 0 0;
2090        --color-shadow: rgb(0 0 0 / 1.0);
2091        --color-shadow-rgb: 0 0 0;
2092        --color-primary-button-text: rgb(255 255 255 / 1.0);
2093        --color-primary-button-background: rgb(0 65 57 / 1.0);
2094        --color-primary-button-border: rgb(0 65 57 / 1.0);
2095        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
2096        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2097        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
2098        --color-secondary-button-text: rgb(0 65 57 / 1.0);
2099        --color-secondary-button-background: rgb(0 0 0 / 0.0);
2100        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2101        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
2102        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
2103        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
2104        --color-input-background: rgb(255 255 255 / 0.78);
2105        --color-input-text: rgb(51 51 51 / 1.0);
2106        --color-input-text-rgb: 51 51 51;
2107        --color-input-border: rgb(223 223 223 / 1.0);
2108        --color-input-hover-background: rgb(0 0 0 / 0.01);
2109        --color-variant-background: rgb(255 255 255 / 1.0);
2110        --color-variant-border: rgb(0 0 0 / 0.13);
2111        --color-variant-text: rgb(0 0 0 / 1.0);
2112        --color-variant-text-rgb: 0 0 0;
2113        --color-variant-hover-background: rgb(245 245 245 / 1.0);
2114        --color-variant-hover-text: rgb(0 0 0 / 1.0);
2115        --color-variant-hover-border: rgb(230 230 230 / 1.0);
2116        --color-selected-variant-background: rgb(0 0 0 / 1.0);
2117        --color-selected-variant-border: rgb(0 0 0 / 1.0);
2118        --color-selected-variant-text: rgb(255 255 255 / 1.0);
2119        --color-selected-variant-hover-backg
2119round: rgb(26 26 26 / 1.0);
2120        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
2121        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
2122
2123        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2124        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2125        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2126        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2127        --font-h1--color: var(--color-foreground-heading);
2128        --font-h2--color: var(--color-foreground-heading);
2129        --font-h3--color: var(--color-foreground-heading);
2130        --font-h4--color: var(--color-foreground-heading);
2131        --font-h5--color: var(--color-foreground-heading);
2132        --font-h6--color: var(--color-foreground-heading);
2133
2134        /* Shadows */
2135        
2136          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2137        
2138        
2139          --shadow-blur: 20px;
2140          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2141        
2142      }
2143  
2144    
2145    
2146    
2147    .color-scheme-95414b90-e9cd-41b3-bbc3-91ecf2eeb8d9 {
2148        --color-background: rgb(221 240 238 / 1.0);
2149        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
2150        --color-background-rgb: 221 240 238;
2151        --opacity-5-15: 0.05;
2152        --opacity-10-25: 0.1;
2153        --opacity-35-55: 0.35;
2154        --opacity-40-60: 0.4;
2155        --opacity-30-60: 0.3;
2156        --color-foreground: rgb(0 65 57 / 1.0);
2157        --color-foreground-rgb: 0 65 57;
2158        --color-foreground-heading: rgb(0 65 57 / 1.0);
2159        --color-foreground-heading-rgb: 0 65 57;
2160        --color-primary: rgb(0 65 57 / 1.0);
2161        --color-primary-rgb: 0 65 57;
2162        --color-primary-hover: rgb(0 0 0 / 1.0);
2163        --color-primary-hover-rgb: 0 0 0;
2164        --color-border: rgb(0 65 57 / 1.0);
2165        --color-border-rgb: 0 65 57;
2166        --color-shadow: rgb(0 0 0 / 1.0);
2167        --color-shadow-rgb: 0 0 0;
2168        --color-primary-button-text: rgb(255 255 255 / 1.0);
2169        --color-primary-button-background: rgb(0 65 57 / 1.0);
2170        --color-primary-button-border: rgb(0 65 57 / 1.0);
2171        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
2172        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2173        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
2174        --color-secondary-button-text: rgb(0 65 57 / 1.0);
2175        --color-secondary-button-background: rgb(0 0 0 / 0.0);
2176        --color-secondary-button-border: rgb(0 65 57 / 1.0);
2177        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
2178        --color-secondary-button-hover-background: rgb(0 65 57 / 1.0);
2179        --color-secondary-button-hover-border: rgb(0 65 57 / 1.0);
2180        --color-input-background: rgb(221 240 238 / 1.0);
2181        --color-input-text: rgb(0 65 57 / 1.0);
2182        --color-input-text-rgb: 0 65 57;
2183        --color-input-border: rgb(0 65 57 / 1.0);
2184        --color-input-hover-background: rgb(0 0 0 / 0.0);
2185        --color-variant-background: rgb(255 255 255 / 1.0);
2186        --color-variant-border: rgb(0 0 0 / 0.13);
2187        --color-variant-text: rgb(0 0 0 / 1.0);
2188        --color-variant-text-rgb: 0 0 0;
2189        --color-variant-hover-background: rgb(245 245 245 / 1.0);
2190        --color-variant-hover-text: rgb(0 0 0 / 1.0);
2191        --color-variant-hover-border: rgb(230 230 230 / 1.0);
2192        --color-selected-variant-background: rgb(0 0 0 / 1.0);
2193        --color-selected-variant-border: rgb(0 0 0 / 1.0);
2194        --color-selected-variant-text: rgb(255 255 255 / 1.0);
2195        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
2196        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
2197        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
2198
2199        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2200        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2201        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2202        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2203        --font-h1--color: var(--color-foreground-heading);
2204        --font-h2--color: var(--color-foreground-heading);
2205        --font-h3--color: var(--color-foreground-heading);
2206        --font-h4--color: var(--color-foreground-heading);
2207        --font-h5--color: var(--color-foreground-heading);
2208        --font-h6--color: var(--color-foreground-heading);
2209
2210        /* Shadows */
2211        
2212          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2213        
2214        
2215          --shadow-blur: 20px;
2216          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2217        
2218      }
2219  
2220    
2221    
2222    
2223    .color-scheme-13061415-0602-4c85-bce8-2e71e8e8ead0 {
2224        --color-background: rgb(255 255 255 / 1.0);
2225        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
2226        --color-background-rgb: 255 255 255;
2227        --opacity-5-15: 0.05;
2228        --opacity-10-25: 0.1;
2229        --opacity-35-55: 0.35;
2230        --opacity-40-60: 0.4;
2231        --opacity-30-60: 0.3;
2232        --color-foreground: rgb(0 65 57 / 1.0);
2233        --color-foreground-rgb: 0 65 57;
2234        --color-foreground-heading: rgb(0 65 57 / 1.0);
2235        --color-foreground-heading-rgb: 0 65 57;
2236        --color-primary: rgb(255 255 255 / 1.0);
2237        --color-primary-rgb: 255 255 255;
2238        --color-primary-hover: rgb(255 255 255 / 1.0);
2239        --color-primary-hover-rgb: 255 255 255;
2240        --color-border: rgb(0 0 0 / 0.06);
2241        --color-border-rgb: 0 0 0;
2242        --color-shadow: rgb(0 0 0 / 1.0);
2243        --color-shadow-rgb: 0 0 0;
2244        --color-primary-button-text: rgb(255 255 255 / 1.0);
2245        --color-primary-button-background: rgb(0 65 57 / 1.0);
2246        --color-primary-button-border: rgb(0 65 57 / 1.0);
2247        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
2248        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2249        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
2250        --color-secondary-button-text: rgb(0 65 57 / 1.0);
2251        --color-secondary-button-background: rgb(0 0 0 / 0.0);
2252        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2253        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
2254        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
2255        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
2256        --color-input-background: rgb(255 255 255 / 0.78);
2257        --color-input-text: rgb(51 51 51 / 1.0);
2258        --color-input-text-rgb: 51 51 51;
2259        --color-input-border: rgb(223 223 223 / 1.0);
2260        --color-input-hover-background: rgb(0 0 0 / 0.01);
2261        --color-variant-background: rgb(255 255 255 / 1.0);
2262        --color-variant-border: rgb(0 0 0 / 0.13);
2263        --color-variant-text: rgb(0 0 0 / 1.0);
2264        --color-variant-text-rgb: 0 0 0;
2265        --color-variant-hover-background: rgb(245 245 245 / 1.0);
2266        --color-variant-hover-text: rgb(0 0 0 / 1.0);
2267        --color-variant-hover-border: rgb(230 230 230 / 1.0);
2268        --color-selected-variant-background: rgb(0 0 0 / 1.0);
2269        --color-selected-variant-border: rgb(0 0 0 / 1.0);
2270        --color-selected-variant-text: rgb(255 255 255 / 1.0);
2271        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
2272        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
2273        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
2274
2275        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2276        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2277        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2278        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2279        --font-h1--color: var(--color-foreground-heading);
2280        --font-h2--color: var(--color-foreground-heading);
2281        --font-h3--color: var(--color-foreground-heading);
2282        --font-h4--color: var(--color-foreground-heading);
2283        --font-h5--color: var(--color-foreground-heading);
2284        --font-h6--color: var(--color-foreground-heading);
2285
2286        /* Shadows */
2287        
2288          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2289        
2290        
2291          --shadow-blur: 20px;
2292          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2293        
2294      }
2295  
2296    
2297    
2298    
2299    .color-scheme-4e21b1b3-99dc-4ccc-8949-a0347caab841 {
2300        --color-background: rgb(254 248 235 / 1.0);
2301        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
2302        --color-background-rgb: 254 248 235;
2303        --opacity-5-15: 0.05;
2304        --opacity-10-25: 0.1;
2305        --opacity-35-55: 0.35;
2306        --opacity-40-60: 0.4;
2307        --opacity-30-60: 0.3;
2308        --color-foreground: rgb(0 65 57 / 1.0);
2309        --color-foreground-rgb: 0 65 57;
2310        --color-foreground-heading: rgb(0 65 57 / 1.0);
2311        --color-foreground-heading-rgb: 0 65 57;
2312        --color-primary: rgb(0 65 57 / 1.0);
2313        --color-primary-rgb: 0 65 57;
2314        --color-primary-hover: rgb(0 0 0 / 1.0);
2315        --color-primary-hover-rgb: 0 0 0;
2316        --color-border: rgb(0 0 0 / 0.06);
2317        --color-border-rgb: 0 0 0;
2318        --color-shadow: rgb(0 0 0 / 1.0);
2319        --color-shadow-rgb: 0 0 0;
2320        --color-primary-button-text: rgb(255 255 255 / 1.0);
2321        --color-primary-button-background: rgb(0 65 57 / 1.0);
2322        --color-primary-button-border: rgb(0 65 57 / 1.0);
2323        --color-primary-button-hover-text: rgb(0 65 57 / 1.0);
2324        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2325        --color-primary-button-hover-border: rgb(0 65 57 / 1.0);
2326        --color-secondary-button-text: rgb(0 65 57 / 1.0);
2327        --color-secondary-button-background: rgb(0 0 0 / 0.0);
2328        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2329        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
2330        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
2331        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
2332        --color-input-background: rgb(255 255 255 / 0.78);
2333        --color-input-text: rgb(51 51 51 / 1.0);
2334        --color-input-text-rgb: 51 51 51;
2335        --color-input-border: rgb(223 223 223 / 1.0);
2336        --color-input-hover-background: rgb(0 0 0 / 0.01);
2337        --color-variant-background: rgb(255 255 255 / 1.0);
2338        --color-variant-border: rgb(0 0 0 / 0.13);
2339        --color-variant-text: rgb(0 0 0 / 1.0);
2340        --color-variant-text-rgb: 0 0 0;
2341        --color-variant-hover-background: rgb(245 245 245 / 1.0);
2342        --color-variant-hover-text: rgb(0 0 0 / 1.0);
2343        --color-variant-hover-border: rgb(230 230 230 / 1.0);
2344        --color-selected-variant-background: rgb(0 0 0 / 1.0);
2345        --color-selected-variant-border: rgb(0 0 0 / 1.0);
2346        --color-selected-variant-text: rgb(255 255 255 / 1.0);
2347        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
2348        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
2349        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
2350
2351        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2352        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2353        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2354        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2355        --font-h1--color: var(--color-foreground-heading);
2356        --font-h2--color: var(--color-foreground-heading);
2357        --font-h3--color: var(--color-foreground-heading);
2358        --font-h4--color: var(--color-foreground-heading);
2359        --font-h5--color: var(--color-foreground-heading);
2360        --font-h6--color: var(--color-foreground-heading);
2361
2362        /* Shadows */
2363        
2364          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2365        
2366        
2367          --shadow-blur: 20px;
2368          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
2369        
2370      }
2371  
2372
2373  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-c0638cc2-5f50-48e6-b11f-96a9229f6a7b, .color-scheme-0b1e364d-5956-43ba-a27f-aa49ebc054dc, .color-scheme-ebfd80fe-2812-45df-a9e5-2b8811aed2ef, .color-scheme-95414b90-e9cd-41b3-bbc3-91ecf2eeb8d9, .color-scheme-13061415-0602-4c85-bce8-2e71e8e8ead0, .color-scheme-4e21b1b3-99dc-4ccc-8949-a0347caab841 {
2374    color: var(--color-foreground);
2375    background-color: var(--color-background);
2376  }
2377</style>
2378<link href="//nutiva.ca/cdn/shop/t/2/assets/custom.css?v=37328600246460702771781295167" rel="stylesheet" type="text/css" media="all" />
2379
2380    
2381
2382    
2382<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2382<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/77761118366/digital_wallets/dialog">
2383<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
2384<link rel="next" href="/blogs/news?page=2">
2385<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script>
vendor: 1 bytes, line 2385
2385
2386<script id="shopify-features" type="application/json">{"accessToken":"93c17aeca0cf564f992d92925355496d","betas":["rich-media-storefront-analytics"],"domain":"nutiva.ca","predictiveSearch":true,"shopId":77761118366,"locale":"en"}</script>
vendor: 1 bytes, line 2386
2386
2387<script>var Shopify = Shopify || {};
2388Shopify.shop = "nutivacanada-2.myshopify.com";
2389Shopify.locale = "en";
2390Shopify.currency = {"active":"CAD","rate":"1.0"};
2391Shopify.country = "CA";
2392Shopify.theme = {"name":"nutiva-canada","id":156709453982,"schema_name":"Horizon","schema_version":"3.3.1","theme_store_id":null,"role":"main"};
2393Shopify.theme.handle = "null";
2394Shopify.theme.style = {"id":null,"handle":null};
2395Shopify.cdnHost = "nutiva.ca/cdn";
2396Shopify.routes = Shopify.routes || {};
2397Shopify.routes.root = "/";
2398Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
2399Shopify.SignInWithShop = Shopify.SignInWithShop || {};
2400Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
2401Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2401
2401
2402<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2402
2402
2403<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 2403
2403
2404<script>
2405  window.Shopify = window.Shopify || {};
2406  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
2407  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
2408  window.Shopify.SignInWithShop.eligible = true;
2409</script>
vendor: 1 bytes, line 2409
2409
2410<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 2410
2410
2411<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 2411
2411
2412<script type="module">
2413  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
2414
2415  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
2416
2417</script>
vendor: 1 bytes, line 2417
2417
2418<script>
2419  window.Shopify = window.Shopify || {};
2420  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
2421  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"]};
2422</script>
vendor: 1 bytes, line 2422
2422
2423<script>(function() {
2424  var isLoaded = false;
2425  function asyncLoad() {
2426    if (isLoaded) return;
2427    isLoaded = true;
2428    var urls = ["https:\/\/cdn.nfcube.com\/instafeed-a79dc612301059f9c3fbfd09ad7c10ae.js?shop=nutivacanada-2.myshopify.com","https:\/\/cdn.weglot.com\/weglot_script_tag.js?shop=nutivacanada-2.myshopify.com"];
2429    for (var i = 0; i < urls.length; i++) {
2430      var s = document.createElement('script');
2431      s.type = 'text/javascript';
2432      s.async = true;
2433      s.src = urls[i];
2434      var x = document.getElementsByTagName('script')[0];
2435      x.parentNode.insertBefore(s, x);
2436    }
2437  };
2438  if(window.attachEvent) {
2439    window.attachEvent('onload', asyncLoad);
2440  } else {
2441    window.addEventListener('load', asyncLoad, false);
2442  }
2443})();</script>
vendor: 1 bytes, line 2443
2443
2444<script id="__st">var __st={"a":77761118366,"offset":-25200,"reqid":"7e269830-c328-4277-aeb4-a334fcb08eb7-1790676461","pageurl":"nutiva.ca\/blogs\/news","s":"blogs-100496769182","u":"76af25d993e5","p":"blog","rtyp":"blog","rid":100496769182};</script>
vendor: 1 bytes, line 2444
2444
2445<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2445
2445
2446<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 2446
2446
2447<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nutiva.ca/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2447
2447
2448<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 = "//nutiva.ca/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>
2448<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 2448
2448
2449<script>
2450  window.Shopify = window.Shopify || {};
2451  window.Shopify.MCP = window.Shopify.MCP || {};
2452  window.Shopify.MCP.enabled = true;
2453  window.Shopify.MCP.shop = "nutivacanada-2.myshopify.com";
2454  window.Shopify.MCP.mcpEndpoint = "https:\/\/nutiva.ca\/api\/mcp";
2455  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
2456</script>
vendor: 1 bytes, line 2456
2456
2457<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("\/\/nutiva.ca\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
2458</script>
vendor: 1 bytes, line 2458
2458
2459<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://nutiva.ca/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
2460</script>
vendor: 1 bytes, line 2460
2460
2461<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
2462  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);
2463</script>
vendor: 1 bytes, line 2463
2463
2464<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})}}));
2465</script>
2465
2466<link rel="stylesheet" media="screen" href="//nutiva.ca/cdn/shop/t/2/compiled_assets/styles.css?v=98894766893340427441781126090">
2467<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2467
2468
2469    <!-- Global site tag (gtag.js) - Google Ads: 400989683 -->
vendor: 68 bytes, lines 2469-2470
2469
2470    <script async src="https://www.googletagmanager.com/gtag/js?id=
2470AW-400989683
vendor: 16 bytes, lines 2470-2471
2470"></script>
2471    
2471<script>
2472      
vendor: 127 bytes, line 2472
2472window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
2472AW-400989683
vendor: 8 bytes, lines 2472-2473
2472');
2473    
2473</script>
2473
2474  <!-- BEGIN app block: shopify://apps/complianz-consent/blocks/bc-block/e49729f0-d37d-4e24-ac65-e0e2f472ac27 -->
2475
2476    
2477    
2478<link id='complianz-css' rel="stylesheet" href=https://cdn.shopify.com/extensions/019ff089-9ce4-7f60-9df7-212f05df0e73/complianz-gdpr-cookie-consent-88/assets/complainz.css media="print" onload="this.media='all'">
2479    <style>
2480        #iubenda-iframe.iubenda-iframe-branded > div.purposes-header,
2481        #iubenda-iframe.iubenda-iframe-branded > div.iub-cmp-header,
2482        #purposes-container > div.purposes-header,
2483        #iubenda-cs-banner .iubenda-cs-brand {
2484            background-color: #ffffff !important;
2485            color: #000000!important;
2486        }
2487        #iubenda-iframe.iubenda-iframe-branded .purposes-header .iub-btn-cp ,
2488        #iubenda-iframe.iubenda-iframe-branded .purposes-header .iub-btn-cp:hover,
2489        #iubenda-iframe.iubenda-iframe-branded .purposes-header .iub-btn-back:hover  {
2490            background-color: #ffffff !important;
2491            opacity: 1 !important;
2492        }
2493        #iubenda-cs-banner .iub-toggle .iub-toggle-label {
2494            color: !important;
2495        }
2496        #iubenda-iframe.iubenda-iframe-branded .purposes-header .iub-btn-cp:hover,
2497        #iubenda-iframe.iubenda-iframe-branded .purposes-header .iub-btn-back:hover {
2498            background-color: !important;
2499            color: !important;
2500        }
2501        #iubenda-cs-banner #iubenda-cs-title {
2502            font-size: 14px !important;
2503        }
2504        #iubenda-cs-banner .iubenda-cs-content,
2505        #iubenda-cs-title,
2506        .iub-toggle-checkbox.granular-control-checkbox span {
2507            background-color: #FEF8EB !important;
2508            color: #004139 !important;
2509            font-size: 14px !important;
2510        }
2511        #iubenda-cs-banner .iubenda-cs-close-btn {
2512            font-size: 14px !important;
2513            background-color: #FEF8EB !important;
2514        }
2515        #iubenda-cs-banner .iubenda-cs-opt-group {
2516            color: #FEF8EB !important;
2517        }
2518        #iubenda-cs-banner .iubenda-cs-opt-group button,
2519        .iubenda-alert button.iubenda-button-cancel {
2520            background-color: #004139!important;
2521            color: #FFF!important;
2522        }
2523        #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn,
2524        #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary,
2525        .iubenda-alert button.iubenda-button-confirm {
2526            background-color: #004139 !important;
2527            color: #ffffff !important;
2528        }
2529        #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {
2530            background-color: #004139!important;
2531            color: #FFF!important;
2532        }
2533
2534        #iubenda-cs-banner .iubenda-banner-content button {
2535            cursor: pointer !important;
2536            color: currentColor !important;
2537            text-decoration: underline !important;
2538            border: none !important;
2539            background-color: transparent !important;
2540            font-size: 100% !important;
2541            padding: 0 !important;
2542        }
2543
2544        #iubenda-cs-banner .iubenda-cs-opt-group button {
2545            border-radius: 4px !important;
2546            padding-block: 10px !important;
2547        }
2548
2549        div#iubenda-iframe-content div.purposes-checkbox input[type="checkbox"] {
2550            display: block !important;
2551        }
2552
2553        @media (min-width: 640px) {
2554            #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container {
2555                width: 560px !important;
2556            }
2557            #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubend
2557a-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group {
2558                flex-direction: row !important;
2559            }
2560            #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type),
2561            #iubenda-cs-banner .iubenda-cs-opt-group button {
2562                margin-right: 4px !important;
2563            }
2564            #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-brand {
2565                position: absolute !important;
2566                inset-block-start: 6px;
2567            }
2568        }
2569        #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group > div {
2570            flex-direction: row-reverse;
2571            width: 100% !important;
2572        }
2573
2574        .iubenda-cs-brand-badge-outer, .iubenda-cs-brand-badge, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer,
2575        #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer,
2576        #iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer,
2577        #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer {
2578            display: none !important
2579        }
2580
2581        #iubenda-cs-banner:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container.iubenda-cs-themed {
2582            flex-direction: row !important;
2583        }
2584
2585        #iubenda-cs-banner #iubenda-cs-title,
2586        #iubenda-cs-banner #iubenda-cs-custom-title {
2587            justify-self: center !important;
2588            font-size: 14px !important;
2589            font-family: -apple-system,sans-serif !important;
2590            margin-inline: auto !important;
2591            width: 55% !important;
2592            text-align: center;
2593            font-weight: 600;
2594            visibility: unset;
2595        }
2596
2597        @media (max-width: 640px) {
2598            #iubenda-cs-banner #iubenda-cs-title,
2599            #iubenda-cs-banner #iubenda-cs-custom-title {
2600                display: block;
2601            }
2602        }
2603
2604        #iubenda-cs-banner .iubenda-cs-brand img {
2605            max-width: 110px !important;
2606            min-height: 32px !important;
2607        }
2608        #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-brand {
2609            background: none !important;
2610            padding: 0px !important;
2611            margin-block-start:10px !important;
2612            margin-inline-start:16px !important;
2613        }
2614
2615        #iubenda-cs-banner .iubenda-cs-opt-group button {
2616            padding-inline: 4px !important;
2617        }
2618
2619        #cookie-policy-content,
2620        #privacy-policy-content {
2621            min-height: 2rem;
2622            transition: opacity 0.8s ease-in-out;
2623        }
2624
2625        #cookie-policy-content.complianz-policy-content--loaded,
2626        #privacy-policy-content.complianz-policy-content--loaded {
2627            animation: complianz-policy-fade-in 0.7s ease-in-out both;
2628        }
2629
2630        @keyframes complianz-policy-fade-in {
2631            from {
2632                opacity: 0;
2633            }
2634            to {
2635                opacity: 1;
2636            }
2637        }
2638
2639    </style>
2640    
2641    
2642    
2643    
2644
2645    
2645<script type="text/javascript">
2646        function filterGoogleConsentModeURLs(domainsArray) {
2647            const googleConsentModeComplianzURls = [
2648                // 197, # Google Tag Manager:
2649                {"domain":"s.www.googletagmanager.com", "path":""},
2650                {"domain":"www.tagmanager.google.com", "path":""},
2651                {"domain":"www.googletagmanager.com", "path":""},
2652                {"domain":"googletagmanager.com", "path":""},
2653                {"domain":"tagassistant.google.com", "path":""},
2654                {"domain":"tagmanager.google.com", "path":""},
2655
2656                // 2110, # Google Analytics 4:
2657                {"domain":"www.analytics.google.com", "path":""},
2658                {"domain":"www.google-analytics.com", "path":""},
2659                {"domain":"ssl.google-analytics.com", "path":""},
2660                {"domain":"google-analytics.com", "path":""},
2661                {"domain":"analytics.google.com", "path":""},
2662                {"domain":"region1.google-analytics.com", "path":""},
2663                {"domain":"region1.analytics.google.com", "path":""},
2664                {"domain":"*.google-analytics.com", "path":""},
2665                {"domain":"www.googletagmanager.com", "path":"/gtag/js?id=G"},
2666                {"domain":"googletagmanager.com", "path":"/gtag/js?id=UA"},
2667                {"domain":"www.googletagmanager.com", "path":"/gtag/js?id=UA"},
2668                {"domain":"googletagmanager.com", "path":"/gtag/js?id=G"},
2669
2670                // 177, # Google Ads conversion tracking:
2671                {"domain":"googlesyndication.com", "path":""},
2672                {"domain":"media.admob.com", "path":""},
2673                {"domain":"gmodules.com", "path":""},
2674                {"domain":"ad.ytsa.net", "path":""},
2675                {"domain":"dartmotif.net", "path":""},
2676                {"domain":"dmtry.com", "path":""},
2677                {"domain":"go.channelintelligence.com", "path":""},
2678                {"domain":"googleusercontent.com", "path":""},
2679                {"domain":"googlevideo.com", "path":""},
2680                {"domain":"gvt1.com", "path":""},
2681                {"domain":"links.channelintelligence.com", "path":""},
2682                {"domain":"obrasilinteirojoga.com.br", "path":""},
2683                {"domain":"pcdn.tcgmsrv.net", "path":""},
2684                {"domain":"rdr.tag.channelintelligence.com", "path":""},
2685                {"domain":"static.googleadsserving.cn", "path":""},
2686                {"domain":"studioapi.doubleclick.com", "path":""},
2687                {"domain":"teracent.net", "path":""},
2688                {"domain":"ttwbs.channelintelligence.com", "path":""},
2689                {"domain":"wtb.channelintelligence.com", "path":""},
2690                {"domain":"youknowbest.com", "path":""},
2691                {"domain":"doubleclick.net", "path":""},
2692                {"domain":"redirector.gvt1.com", "path":""},
2693
2694                //116, # Google Ads Remarketing
2695                {"domain":"googlesyndication.com", "path":""},
2696                {"domain":"media.admob.com", "path":""},
2697                {"domain":"gmodules.com", "path":""},
2698                {"domain":"ad.ytsa.net", "path":""},
2699                {"domain":"dartmotif.net", "path":""},
2700                {"domain":"dmtry.com", "path":""},
2701                {"domain":"go.channelintelligence.com", "path":""},
2702                {"domain":"googleusercontent.com", "path":""},
2703                {"domain":"googlevideo.com", "path":""},
2704                {"domain":"gvt1.com", "path":""},
2705                {"domain":"links.channelintelligence.com", "path":""},
2706                {"domain":"obrasilinteirojoga.com.br", "path":""},
2707                {"domain":"pcdn.tcgmsrv.net", "path":""},
2708                {"domain":"rdr.tag.channelintelligence.com", "path":""},
2709                {"domain":"static.googleadsserving.cn", "path":""},
2710                {"domain":"studioapi.doubleclick.com", "path":""},
2711                {"domain":"teracent.net", "path":""},
2712                {"domain":"ttwbs.channelintelligence.com", "path":""},
2713                {"domain":"wtb.channelintelligence.com", "path":""},
2714                {"domain":"youknowbest.com", "path":""},
2715                {"domain":"doubleclick.net", "path":""},
2716                {"domain":"redirector.gvt1.com", "path":""}
2717            ];
2718
2719            if (!Array.isArray(domainsArray)) { 
2720                return [];
2721            }
2722
2723            const blockedPairs = new Map();
2724            for (const rule of googleConsentModeComplianzURls) {
2725                if (!blockedPairs.has(rule.domain)) {
2726                    blockedPairs.set(rule.domain, new Set());
2727                }
2728                blockedPairs.get(rule.domain).add(rule.path);
2729            }
2730
2731            return domainsArray.filter(item => {
2732                const paths = blockedPairs.get(item.d);
2733                return !(paths && paths.has(item.p));
2734            });
2735        }
2736
2737        function setupAutoblockingByDomain() {
2738            // autoblocking by domain
2739            const autoblockByDomainArray = [];
2740            const prefixID = '10000' // to not get mixed with real metis ids
2741            let cmpBlockerDomains = []
2742            let cmpCmplcVendorsPurposes = {}
2743            let counter = 1
2744            for (const object of autoblockByDomainArray) {
2745                cmpBlockerDomains.push({
2746                    d: object.d,
2747                    p: object.path,
2748                    v: prefixID + counter,
2749                });
2750                counter++;
2751            }
2752            
2753            counter = 1
2754            for (const object of autoblockByDomainArray) {
2755                cmpCmplcVendorsPurposes[prefixID + counter] = object?.p ?? '1';
2756                counter++;
2757            }
2758
2759            Object.defineProperty(window, "cmp_iub_vendors_purposes", {
2760                get() {
2761                    return cmpCmplcVendorsPurposes;
2762                },
2763                set(value) {
2764                    cmpCmplcVendorsPurposes = { ...cmpCmplcVendorsPurposes, ...value };
2765                }
2766            });
2767            const basicGmc = true;
2768
2769
2770            Object.defineProperty(window, "cmp_importblockerdomains", {
2771                get() {
2772                    if (basicGmc) {
2773                        return filterGoogleConsentModeURLs(cmpBlockerDomains);
2774                    }
2775                    return cmpBlockerDomains;
2776                },
2777                set(value) {
2778                    cmpBlockerDomains = [ ...cmpBlockerDomains, ...value ];
2779                }
2780            });
2781        }
2782
2783        function splitDomains(joinedString) {
2784            if (!joinedString) {
2785                return []; // empty string -> empty array
2786            }
2787            return joinedString.split(";");
2788        }
2789
2790        function setupWhitelist() {
2791            let cmpBlockIgnoredDomains = [];
2792            Object.defineProperty(window, "cmp_block_ignoredomains", {
2793                get() {
2794                    return cmpBlockIgnoredDomains;
2795                },
2796                set(value) {
2797                    cmpBlockIgnoredDomains = [ ...cmpBlockIgnoredDomains, ...value ];
2798                }
2799            });
2800            // Whitelist by domain:
2801            const whitelistString = "";
2802            const whitelist_array = [...splitDomains(whitelistString)];
2803            window.cmp_block_ignoredomains = whitelist_array;
2804        }
2805
2806        function enforceRejectionRecovery() {
2807            const base = (window._iub = window._iub || {});
2808            const featuresHolder = {};
2809
2810            function lockFlagOn(holder) {
2811                const desc = Object.getOwnPropertyDescriptor(holder, 'rejection_recovery');
2812                if (!desc) {
2813                    Object.defineProperty(holder, 'rejection_recovery', {
2814                        get() { return true; },
2815                        set(_) { /* ignore */ },
2816                        enumerable: true,
2817                        configurable: false
2818                    });
2819                }
2820                return holder;
2821            }
2822
2823            Object.defineProperty(base, 'csFeatures', {
2824                configurable: false,
2825                enumerable: true,
2826                get() {
2827                    return featuresHolder;
2828                },
2829                set(obj) {
2830                    if (obj && typeof obj === 'object') {
2831                        Object.keys(obj).forEach(k => {
2832                            if (k !== 'rejection_recovery') {
2833                                featuresHolder[k] = obj[k];
2834                            }
2835                        });
2836                    }
2837                    // we lock it, it won't try to redefine
2838                    lockFlagOn(featuresHolder);
2839                }
2840            });
2841
2842            // Ensure an object is exposed even if read early
2843            if (!('csFeatures' in base)) {
2844                base.csFeatures = {};
2845            } else {
2846                // If someone already set it synchronously, merge and lock now.
2847                base.csFeatures = base.csFeatures;
2848            }
2849        }
2850        window._iub = window?._iub || [];
2851        const _iub = window._iub;
2852        enforceRejectionRecovery();
2853        setupAutoblockingByDomain();
2854        setupWhitelist();
2855
2856        let currentLang = "en";
2857        if (currentLang === 'pt-PT') {
2858            currentLang = 'pt';
2859        }
2860        let fallbackLang = "en";
2861        if (fallbackLang === 'pt-PT') {
2862            fallbackLang = 'pt';
2863        }
2864        const cookiePolicyIds = {"en":73045547,"fr":68034493};
2865        _iub.csConfiguration = {
2866            ..._iub.csConfiguration,
2867            cookiePolicyId: cookiePolicyIds[currentLang] ?? cookiePolicyIds[fallbackLang],
2868            cmpId: { tcf: 332 },
2869        };
2870    </script>
2870
2871
2872    
2873        
2873<script src="https://cs.iubenda.com/autoblocking/4559696.js"></script>
2873
2874    
2875
2876    
2877    
2878
2879    
2879<script type="text/javascript">
2880        function injectComplianceCss(cssText) {
2881            const existing = document.querySelector('style[data-compliance-custom="true"]');
2882            if (existing) existing.remove();
2883
2884            const style = document.createElement('style');
2885            style.setAttribute('data-compliance-custom', 'true');
2886            style.appendChild(document.createTextNode(cssText));
2887            document.body.appendChild(style);
2888        }
2889
2890        window.addEventListener('DOMContentLoaded', () => {
2891            const css = "\n\/* Note: use !important to override the default styles *\/\n\/* =========================\n   FIRST LAYER (Banner)\n   ========================= *\/\n\/* banner content *\/\n#iubenda-cs-banner .iubenda-cs-content {\n}\n\/* privacy policy link *\/\n#iubenda-cs-title {\n}\n\/* main paragraph *\/\n#iubenda-cs-paragraph.iubenda-cs-small-margin-top {\n}\n\/* privacy policy link *\/\n#iubenda-cs-banner .iubenda-cs-cookie-policy-lnk {\n}\n\n\/* button (accept) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn {\n}
2891\n\n\/* button (reject) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {\n}\n\n\/* button (view preference) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button {\n}\n\n\/* =========================\n   SECOND LAYER (Preferences Modal)\n   ========================= *\/\n\n\/* modal header *\/\n#iubenda-iframe-content #purposes-container .purposes-header {\n}\n\/* header button *\/\n#iubenda-iframe-content #purposes-container .purposes-header .purposes-header-right .iub-btn-cp  {\n}\n\n\/* modal main section *\/\n#iubenda-iframe-content #purposes-content-container .purposes-content {\n}\n\/* consent buttons *\/\n#iubenda-iframe-content .purposes-content .iub-consent-buttons {\n}\n\/* consent buttons hover *\/\n#iubenda-iframe-content .purposes-content .iub-btn:hover {\n}\n\/* consent sections *\/\n#purposes-content-container div.purposes-section-body, #purposes-content-container .purposes-item div.purposes-item-header { \n}\n\n\/* modal footer*\/\n#iubenda-iframe-content .iubenda-iframe-footer {\n}
2891\n\/* save and continue button *\/\n#iubenda-iframe-content #iubFooterBtnContainer button {\n}\n";
2892            injectComplianceCss(css);
2893        });
2894        function loadScript(src) {
2895            return new Promise((resolve, reject) => {
2896                const s = document.createElement("script");
2897                s.src = src;
2898                s.charset = "UTF-8";
2899                s.onload = resolve;
2900                s.onerror = reject;
2901                document.head.appendChild(s);
2902            });
2903        }
2904
2905
2906        let policyContentListenerRegistered = false;
2907
2908        window.IubEventsTrackRecord = window.IubEventsTrackRecord || {
2909            iubLoaded: false,
2910            domContentLoaded: false,
2911        };
2912
2913        function initIubenda() {
2914            const currentCsConfiguration = {"banner":{"acceptButtonDisplay":true,"rejectButtonDisplay":true,"customizeButtonDisplay":true,"position":"float-center","backgroundOverlay":false,"fontSize":"14px","content":"","title":"","hideTitle":false,"acceptButtonCaption":"","rejectButtonCaption":"","customizeButtonCaption":"","cookiePolicyLinkCaption":"","privacyWidget":true,"privacyWidgetPosition":"bottom-right","customCss":"\n\/* Note: use !important to override the default styles *\/\n\/* =========================\n   FIRST LAYER (Banner)\n   ========================= *\/\n\/* banner content *\/\n#iubend
2914a-cs-banner .iubenda-cs-content {\n}\n\/* privacy policy link *\/\n#iubenda-cs-title {\n}\n\/* main paragraph *\/\n#iubenda-cs-paragraph.iubenda-cs-small-margin-top {\n}\n\/* privacy policy link *\/\n#iubenda-cs-banner .iubenda-cs-cookie-policy-lnk {\n}\n\n\/* button (accept) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn {\n}\n\n\/* button (reject) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {\n}\n\n\/* button (view preference) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button {\n}\n\n\/* =========================\n   SECOND LAYER (Preferences Modal)\n   ========================= *\/\n\n\/* modal header *\/\n#iubenda-iframe-content #purposes-container .purposes-header {\n}\n\/* header button *\/\n#iubenda-iframe-content #purposes-container .purposes-header .purposes-header-right .iub-btn-cp  {\n}\n\n\/* modal main section *\/\n#iubenda-iframe-content #purposes-content-container .purposes-content {\n}\n\/* consent buttons *\/\n#iubenda-iframe-content .purposes-content .iub-consent-buttons {\n}
2914\n\/* consent buttons hover *\/\n#iubenda-iframe-content .purposes-content .iub-btn:hover {\n}\n\/* consent sections *\/\n#purposes-content-container div.purposes-section-body, #purposes-content-container .purposes-item div.purposes-item-header { \n}\n\n\/* modal footer*\/\n#iubenda-iframe-content .iubenda-iframe-footer {\n}\n\/* save and continue button *\/\n#iubenda-iframe-content #iubFooterBtnContainer button {\n}\n","backgroundColor":"#FEF8EB","textColor":"#004139","acceptButtonColor":"#004139","acceptButtonCaptionColor":"#ffffff","rejectButtonColor":"#004139","rejectButtonCaptionColor":"#FFF","customizeButtonColor":"#004139","customizeButtonCaptionColor":"#FFF","applyStyles":"false"},"privacyWidget":true,"siteId":4559696,"cookiePolicyIds":{"en":73045547,"fr":68034493}};
2915            const preview_config = {"format_and_position":{"has_background_overlay":false,"position":"float-center"},"text":{"fontsize":"14px","content":{"title":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""},"hideTitle":false,"main":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""},"accept":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""},"reject":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""},"learnMore":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""},"cp_caption":{"bg":"","ca":"","cs":"","da":"","de":"","el":"","en":"","en-GB":"","es":"","et":"","fi":"","fr":"","hr":"","hu":"","it":"","lt":"","lv":"","nl":"","no":"","pl":"","pt":"","pt-BR":"","ro":"","ru":"","sk":"","sl":"","sv":""}}},"theme":{"setting_type":2,"standard":{"subtype":"light"},"color":{"selected_color":"Mint","selected_color_style":"neutral"},"custom":{"main":{"background":"#FEF8EB","text":"#004139"},"acceptButton":{"background":"#004139","text":"#ffffff"},"rejectButton":{"background":"#004139","text":"#FFF"},"learnMoreButton":{"background":"#004139","text":"#FFF"}},"logo":{"type":0,"add_from_url":{"url":"","brand_header_color":"#ffffff","brand_text_color":"#000000"},"upload":{"src":"","brand_header_color":"#ffffff","brand_text_color":"#000000"}}},"privacyWidget":true,"cookiePolicyPageUrl":"\/pages\/cookie-policy","privacyPolicyPageUrl":"\/policies\/privacy-policy","primaryDomain":"https:\/\/nutivacanada-2.myshopify.com","privacyWidgetPosition":"bottom-right","customCss":"\n\/* Note: use !important to override the default styles *\/\n\/* =========================\n   FIRST LAYER (Banner)\n   ========================= *\/\n\/* banner content *\/\n#iubend
2915a-cs-banner .iubenda-cs-content {\n}\n\/* privacy policy link *\/\n#iubenda-cs-title {\n}\n\/* main paragraph *\/\n#iubenda-cs-paragraph.iubenda-cs-small-margin-top {\n}\n\/* privacy policy link *\/\n#iubenda-cs-banner .iubenda-cs-cookie-policy-lnk {\n}\n\n\/* button (accept) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn {\n}\n\n\/* button (reject) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {\n}\n\n\/* button (view preference) *\/\n#iubenda-cs-banner .iubenda-cs-opt-group button {\n}\n\n\/* =========================\n   SECOND LAYER (Preferences Modal)\n   ========================= *\/\n\n\/* modal header *\/\n#iubenda-iframe-content #purposes-container .purposes-header {\n}\n\/* header button *\/\n#iubenda-iframe-content #purposes-container .purposes-header .purposes-header-right .iub-btn-cp  {\n}\n\n\/* modal main section *\/\n#iubenda-iframe-content #purposes-content-container .purposes-content {\n}\n\/* consent buttons *\/\n#iubenda-iframe-content .purposes-content .iub-consent-buttons {\n}
2915\n\/* consent buttons hover *\/\n#iubenda-iframe-content .purposes-content .iub-btn:hover {\n}\n\/* consent sections *\/\n#purposes-content-container div.purposes-section-body, #purposes-content-container .purposes-item div.purposes-item-header { \n}\n\n\/* modal footer*\/\n#iubenda-iframe-content .iubenda-iframe-footer {\n}\n\/* save and continue button *\/\n#iubenda-iframe-content #iubFooterBtnContainer button {\n}\n"};
2916            const settings = {"businessLocation":"CA","targetRegions":{"EU":true,"US":true,"CA":false,"BR":false},"legislations":{"isAutomatic":false,"customLegislations":{"gdprApplies":true,"usprApplies":false,"ccpaApplies":false,"lgpdApplies":false}},"googleConsentMode":false,"microsoftConsentMode":false,"enableTcf":false,"fallbackLanguage":"en","emailNotification":true,"disableAutoBlocking":false,"enableAdvanceGCM":true};
2917
2918            const supportedLangs = [
2919            'bg','ca','cs','da','de','el','en','en-GB','es','et',
2920            'fi','fr','hr','hu','it','lt','lv','nl','no','pl',
2921            'pt','pt-BR','ro','ru','sk','sl','sv'
2922            ];
2923
2924            // Build i18n map; prefer globals (e.g., window.it / window.en) if your locale files define them,
2925            // otherwise fall back to Liquid-injected JSON (cleaned_*).
2926            let currentLang = "en";
2927            if (currentLang === 'pt-PT') {
2928                currentLang = 'pt';
2929            }
2930            const fallbackLang = "en";
2931            let iub_i18n = {};
2932
2933            // fallback first
2934            (function attachFallback() {
2935                // If your external locale file defines a global like "window[<lang>]"
2936                if (typeof window[fallbackLang] !== "undefined") {
2937                    iub_i18n[fallbackLang] = window[fallbackLang];
2938                    return;
2939                }
2940            })();
2941
2942            // then current
2943            (function attachCurrent() {
2944            if (supportedLangs.includes(currentLang)) {
2945                if (typeof window[currentLang] !== "undefined") {
2946                    iub_i18n[currentLang] = window[currentLang];
2947                    return;
2948                }
2949            }
2950            })();
2951
2952            const localeRootUrl = "/";
2953            const normalizedLocaleRoot = localeRootUrl.startsWith('/') ? localeRootUrl : `/${localeRootUrl}`;
2954            const isPrimaryLang = normalizedLocaleRoot === '/';
2955
2956            const hasCookiePolicyForLocale = Boolean(currentCsConfiguration?.cookiePolicyIds?.[currentLang]);
2957            const localePath = isPrimaryLang ? '' : (hasCookiePolicyForLocale ? normalizedLocaleRoot : `/${fallbackLang}`);
2958            const primaryDomain = "https://nutivacanada-2.myshopify.com";
2959            const cookiePolicyPageUrl = "/pages/cookie-policy";
2960            const privacyPolicyPageUrl = "/policies/privacy-policy";
2961
2962            const cookiePolicyId =
2963            currentCsConfiguration?.cookiePolicyIds[currentLang] ??
2964            currentCsConfiguration?.cookiePolicyIds[fallbackLang];
2965
2966            // 🔴 IMPORTANT: make _iub global
2967            window._iub = window?._iub || [];
2968            const _iub = window._iub;
2969
2970            _iub.csConfiguration = {
2971                ..._iub.csConfiguration,
2972                ...currentCsConfiguration,
2973                cookiePolicyId,
2974                consentOnContinuedBrowsing:  false,
2975                perPurposeConsent:           true,
2976                countryDetection:            true,
2977                enableGdpr:                  settings?.legislations?.customLegislations?.gdprApplies,
2978                enableUspr:                  settings?.legislations?.customLegislations?.usprApplies,
2979                enableCcpa:                  settings?.legislations?.customLegislations?.ccpaApplies,
2980                enableLgpd:                  settings?.legislations?.customLegislations?.lgpdApplies,
2981                googleConsentMode:           settings?.googleConsentMode,
2982                uetConsentMode:              settings?.microsoftConsentMode,
2983                enableTcf:                   settings?.enableTcf,
2984                tcfPublisherCC:              settings?.businessLocation,
2985                lang:                        supportedLangs.includes(currentLang) ? currentLang : fallbackLang,
2986                i18n:                        iub_i18n,
2987                brand:                       'Complianz',
2988                cookiePolicyInOtherWindow:   true,
2989                cookiePolicyUrl:             `${primaryDomain}${localePath}${cookiePolicyPageUrl}`,
2990                privacyPolicyUrl:            `${primaryDomain}${localePath}${privacyPolicyPageUrl}`,
2991                floatingPreferencesButtonDisplay: currentCsConfiguration?.privacyWidget ? (currentCsConfiguration?.banner?.privacyWidgetPosition ?? 'bottom-right') : false,
2992                cmpId:                       { tcf: 332 },
2993                callback:                    {},
2994                purposes:                    "1, 2, 3, 4, 5",
2995                promptToAcceptOnBlockedElements: true,
2996                googleEnableAdvertiserConsentMode: settings?.googleConsentMode && settings?.enableTcf,
2997                whitelabel:                   true,
2998                amazonConsentSignal:          settings?.amazonConsentSignal
2999            };
3000            window._cmplc = {
3001                csConfiguration: {
3002                    cookiePolicyId
3003                }
3004            }
3005            const customeContent = preview_config?.text?.content ?? {};
3006            const titleContent =
3007            customeContent?.title?.hasOwnProperty(currentLang) ? customeContent?.title[currentLang] :
3008            customeContent?.title?.hasOwnProperty(fallbackLang) ? customeContent?.title[fallbackLang] : '';
3009            let mainContent =
3010            customeContent?.main?.hasOwnProperty(currentLang) ? customeContent?.main[currentLang] :
3011            customeContent?.main?.hasOwnProperty(fallbackLang) ? customeContent?.main[fallbackLang] : '';
3012            if (titleContent !== '') {
3013            mainContent = mainContent !== '' ? `<h2 id='iubenda-cs-custom-title'>${titleContent}</h2>${mainContent}` : '';
3014            }
3015
3016            _iub.csConfiguration.banner = {
3017            ..._iub.csConfiguration.banner,
3018            content: mainContent,
3019            acceptButtonCaption:
3020                customeContent?.accept?.hasOwnProperty(currentLang) ? customeContent?.accept[currentLang] :
3021                customeContent?.accept?.hasOwnProperty(fallbackLang) ? customeContent?.accept[fallbackLang] : '',
3022            rejectButtonCaption:
3023                customeContent?.reject?.hasOwnProperty(currentLang) ? customeContent?.reject[currentLang] :
3024                customeContent?.reject?.hasOwnProperty(fallbackLang) ? customeContent?.reject[fallbackLang] : '',
3025            customizeButtonCaption:
3026                customeContent?.learnMore?.hasOwnProperty(currentLang) ? customeContent?.learnMore[currentLang] :
3027                customeContent?.learnMore?.hasOwnProperty(fallbackLang) ? customeContent?.learnMore[fallbackLang] : '',
3028            cookiePolicyLinkCaption:
3029                customeContent?.cp_caption?.hasOwnProperty(currentLang) ? customeContent?.cp_caption[currentLang] :
3030                customeContent?.cp_caption?.hasOwnProperty(fallbackLang) ? customeContent?.cp_caption[fallbackLang] : '',
3031            };
3032
3033            var onPreferenceExpressedOrNotNeededCallback = function(prefs) {
3034                var isPrefEmpty = !prefs || Object.keys(prefs).length === 0;
3035                var consent = isPrefEmpty ? _iub.cs.api.getPreferences() : prefs;
3036                var shopifyPurposes = {
3037                    "analytics": [4, 's'],
3038                    "marketing": [5, 'adv'],
3039                    "preferences": [2, 3],
3040                    "sale_of_data": ['s', 'sh'],
3041                }
3042                var expressedConsent = {};
3043                Object.keys(shopifyPurposes).forEach(function(purposeItem) {
3044                    var purposeExpressed = null
3045                    shopifyPurposes[purposeItem].forEach(item => {
3046                    if (consent.purposes && typeof consent.purposes[item] === 'boolean') {
3047                        purposeExpressed = consent.purposes[item];
3048                    }
3049                    if (consent.uspr && typeof consent.uspr[item] === 'boolean' && purposeExpressed !== false) {
3050                        purposeExpressed = consent.uspr[item];
3051                    }
3052                    })
3053                    if (typeof purposeExpressed === 'boolean') {
3054                        expressedConsent[purposeItem] = purposeExpressed;
3055                    }
3056                })
3057
3058                var oldConsentOfCustomer = Shopify.customerPrivacy.currentVisitorConsent();
3059                if (oldConsentOfCustomer["sale_of_data"] !== 'no') {
3060                    expressedConsent["sale_of_data"] = true;
3061                }
3062
3063                window.Shopify.customerPrivacy.setTrackingConsent(expressedConsent, function() {});
3064            }
3065
3066            var onCcpaOptOutCallback = function () {
3067                window.Shopify.customerPrivacy.setTrackingConsent({ "sale_of_data": false });
3068            }
3069        
3070            var onReady = function () {
3071                const currentConsent = window.Shopify.customerPrivacy.currentVisitorConsent();
3072                delete currentConsent['sale_of_data'];
3073                if (Object.values(currentConsent).some(consent => consent !== '') || !_iub.cs.state.needsConsent) {
3074                    return;
3075                }
3076                window._iub.cs.api.showBanner();
3077            }
3078
3079            _iub.csConfiguration.callback.onPreferenceExpressedOrNotNeeded = onPreferenceExpressedOrNotNeededCallback;
3080            _iub.csConfiguration.callback.onCcpaOptOut = onCcpaOptOutCallback;
3081            _iub.csConfiguration.callback.onReady = onReady;
3082            window.COMPLIANZ_CONFIGURATION_IS_SET = true;
3083            window.dispatchEvent(new CustomEvent('iub::configurationIsSet'));
3084            window.dispatchEvent(new CustomEvent('cmplc::configurationIsSet'));
3085        }
3086
3087        function isValidPolicyId(id) {
3088            if (typeof id === 'number' && !Number.isNaN(id)) {
3089                return true;
3090            }
3091            if (typeof id === 'string' && id.trim() !== '' && !Number.isNaN(Number(id))) {
3092                return true;
3093            }
3094            return false;
3095        }
3096
3097        function normalizePolicyId(id) {
3098            return typeof id === 'number' ? id : Number(id);
3099        }
3100
3101        function getPolicyContentElements() {
3102            return {
3103                cpTag: document.getElementById('cookie-policy-content'),
3104                ppTag: document.getElementById('privacy-policy-content'),
3105            };
3106        }
3107
3108        function setPolicyContentLoading(el) {
3109            el.classList.remove('complianz-policy-content--loaded');
3110            el.style.opacity = '0';
3111        }
3112
3113        function revealPolicyContent(el, content) {
3114            el.innerHTML = content;
3115            el.classList.remove('complianz-policy-content--loaded');
3116            void el.offsetWidth;
3117            el.classList.add('complianz-policy-content--loaded');
3118            el.style.removeProperty('opacity');
3119            el.dataset.complianzPolicyLoaded = 'true';
3120        }
3121
3122        function markIubLoaded() {
3123            if (window.IubEventsTrackRecord.iubLoaded) {
3124                return;
3125            }
3126            window.IubEventsTrackRecord.iubLoaded = true;
3127        }
3128
3129        function markDomContentLoaded() {
3130            if (window.IubEventsTrackRecord.domContentLoaded) {
3131                return;
3132            }
3133            window.IubEventsTrackRecord.domContentLoaded = true;
3134        }
3135
3136        async function tryPopulatePolicyContent() {
3137            if (!window.IubEventsTrackRecord.iubLoaded || !window.IubEventsTrackRecord.domContentLoaded) {
3138                return;
3139            }
3140
3141            await populatePolicyContent();
3142        }
3143
3144        async function populatePolicyContent() {
3145            const { cpTag, ppTag } = getPolicyContentElements();
3146            const rawId = window._iub?.csConfiguration?.cookiePolicyId;
3147
3148            if (!cpTag && !ppTag) {
3149                return;
3150            }
3151
3152            if (!isValidPolicyId(rawId)) {
3153                if (cpTag) {
3154                    revealPolicyContent(cpTag, 'Failed to load content.');
3155                }
3156                if (ppTag) {
3157                    revealPolicyContent(ppTag, 'Failed to load content.');
3158                }
3159                return;
3160            }
3161
3162            const id = normalizePolicyId(rawId);
3163
3164            if (cpTag && cpTag.dataset.complianzPolicyLoaded !== 'true') {
3165                setPolicyContentLoading(cpTag);
3166                const cpUrl = 'https://www.iubenda.com/api/privacy-policy/' + id + '/cookie-policy/no-markup';
3167                try {
3168                    const response = await fetch(cpUrl);
3169                    if (!response.ok) {
3170                        throw new Error('HTTP ' + response.status);
3171                    }
3172                    const html = await response.json();
3173                    const content = html?.content ?? 'Failed to load content.';
3174                    revealPolicyContent(cpTag, content);
3175                } catch (_err) {
3176                    revealPolicyContent(cpTag, 'Failed to load content.');
3177                }
3178            }
3179
3180            if (ppTag && ppTag.dataset.complianzPolicyLoaded !== 'true') {
3181                setPolicyContentLoading(ppTag);
3182                const ppUrl = 'https://www.iubenda.com/api/privacy-policy/' + id + '/no-markup';
3183                try {
3184                    const response = await fetch(ppUrl);
3185                    if (!response.ok) {
3186                        throw new Error('HTTP ' + response.status);
3187                    }
3188                    const html = await response.json();
3189                    const content = html?.content ?? 'Failed to load content.';
3190                    revealPolicyContent(ppTag, content);
3191                } catch (_err) {
3192                    revealPolicyContent(ppTag, 'Failed to load content.');
3193                }
3194            }
3195        }
3196
3197        function registerEventListeners() {
3198            if (policyContentListenerRegistered) {
3199                return;
3200            }
3201            policyContentListenerRegistered = true;
3202
3203            window.addEventListener('iub::configurationIsSet', () => {
3204                markIubLoaded();
3205                tryPopulatePolicyContent();
3206            });
3207
3208            window.addEventListener('cmplc::configurationIsSet', () => {
3209                markIubLoaded();
3210                tryPopulatePolicyContent();
3211            });
3212
3213            document.addEventListener('DOMContentLoaded', () => {
3214                markDomContentLoaded();
3215                tryPopulatePolicyContent();
3216            });
3217
3218            if (document.readyState !== 'loading') {
3219                markDomContentLoaded();
3220                tryPopulatePolicyContent();
3221            }
3222
3223            if (window.COMPLIANZ_CONFIGURATION_IS_SET) {
3224                markIubLoaded();
3225                tryPopulatePolicyContent();
3226            }
3227        }
3228
3229        registerEventListeners();
3230
3231        Promise.all([
3232            loadScript("https://cdn.shopify.com/extensions/019ff089-9ce4-7f60-9df7-212f05df0e73/complianz-gdpr-cookie-consent-88/assets/en.js"),
3233            loadScript("https://cdn.shopify.com/extensions/019ff089-9ce4-7f60-9df7-212f05df0e73/complianz-gdpr-cookie-consent-88/assets/en.js"),
3234        ]).finally(() => {
3235            initIubenda();
3236            loadScript("https://cdn.iubenda.com/cs/iubenda_cs.js");
3237        });
3238    </script>
3238
3239
3240    
3240<script>
3241        window.Shopify.loadFeatures(
3242            [
3243                {
3244                name: 'consent-tracking-api',
3245                version: '0.1',
3246                },
3247            ],
3248            function(error) {
3249                if (error) {
3250                throw error;
3251                }
3252            }
3253        );
3254    </script>
3254
3255
3256
3257<!-- END app block --><!-- BEGIN app block: shopify://apps/weglot-translate-your-store/blocks/weglot/3097482a-fafe-42ff-bc33-ea19e35c4a20 -->
3258
3259  
3260
3261  
3262
3263  
3264  
3265    
3266      
3267
3268      
3269      
3270      
3271    
3272  
3273
3274
3275<!--Start Weglot Script-->
3276<script src="https://cdn.weglot.com/weglot.min.js?api_key=wg_05cc178d8139cdbe4e96aaf50de0fbb34" async></script>
3276
3277<!--End Weglot Script-->
3278
3279<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3280<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: 77761118366,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};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 3280
3280
3281<script>
3282  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
3283</script>
vendor: 1 bytes, line 3283
3283
3284<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}
3284).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: 77761118366,storefrontBaseUrl: "https://nutiva.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nutiva.ca/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"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":"Nutiva Canada","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"nutivacanada-2.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/nutiva.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://nutiva.ca/cdn","a5bf51cfwabd6c495p49b74ff1maa529d2b",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"156709453982","themePublished":"true","eventMetadataId":"418d99d9-433d-47a8-8f6e-08d074fb37f8","pageType":"blog","resourceId":"100496769182","shopId":"77761118366","storefrontBaseUrl":"https:\/\/nutiva.ca","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"a5bf51cfwabd6c495p49b74ff1maa529d2b","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
3284<script>
3285  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
3286  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
3287  window.ShopifyAnalytics.meta.currency = 'CAD';
3288  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":100496769182,"requestId":"7e269830-c328-4277-aeb4-a334fcb08eb7-1790676461"}};
3289  for (var attr in meta) {
3290    window.ShopifyAnalytics.meta[attr] = meta[attr];
3291  }
3292</script>
vendor: 1 bytes, line 3292
3292
3293<script class="analytics">
3294  (function () {
3295    var customDocumentWrite = function(content) {
3296      var jquery = null;
3297
3298      if (window.jQuery) {
3299        jquery = window.jQuery;
3300      } else if (window.Checkout && window.Checkout.$) {
3301        jquery = window.Checkout.$;
3302      }
3303
3304      if (jquery) {
3305        jquery('body').append(content);
3306      }
3307    };
3308
3309    var hasLoggedConversion = function(token) {
3310      if (token) {
3311        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
3312      }
3313      return false;
3314    }
3315
3316    var setCookieIfConversion = function(token) {
3317      if (token) {
3318        var twoMonthsFromNow = new Date(Date.now());
3319        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
3320
3321        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
3322      }
3323    }
3324
3325    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
3326    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
3327    if (trekkie.integrations) {
3328      return;
3329    }
3330    trekkie.methods = [
3331      'identify',
3332      'page',
3333      'ready',
3334      'track',
3335      'trackForm',
3336      'trackLink'
3337    ];
3338    trekkie.factory = function(method) {
3339      return function() {
3340        var args = Array.prototype.slice.call(arguments);
3341        args.unshift(method);
3342        trekkie.push(args);
3343        if (method == 'track' || method == 'page') {
3344          var pageUrl;
3345          try {
3346            pageUrl = window.location.href;
3347          } catch (e) {}
3348          var pageReferrer;
3349          try {
3350            pageReferrer = document.referrer;
3351          } catch (e) {}
3352          try {
3353            if (window.__TREKKIE_SHIM_QUEUE == null) {
3354              window.__TREKKIE_SHIM_QUEUE = [];
3355            }
3356            window.__TREKKIE_SHIM_QUEUE.push({
3357              from: 'trekkie-stub',
3358              method: method,
3359              args: args.slice(1),
3360              pageContext: {
3361                url: pageUrl,
3362                referrer: pageReferrer
3363              }
3364            });
3365          } catch (e) {
3366            // no-op
3367          }
3368        }
3369        return trekkie;
3370      };
3371    };
3372    for (var i = 0; i < trekkie.methods.length; i++) {
3373      var key = trekkie.methods[i];
3374      trekkie[key] = trekkie.factory(key);
3375    }
3376    trekkie.load = function(config) {
3377      trekkie.config = config || {};
3378      trekkie.config.initialDocumentCookie = document.cookie;
3379      var first = document.getElementsByTagName('script')[0];
3380var script = document.createElement('script');
3381script.type = 'text/javascript';
3382script.onerror = function(e) {
3383  var scriptFallback = document.createElement('script');
3384  scriptFallback.type = 'text/javascript';
3385  scriptFallback.onerror = function(error) {
3386          var Monorail = {
3387      produce: function produce(monorailDomain, schemaId, payload) {
3388        var currentMs = new Date().getTime();
3389        var event = {
3390          schema_id: schemaId,
3391          payload: payload,
3392          metadata: {
3393            event_created_at_ms: currentMs,
3394            event_sent_at_ms: currentMs
3395          }
3396        };
3397        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
3398      },
3399      sendRequest: function sendRequest(endpointUrl, payload) {
3400        // Try the sendBeacon API
3401        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
3402          var blobData = new window.Blob([payload], {
3403            type: 'text/plain'
3404          });
3405
3406          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
3407            return true;
3408          } // sendBeacon was not successful
3409
3410        } // XHR beacon
3411
3412        var xhr = new XMLHttpRequest();
3413
3414        try {
3415          xhr.open('POST', endpointUrl);
3416          xhr.setRequestHeader('Content-Type', 'text/plain');
3417          xhr.send(payload);
3418        } catch (e) {
3419          console.log(e);
3420        }
3421
3422        return false;
3423      },
3424      isIos12: function isIos12() {
3425        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
3426      }
3427    };
3428    Monorail.produce('monorail-edge.shopifysvc.com',
3429      'trekkie_storefront_load_errors/1.1',
3430      {shop_id: 77761118366,
3431      theme_id: 156709453982,
3432      app_name: "storefront",
3433      context_url: window.location.href,
3434      source_url: "//nutiva.ca/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
3435
3436  };
3437  scriptFallback.async = true;
3438  scriptFallback.src = '//nutiva.ca/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
3439  first.parentNode.insertBefore(scriptFallback, first);
3440};
3441script.async = true;
3442script.src = '//nutiva.ca/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
3443first.parentNode.insertBefore(script, first);
3444
3445    };
3446    trekkie.load(
3447      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77761118366,"isMerchantRequest":null,"themeId":156709453982,"themeCityHash":"13661427110665236985","contentLanguage":"en","currency":"CAD","eventMetadataId":"418d99d9-433d-47a8-8f6e-08d074fb37f8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
3448    );
3449
3450    var loaded = false;
3451    trekkie.ready(function() {
3452      if (loaded) return;
3453      loaded = true;
3454
3455      window.ShopifyAnalytics.lib = window.trekkie;
3456
3457      var originalDocumentWrite = document.write;
3458      document.write = customDocumentWrite;
3459      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
3460      document.write = originalDocumentWrite;
3461
3462      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
3463      var token = match? match[1]: undefined;
3464      if (!hasLoggedConversion(token)) {
3465        setCookieIfConversion(token);
3466        
3467      }
3468    });
3469
3470    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":100496769182,"requestId":"7e269830-c328-4277-aeb4-a334fcb08eb7-1790676461","shopifyEmitted":true});
3471
3472    var eventsListenerScript = document.createElement('script');
3473    eventsListenerScript.async = true;
3474    eventsListenerScript.src = "//nutiva.ca/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
3475    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
3476})();</script>
vendor: 1 bytes, line 3476
3476
3477<script
3478  defer
3479  src="https://nutiva.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
3480  data-application="storefront-renderer"
3481  data-shop-id="77761118366"
3482  data-render-region="gcp-us-central1"
3483  data-page-type="blog"
3484  data-theme-instance-id="156709453982"
3485  data-theme-name="Horizon"
3486  data-theme-version="3.3.1"
3487  data-monorail-region="shop_domain"
3488  data-resource-timing-sampling-rate="10"
3489  data-shs="true"
3490  data-shs-beacon="true"
3491  data-shs-export-with-fetch="true"
3492  data-shs-logs-sample-rate="1"
3493  data-shs-beacon-endpoint="https://nutiva.ca/api/collect"
3494></script>
3494
3495<meta name="shopify-y" content="9b4b75de-3e97-41e0-8044-380fe70d3e46" data-expiration="1822234061000"><meta name="shopify-s" content="6fd65425-65a1-4657-84b8-c1df8068ee10" data-expiration="1790678261000"><meta name="new-cookie-storage-activated" content="t">
3496</head><body
3497    class="
3498    page-width-narrow 
3499    card-hover-effect-none 
3500    page-handle-news
3501    
3502    
3503    
3504    "
3505    data-page-handle="news"
3506  >
3507    <div id="header-group">
3508      <!-- BEGIN sections: header-group -->
3509<div id="shopify-section-sections--21505445363870__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
3510
3511
3512
3513<div class="section-background color-scheme-c0638cc2-5f50-48e6-b11f-96a9229f6a7b"></div>
3514<aside
3515  class="announcement-bar spacing-style section section--page-width color-scheme-c0638cc2-5f50-48e6-b11f-96a9229f6a7b"
3516  style="--padding-block-start: 15px; --padding-block-end:15px; 
3517--padding-inline-start:0px; --padding-inline-end:0px; 
3518; --border-bottom-width: 1px;"
3519>
3520  
3521
3522  <announcement-bar-component
3523    class="announcement-bar__slider"
3524    
3525  >
3526    
3527
3528    <div class="announcement-bar__slides">
3529      
3530<slideshow-slide
3531    ref="slides[]"
3532    class="
3533      announcement-bar__slide
3534      text-block
3535      text-block--AR2NObHV5R0pTL3VRa__announcement_BxgCk9
3536      text-block--align-center
3537      text-block--full-width
3538      custom-typography
3539      custom-font-size
3540      custom-font-weight
3541    "
3542    style="
3543      
3544--color: ;--font-size: 1.25rem;--font-weight: 700;    --font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3545      --width: 100%;
3546      --text-align: center;
3547      --line-height: 1;
3548    "
3549    
3550    aria-hidden="false"
3551  >
3552    <p class="announcement-bar__text">
3553      Coconut Secret is now Nutiva! See the new look for our Soy Sauce Substitutes.
3554    </p>
3555
3556    
3557      <a
3558        class="announcement-bar__link"
3559        href="/collections/organic-condiments"
3560      >
3561        <span class="visually-hidden">
3562          Coconut Secret is now Nutiva! See the new look for our Soy Sauce Substitutes.
3563        </span>
3564      </a>
3565    
3566  </slideshow-slide>
3567
3568
3569
3570    </div>
3571  </announcement-bar-component>
3572</aside>
3573
3574
3575
3576
3577</div><header id="shopify-section-sections--21505445363870__header_section" class="shopify-section shopify-section-group-header-group header-section">
3578
3579
3580
3581
3582
3583<script type="application/ld+json">
3584  {
3585    "@context": "http://schema.org",
3586    "@type": "Organization",
3587    "name": "Nutiva Canada",
3588    
3589      "logo": "https:\/\/nutiva.ca\/cdn\/shop\/files\/Nutiva_Logo_BF_PMS1817.png?v=1780951441\u0026width=500",
3590    
3591    "url": "https:\/\/nutiva.ca"
3592  }
3593</script>
3593
3594
3595<header-component
3596  id="header-component"
3597  class="header"
3598  data-theme-color="rgb(221 240 238)"
3599  
3600  
3601    sticky="always"
3602  
3603  data-skip-node-update
3604  data-scroll-direction="none"
3605>
3606    
3607
3608    
3609
3610    
3611    
3612      <div
3613        class="header__row header__row--top color-scheme-0b1e364d-5956-43ba-a27f-aa49ebc054dc section section--full-width-margin section--page-width"
3614        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
3615        <div class="header__columns spacing-style">
3616          <div
3617      class="header__column header__column--left"
3618      data-testid="header-top-left"
3619    >
3620      
3621        
3622          
3623              
3624
3625
3626
3627    <div
3628      class="header__drawer"
3629      ref="headerDrawerContainer"
3630      data-hydration-key="header-drawer-mobile"
3631      
3632    >
3633      
3634
3635<script
3636  src="//nutiva.ca/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371780947931"
3637  type="module"
3638  fetchpriority="low"
3639></script>
3639
3640
3641<header-drawer
3642  class="header-drawer "
3643  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
3644>
3645  <details
3646    id="Details-menu-drawer-container"
3647    data-skip-node-update="true"
3648    class="menu-drawer-container"
3649    ref="details"
3650    scroll-lock
3651  >
3652    <summary
3653      class="header__icon header__icon--menu header__icon--summary"
3654      aria-label="Menu"
3655      on:click="/toggle"
3656    >
3657      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3658  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3659  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3660</svg>
3661</span>
3662      <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">
3663  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3664  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3665</svg>
3666</span>
3667    </summary>
3668    <div
3669      ref="menuDrawer"
3670      class="
3671        menu-drawer
3672        color-scheme-1
3673      "
3674    >
3675      <button
3676        class="button close-button menu-drawer__close-button"
3677        type="button"
3678        aria-label="Close"
3679        on:click="/close"
3680      >
3681        <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">
3682  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3683  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3684</svg>
3685</span>
3686      </button>
3687      <nav
3688        class="menu-drawer__navigation"
3689        style="--menu-top-level-font-family: var(--font-body--family);
3690--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3691
3692  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
3693  var(--menu-font-2xl--line-height);
3694
3695--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3696
3697--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3698var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3699none;
3700
3701    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3702    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3703    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3704  
3705--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
3706var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3707none;
3708
3709    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3710    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3711    var(--opacity-subdued-text));
3712  
3713
3714        "
3715      >
3716        <ul
3717          class="menu-drawer__menu has-submenu"
3718          role="list"
3719        >
3720
3721
3722              <li
3723                class="menu-drawer__list-item"
3724                style="--menu-drawer-animation-index: 1;"
3725              ><details
3726                    id="Details-menu-drawer-menu-item-1"
3727                    class="menu-drawer__menu-container"
3728                  >
3729                    <summary
3730                      id="HeaderDrawer-products"
3731                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3732                      on:click="header-drawer/open/submenu"
3733                    >
3734                      <span class="menu-drawer__menu-item-text wrap-text">Products</span>
3735                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3736  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3737</svg>
3738</span>
3739                    </summary>
3740                    <div
3741                      id="link-products"
3742                      class="menu-drawer__submenu has-submenu"
3743                      tabindex="-1"
3744                      style="--menu-drawer-animation-index: 1;"
3745                    >
3746                      <div class="menu-drawer__inner-submenu">
3747                        <div class="menu-drawer__nav-buttons">
3748                          <button
3749                            class="button menu-drawer__back-button focus-inset"
3750                            aria-expanded="true"
3751                            on:click="header-drawer/back"
3752                            aria-label="Back"
3753                          >
3754                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3755  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3756</svg>
3757</span>
3758                            <span class="menu-drawer__menu-item-text wrap-text">Products</span>
3759                          </button>
3760                          <button
3761                            class="button button-unstyled close-button menu-drawer__close-button"
3762                            type="button"
3763                            aria-label="Close"
3764                            on:click="header-drawer/close"
3765                          >
3766                            <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">
3767  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3768  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3769</svg>
3770</span>
3771                          </button>
3772                        </div>
3773                        
3774                        <ul
3775                          class="menu-drawer__menu menu-drawer__menu--childlist"
3776                          role="list"
3777                          tabindex="-1"
3778                        >
3779                          <li
3780                              class="
3781                                menu-drawer__list-item
3782                                menu-drawer__list-item--flat
3783                              "
3784                            >
3785                                
3786<a
3787                                    id="HeaderDrawer-products-organic-culinary"
3788                                    href="/collections/culinary"
3789                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3790                                  >
3791                                    <span class="menu-drawer__menu-item-text wrap-text">Organic Culinary</span>
3792                                  </a>
3793                                  
3794                                  <ul
3795                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3796                                    role="list"
3797                                    tabindex="-1"
3798                                  ><li
3799                                        class="menu-drawer__list-item"
3800                                        style="--menu-drawer-animation-index: 1;"
3801                                      >
3802                                        <a
3803                                          id="HeaderDrawer-products-organic-culinary-virgin-coconut-oil"
3804                                          href="/collections/virgin-coconut-oil"
3805                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3806                                          
3807                                        >
3808                                          
3809                                          <span class="menu-drawer__menu-item-text wrap-text">Virgin Coconut Oil</span>
3810                                        </a>
3811                                      </li><li
3812                                        class="menu-drawer__list-item"
3813                                        style="--menu-drawer-animation-index: 2;"
3814                                      >
3815                                        <a
3816                                          id="HeaderDrawer-products-organic-culinary-refined-coconut-oil"
3817                                          href="/collections/refined-coconut-oil"
3818                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3819                                          
3820                                        >
3821                                          
3822                                          <span class="menu-drawer__menu-item-text wrap-text">Refined Coconut Oil</span>
3823                                        </a>
3824                                      </li><li
3825                                        class="menu-drawer__list-item"
3826                                        style="--menu-drawer-animation-index: 3;"
3827                                      >
3828                                        <a
3829                                          id="HeaderDrawer-products-organic-culinary-liquid-coconut-oil"
3830                                          href="/collections/liquid-coconut-oil"
3831                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3832                                          
3833                                        >
3834                                          
3835                                          <span class="menu-drawer__menu-item-text wrap-text">Liquid Coconut Oil</span>
3836                                        </a>
3837                                      </li><li
3838                                        class="menu-drawer__list-item"
3839                                        style="--menu-drawer-animation-index: 4;"
3840                                      >
3841                                        <a
3842                                          id="HeaderDrawer-products-organic-culinary-coconut-oil-butter-flavour"
3843                                          href="/collections/coconut-oil-butter-flavour"
3844                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3845                                          
3846                                        >
3847                                          
3848                                          <span class="menu-drawer__menu-item-text wrap-text">Coconut Oil Butter Flavour</span>
3849                                        </a>
3850                                      </li><li
3851                                        class="menu-drawer__list-item"
3852                                        style="--menu-drawer-animation-index: 5;"
3853                                      >
3854                                        <a
3855                                          id="HeaderDrawer-products-organic-culinary-coconut-manna"
3856                                          href="/collections/coconut-manna"
3857                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3858                                          
3859                                        >
3860                                          
3861                                          <span class="menu-drawer__menu-item-text wrap-text">Coconut Manna</span>
3862                                        </a>
3863                                      </li></ul></li><li
3864                              class="
3865                                menu-drawer__list-item
3866                                menu-drawer__list-item--flat
3867                              "
3868                            >
3869                                
3870<a
3871                                    id="HeaderDrawer-products-organic-supplements"
3872                                    href="/collections/organic-supplements"
3873                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3874                                  >
3875                                    <span class="menu-drawer__menu-item-text wrap-text">Organic Supplements</span>
3876                                  </a>
3877                                  
3878                                  <ul
3879                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3880                                    role="list"
3881                                    tabindex="-1"
3882                                  ><li
3883                                        class="menu-drawer__list-item"
3884                                        style="--menu-drawer-animation-index: 1;"
3885                                      >
3886                                        <a
3887                                          id="HeaderDrawer-products-organic-supplements-c8"
3888                                          href="/collections/c8"
3889                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3890                                          
3891                                        >
3892                                          
3893                                          <span class="menu-drawer__menu-item-text wrap-text">C8</span>
3894                                        </a>
3895                                      </li><li
3896                                        class="menu-drawer__list-item"
3897                                        style="--menu-drawer-animation-index: 2;"
3898                                      >
3899                                        <a
3900                                          id="HeaderDrawer-products-organic-supplements-mct"
3901                                          href="/collections/mct"
3902                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3903                                          
3904                                        >
3905                                          
3906                                          <span class="menu-drawer__menu-item-text wrap-text">MCT</span>
3907                                        </a>
3908                                      </li><li
3909                                        class="menu-drawer__list-item"
3910                                        style="--menu-drawer-animation-index: 3;"
3911                                      >
3912                                        <a
3913                                          id="HeaderDrawer-products-organic-supplements-mct-powder"
3914                                          href="/collections/mct-powder"
3915                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3916                                          
3917                                        >
3918                                          
3919                                          <span class="menu-drawer__menu-item-text wrap-text">MCT Powder</span>
3920                                        </a>
3921                                      </li></ul></li><li
3922                              class="
3923                                menu-drawer__list-item
3924                                menu-drawer__list-item--flat
3925                              "
3926                            >
3927                                
3928<a
3929                                    id="HeaderDrawer-products-organic-condiments"
3930                                    href="/collections/organic-condiments"
3931                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3932                                  >
3933                                    <span class="menu-drawer__menu-item-text wrap-text">Organic Condiments</span>
3934                                  </a>
3935                                  
3936                                  <ul
3937                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3938                                    role="list"
3939                                    tabindex="-1"
3940                                  ><li
3941                                        class="menu-drawer__list-item"
3942                                        style="--menu-drawer-animation-index: 1;"
3943                                      >
3944                                        <a
3945                                          id="HeaderDrawer-products-organic-condiments-original-soy-sauce-sub
3945stitute"
3946                                          href="/collections/original-soy-sauce-substitute"
3947                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3948                                          
3949                                        >
3950                                          
3951                                          <span class="menu-drawer__menu-item-text wrap-text">Original Soy Sauce Substitute</span>
3952                                        </a>
3953                                      </li><li
3954                                        class="menu-drawer__list-item"
3955                                        style="--menu-drawer-animation-index: 2;"
3956                                      >
3957                                        <a
3958                                          id="HeaderDrawer-products-organic-condiments-teriyaki-soy-sauce-substitute"
3959                                          href="/collections/teriyaki-soy-sauce-substitute"
3960                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3961                                          
3962                                        >
3963                                          
3964                                          <span class="menu-drawer__menu-item-text wrap-text">Teriyaki Soy Sauce Substitute</span>
3965                                        </a>
3966                                      </li></ul></li><li
3967                              class="
3968                                menu-drawer__list-item
3969                                
3970                              "
3971                            ><a
3972                                  id="HeaderDrawer-products-best-sellers"
3973                                  href="/collections/best-selling-products"
3974                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3975                                  
3976                                >
3977                                  
3978                                  <span class="menu-drawer__menu-item-text wrap-text">Best Sellers</span>
3979                                </a></li></ul>
3980                        
3981                      </div>
3982                    </div>
3983                  </details></li>
3984              <li
3985                class="menu-drawer__list-item"
3986                style="--menu-drawer-animation-index: 2;"
3987              ><a
3988                    id="HeaderDrawer-learn"
3989                    href="/blogs/news"
3990                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
3991                    
3992                      aria-current="page"
3993                    
3994                  >
3995                    <span class="menu-drawer__menu-item-text wrap-text">Learn</span>
3996                  </a></li>
3997              <li
3998                class="menu-drawer__list-item"
3999                style="--menu-drawer-animation-index: 3;"
4000              ><a
4001                    id="HeaderDrawer-recipes"
4002                    href="/blogs/recipes"
4003                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4004                    
4005                  >
4006                    <span class="menu-drawer__menu-item-text wrap-text">Recipes</span>
4007                  </a></li>
4008        </ul>
4009      </nav>
4010      <div
4011        class="menu-drawer__utility-links menu-drawer__animated-element"
4012        style="--menu-drawer-animation-index: 3;"
4013      >
4014        
4015        </div>
4016
4017      
4018    </div>
4019    <div
4020      class="menu-drawer__backdrop"
4021      on:click="header-drawer/close"
4022    ></div>
4023  </details>
4024</header-drawer>
4025
4026
4027
4028    </div>
4029
4030  
4031
4032
4033
4034
4035
4036            
4037        
4038      
4039        
4040          
4041              
4042  <search-button class="search-action search-action--hidden-on-menu">
4043    <button
4044      on:click="#search-modal/showDialog"
4045      class="button-unstyled header-actions__action"
4046      aria-label="Search"
4047      aria-haspopup="dialog"
4048    >
4049      <span
4050        class="svg-wrapper"
4051      >
4052        <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>
4053
4054      </span>
4055    </button>
4056  </search-button>
4056
4057
4058
4059
4060
4061            
4062        
4063      
4064        
4065          
4066              
4067
4068
4069
4070    
4071
4072    
4073
4074    <header-menu
4075      ref="headerMenu"
4076      class="header-menu"
4077      
4078      data-hydration-key="header-menu"
4079    >
4080      <div class="header-menu__inner">
4081        <nav
4082          class="menu-list"
4083          style="--menu-top-level-font-family: var(--font-body--family);
4084--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
4085
4086  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
4087  var(--menu-font-sm--line-height);
4088
4089--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
4090"
4091        >
4092          
4093          <overflow-list
4094  
4095    ref="overflowMenu"
4096  
4097  
4098    class="overflow-menu color-scheme-1"
4099  
4100  
4101    minimum-items="2"
4102  
4103  
4104    data-testid="header-menu-overflow-list"
4105  
4106  
4107    data-skip-node-update
4108  
4109>
4110  <template shadowrootmode="open">
4111    <link href="//nutiva.ca/cdn/shop/t/2/assets/overflow-list.css?v=78235234226353326431780947931" rel="stylesheet" type="text/css" media="all" />
4112
4113    <ul part="list">
4114      <slot></slot>
4115      <slot
4116        name="more"
4117        part="more"
4118        hidden
4119        
4120      >
4121        <li
4122          part="more"
4123        >
4124          <button
4125            class="button"
4126            type="button"
4127            tabindex="0"
4128          >
4129            More
4130          </button>
4131        </li>
4132      </slot>
4133      <li
4134        part="placeholder"
4135        hidden
4136      ></li>
4137    </ul>
4138
4139    <div part="overflow">
4140      <ul part="overflow-list">
4141        <slot name="overflow"></slot>
4142      </ul>
4143    </div>
4144  </template>
4145
4146  
4147      
4148        <li
4149          role="presentation"
4150          class="menu-list__list-item"
4151          on:focus="/activate"
4152          on:blur="/deactivate"
4153          on:pointerenter="/activate"
4154          on:pointerleave="/deactivate"
4155        >
4156          <a
4157            href="/collections/all"
4158            data-skip-node-update="true"
4159            class="menu-list__link"aria-controls="submenu-1"
4160              aria-haspopup="true"
4161              aria-expanded="false"ref="menuitem"
4162          >
4163            <span class="menu-list__link-title">Products</span>
4164          </a><div class="menu-list__submenu color-scheme-1" ref="submenu[]">
4165              <div
4166                id="submenu-1"
4167                class="menu-list__submenu-inner"
4168                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4169var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4170none;
4171
4172    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
4173    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
4174    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
4175  
4176--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4177var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4178none;
4179
4180    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
4181    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
4182    var(--opacity-subdued-text));
4183  
4184"
4185              >
4186                
4187                <div class="mega-menu section section--full-width-margin section--page-width">
4188                  <div
4189                    class="mega-menu__grid"
4190                    data-menu-grid-id="MegaMenuList-1"
4191                  >
4192                    
4193<ul
4194  data-menu-list-id="MegaMenuList-1"
4195  class="mega-menu__list list-unstyled"
4196  style="--menu-image-border-radius: 0px;"
4197>
4198  
4199    <li class="mega-menu__column mega-menu__column--span-1">
4200    <div>
4201      <a
4202        href="/collections/culinary"
4203        class="mega-menu__link mega-menu__link--parent"
4204      >
4205        
4206        <span class="wrap-text">Organic Culinary</span>
4207      </a>
4208      
4209        <ul
4210          class="list-unstyled"
4211          
4212            style="column-count: 1;"
4213          
4214        >
4215          
4216            
4217            <li
4218              
4219            >
4220              <a
4221                href="/collections/virgin-coconut-oil"
4222                class="mega-menu__link"
4223              >
4224                <span class="wrap-text">Virgin Coconut Oil</span>
4225              </a>
4226            </li>
4227          
4228            
4229            <li
4230              
4231            >
4232              <a
4233                href="/collections/refined-coconut-oil"
4234                class="mega-menu__link"
4235              >
4236                <span class="wrap-text">Refined Coconut Oil</span>
4237              </a>
4238            </li>
4239          
4240            
4241            <li
4242              
4243            >
4244              <a
4245                href="/collections/liquid-coconut-oil"
4246                class="mega-menu__link"
4247              >
4248                <span class="wrap-text">Liquid Coconut Oil</span>
4249              </a>
4250            </li>
4251          
4252            
4253            <li
4254              
4255            >
4256              <a
4257                href="/collections/coconut-oil-butter-flavour"
4258                class="mega-menu__link"
4259              >
4260                <span class="wrap-text">Coconut Oil Butter Flavour</span>
4261              </a>
4262            </li>
4263          
4264            
4265            <li
4266              
4267            >
4268              <a
4269                href="/collections/coconut-manna"
4270                class="mega-menu__link"
4271              >
4272                <span class="wrap-text">Coconut Manna</span>
4273              </a>
4274            </li>
4275          
4276        </ul>
4277      
4278    </div>
4279
4280    </li>
4281  
4282    <li class="mega-menu__column mega-menu__column--span-1">
4283    <div>
4284      <a
4285        href="/collections/organic-supplements"
4286        class="mega-menu__link mega-menu__link--parent"
4287      >
4288        
4289        <span class="wrap-text">Organic Supplements</span>
4290      </a>
4291      
4292        <ul
4293          class="list-unstyled"
4294          
4295            style="column-count: 1;"
4296          
4297        >
4298          
4299            
4300            <li
4301              
4302            >
4303              <a
4304                href="/collections/c8"
4305                class="mega-menu__link"
4306              >
4307                <span class="wrap-text">C8</span>
4308              </a>
4309            </li>
4310          
4311            
4312            <li
4313              
4314            >
4315              <a
4316                href="/collections/mct"
4317                class="mega-menu__link"
4318              >
4319                <span class="wrap-text">MCT</span>
4320              </a>
4321            </li>
4322          
4323            
4324            <li
4325              
4326            >
4327              <a
4328                href="/collections/mct-powder"
4329                class="mega-menu__link"
4330              >
4331                <span class="wrap-text">MCT Powder</span>
4332              </a>
4333            </li>
4334          
4335        </ul>
4336      
4337    </div>
4338
4339    </li>
4340  
4341    <li class="mega-menu__column mega-menu__column--span-1">
4342    <div>
4343      <a
4344        href="/collections/organic-condiments"
4345        class="mega-menu__link mega-menu__link--parent"
4346      >
4347        
4348        <span class="wrap-text">Organic Condiments</span>
4349      </a>
4350      
4351        <ul
4352          class="list-unstyled"
4353          
4354            style="column-count: 1;"
4355          
4356        >
4357          
4358            
4359            <li
4360              
4361            >
4362              <a
4363                href="/collections/original-soy-sauce-substitute"
4364                class="mega-menu__link"
4365              >
4366                <span class="wrap-text">Original Soy Sauce Substitute</span>
4367              </a>
4368            </li>
4369          
4370            
4371            <li
4372              
4373            >
4374              <a
4375                href="/collections/teriyaki-soy-sauce-substitute"
4376                class="mega-menu__link"
4377              >
4378                <span class="wrap-text">Teriyaki Soy Sauce Substitute</span>
4379              </a>
4380            </li>
4381          
4382        </ul>
4383      
4384    </div>
4385
4386    </li>
4387  
4388    <li class="mega-menu__column mega-menu__column--span-1">
4389    <div>
4390      <a
4391        href="/collections/best-selling-products"
4392        class="mega-menu__link "
4393      >
4394        
4395        <span class="wrap-text">Best Sellers</span>
4396      </a>
4397      
4398    </div>
4399
4400    </li>
4401  
4402</ul>
4403
4404
4405
4406<style data-shopify>
4407  [data-menu-grid-id="MegaMenuList-1"] {
4408    
4409      --menu-columns-desktop: 6;
4410      --menu-columns-tablet: 4;
4411    
4412  }
4413
4414  [data-menu-list-id="MegaMenuList-1"] {
4415    
4416      --menu-columns-desktop: 6;
4417      --menu-columns-tablet: 4;
4418    
4419  }
4420</style>
4421
4422
4423
4424                  </div>
4425                </div>
4426              </div>
4427            </div></li>
4428      
4429        <li
4430          role="presentation"
4431          class="menu-list__list-item"
4432          on:focus="/activate"
4433          on:blur="/deactivate"
4434          on:pointerenter="/activate"
4435          on:pointerleave="/deactivate"
4436        >
4437          <a
4438            href="/blogs/news"
4439            data-skip-node-update="true"
4440            class="menu-list__link menu-list__link--active"ref="menuitem"
4441          >
4442            <span class="menu-list__link-title">Learn</span>
4443          </a></li>
4444      
4445        <li
4446          role="presentation"
4447          class="menu-list__list-item"
4448          on:focus="/activate"
4449          on:blur="/deactivate"
4450          on:pointerenter="/activate"
4451          on:pointerleave="/deactivate"
4452        >
4453          <a
4454            href="/blogs/recipes"
4455            data-skip-node-update="true"
4456            class="menu-list__link"ref="menuitem"
4457          >
4458            <span class="menu-list__link-title">Recipes</span>
4459          </a></li>
4460      
4461      <li
4462        class="menu-list__list-item"
4463        role="presentation"
4464        slot="more"
4465        on:focus="/activate"
4466        on:blur="/deactivate"
4467        on:pointerenter="/activate"
4468        on:pointerleave="/deactivate"
4469      >
4470        <button role="menuitem" class="menu-list__link button-unstyled">
4471          <span class="menu-list__link-title">More</span>
4472        </button>
4473      </li>
4474    
4475</overflow-list>
4476
4477        </nav>
4478      </div>
4479
4480      
4480<script
4481        src="//nutiva.ca/cdn/shop/t/2/assets/header-menu.js?v=181417698387236267271780947931"
4482        type="module"
4483        fetchpriority="low"
4484      ></script>
4484
4485    </header-menu>
4486
4487
4488
4489
4490
4491
4492            
4493        
4494      
4495    </div><div
4496      class="header__column header__column--center"
4497      data-testid="header-top-center"
4498    >
4499      
4500        
4501          
4502              
4503
4504
4505
4506
4507<a
4508  
4509  href="/"
4510  class="size-style spacing-style header-logo"
4511  style="
4512    --size-style-width: ;--size-style-height: ;
4513    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4514    --font-family: var(--font-body--family);
4515    --font-style: var(--font-body--style);
4516    --font-weight: 600;
4517  "
4518  
4519>
4520  
4521
4522  <span
4523    class="header-logo__image-container header-logo__image-container--original"
4524    data-testid="header-logo"
4525  >
4526    
4527  
4528  
4529  
4530
4531  
4532
4533  
4534
4535  
4536
4537  <img src="//nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=80&amp;v=1780951441" alt="" width="234" height="80" class="header-logo__image" srcset="//nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=80&amp;v=1780951441 1x, //nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=160&amp;v=1780951441 2x, //nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=240&amp;v=1780951441 3x" style="--header-logo-image-width: 234px;--header-logo-image-width-mobile: 117px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 40px;">
4538
4539
4540  </span>
4541
4542  
4543</a>
4544
4545
4546
4547
4548
4549            
4550        
4551      
4552    </div><div
4553      class="header__column header__column--right"
4554      data-testid="header-top-right"
4555    >
4556      
4557        
4558          
4559              
4560  
4561  
4562
4563            
4564        
4565      
4566        
4567          
4568              
4569  <search-button class="search-action search-action--hidden-on-drawer">
4570    <button
4571      on:click="#search-modal/showDialog"
4572      class="button-unstyled header-actions__action"
4573      aria-label="Search"
4574      aria-haspopup="dialog"
4575    >
4576      <span
4577        class="svg-wrapper"
4578      >
4579        <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>
4580
4581      </span>
4582    </button>
4583  </search-button>
4584
4585
4586
4587
4588            
4589        
4590      
4591        
4592          
4593              
4593<script
4594  type="module"
4595  src="//nutiva.ca/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961780947931"
4596  fetchpriority="low"
4597></script>
4597
4598
4599
4600
4601<header-actions>
4602  
4603    
4603<script
4604      src="//nutiva.ca/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021780947931"
4605      type="module"
4606    ></script>
4606
4607
4608    <anchored-popover-component
4609      data-close-on-resize="true"
4610      class="account-popover mobile:hidden"
4611    >
4612      <button
4613  class="account-button header-actions__action"
4614  aria-label="Account"
4615  aria-haspopup="dialog"popovertarget="account-popover"
4616    popovertargetaction="toggle"ref="trigger"
4617  
4618><span
4619      class="account-button__icon"
4620      aria-hidden="true"
4621    ><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>
4622</span></button>
4623
4624
4625
4626      <div
4627        class="account-popover__panel details-content color-scheme-1"
4628        id="account-popover"
4629        popover="auto"
4630        ref="popover"
4631      >
4632        <div class="account-actions">
4633  <div class="account-actions__main-menu">
4634    <header class="account-actions__header">
4635      <h2
4636        id="account-drawer-heading"
4637        class="account-actions__title h5"
4638      >
4639        
4640          Account
4641        
4642      </h2>
4643      
4644    </header>
4645
4646    
4647      <div
4648        class="account-actions__sign-ins"
4649        data-skip-subtree-update="true"
4650      >
4651        
4651<script
4652          src="//nutiva.ca/cdn/shop/t/2/assets/account-login-actions.js?v=27524771914008767821780947931"
4653          type="module"
4654          fetchpriority="low"
4655        ></script>
4655
4656        <account-login-actions class="account-actions__shop-login">
4657          
4657<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 4657
4657
4658<script type="module">
4659  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
4660
4661  
4662</script>
4662
4663
4664<shop-login-button ux-mode="windoid" return-uri="https://nutiva.ca/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
4665
4666        </account-login-actions>
4667
4668        <a
4669          href="/customer_authentication/login?return_to=%2Fblogs%2Fnews&locale=en&ui_hint=full&region_country=CA"
4670          class="account-actions__link button"
4671        >
4672          <span class="account-actions__sign-in-text">
4673            Other sign in options
4674          </span>
4675          <span class="account-actions__fallback-text">
4676            Sign in
4677          </span>
4678        </a>
4679      </div>
4680    
4681
4682    <nav class="account-actions__nav">
4683      <ul class="account-actions__list">
4684        <li class="account-actions__list-item">
4685          <a
4686            href="/account"
4687            class="account-actions__link button-secondary"
4688          >
4689            <span
4690              class="account-actions__icon"
4691              aria-hidden="true"
4692            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
4693  <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"/>
4694  <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"/>
4695</svg>
4696</span>
4697            Orders
4698          </a>
4699        </li>
4700        <li class="account-actions__list-item">
4701          <a
4702            href="/account/addresses"
4703            class="account-actions__link button-secondary"
4704          >
4705            <span
4706              class="account-actions__icon"
4707              aria-hidden="true"
4708            ><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>
4709</span>
4710            Profile
4711          </a>
4712        </li>
4713      </ul>
4714    </nav>
4715  </div>
4716</div>
4717
4718
4719
4720      </div>
4721    </anchored-popover-component>
4722
4723    <dialog-component
4724      class="account-drawer"
4725      
4726    >
4727      <button
4728  class="account-button header-actions__action"
4729  aria-label="Account"
4730  aria-haspopup="dialog"ref="trigger"
4731  on:click="/showDialog"
4732><span
4733      class="account-button__icon"
4734      aria-hidden="true"
4735    ><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>
4736</span></button>
4737
4738
4739
4740      <dialog
4741        ref="dialog"
4742        class="color-scheme-1 dialog-modal dialog-drawer account-drawer__dialog"
4743        scroll-lock
4744        aria-labelledby="account-drawer-heading"
4745      >
4746        <button
4747          ref="closeButton"
4748          on:click="/closeDialog"
4749          class="button button-unstyled close-button account-drawer__close-button"
4750          aria-label="Close dialog"
4751          autofocus
4752        >
4753          <span
4754            class="svg-wrapper"
4755            aria-hidden="true"
4756          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4757  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4758  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4759</svg>
4760</span>
4761        </button>
4762        <div class="account-actions">
4763  <div class="account-actions__main-menu">
4764    <header class="account-actions__header">
4765      <h2
4766        id="account-drawer-heading"
4767        class="account-actions__title h5"
4768      >
4769        
4770          Account
4771        
4772      </h2>
4773      
4774    </header>
4775
4776    
4777      <div
4778        class="account-actions__sign-ins"
4779        data-skip-subtree-update="true"
4780      >
4781        
4781<script
4782          src="//nutiva.ca/cdn/shop/t/2/assets/account-login-actions.js?v=27524771914008767821780947931"
4783          type="module"
4784          fetchpriority="low"
4785        ></script>
4785
4786        <account-login-actions class="account-actions__shop-login">
4787          
4787<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 4787
4787
4788<script type="module">
4789  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
4790
4791  
4792</script>
4792
4793
4794<shop-login-button ux-mode="windoid" return-uri="https://nutiva.ca/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
4795
4796        </account-login-actions>
4797
4798        <a
4799          href="/customer_authentication/login?return_to=%2Fblogs%2Fnews&locale=en&ui_hint=full&region_country=CA"
4800          class="account-actions__link button"
4801        >
4802          <span class="account-actions__sign-in-text">
4803            Other sign in options
4804          </span>
4805          <span class="account-actions__fallback-text">
4806            Sign in
4807          </span>
4808        </a>
4809      </div>
4810    
4811
4812    <nav class="account-actions__nav">
4813      <ul class="account-actions__list">
4814        <li class="account-actions__list-item">
4815          <a
4816            href="/account"
4817            class="account-actions__link button-secondary"
4818          >
4819            <span
4820              class="account-actions__icon"
4821              aria-hidden="true"
4822            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
4823  <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"/>
4824  <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"/>
4825</svg>
4826</span>
4827            Orders
4828          </a>
4829        </li>
4830        <li class="account-actions__list-item">
4831          <a
4832            href="/account/addresses"
4833            class="account-actions__link button-secondary"
4834          >
4835            <span
4836              class="account-actions__icon"
4837              aria-hidden="true"
4838            ><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>
4839</span>
4840            Profile
4841          </a>
4842        </li>
4843      </ul>
4844    </nav>
4845  </div>
4846</div>
4847
4848
4849
4850      </dialog>
4851    </dialog-component>
4852  
4853
4854  
4855    
4855<script
4856      src="//nutiva.ca/cdn/shop/t/2/assets/cart-drawer.js?v=60516533948368149871780947931"
4857      type="module"
4858      fetchpriority="low"
4859    ></script>
4859
4860
4861    
4862
4863    <cart-drawer-component
4864      class="cart-drawer"
4865      
4866      
4867    >
4868      <template id="empty-cart-template">
4869        
4870      <div class="cart-drawer__header">
4871        <button
4872          ref="closeButton"
4873          on:click="cart-drawer-component/close"
4874          class="button close-button cart-drawer__close-button button-unstyled"
4875          aria-label="Close dialog"
4876        >
4877          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4878  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4879  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4880</svg>
4881</span>
4882        </button>
4883      </div>
4884
4885      <div
4886        class="cart-drawer__content"
4887        aria-label="Cart"
4888      >
4889        <h2
4890          class="cart-drawer__heading h4 cart-drawer__heading--empty"
4891          id="cart-drawer-heading-empty"
4892        >
4893          Your cart is empty
4894        </h2>
4895
4896        <div class="cart-drawer__items">
4897          
4898
4899
4900
4901<script
4902  src="//nutiva.ca/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991780947931"
4903  type="module"
4904  fetchpriority="low"
4905></script>
vendor: 1 bytes, line 4905
4905
4906<script
4907  src="//nutiva.ca/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751780947931"
4908  type="module"
4909  fetchpriority="low"
4910></script>
vendor: 1 bytes, line 4910
4910
4911<script
4912  src="//nutiva.ca/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661780947931"
4913  type="module"
4914  fetchpriority="low"
4915></script>
4915
4916
4917<div
4918  
4919  class="cart-items__wrapper"
4920  
4921>
4922  
4923<p>
4924        Have an account? <a href="https://nutiva.ca/customer_authentication/redirect?locale=en&region_country=CA">Log in</a> to check out faster.
4925      </p><a
4926      class="button cart-items__empty-button"
4927      href="/collections/all"
4928    >
4929      <span class="button-text">
4930        Continue shopping
4931      </span>
4932    </a></div>
4933
4934
4935
4936        </div>
4937      </div>
4938    
4939      </template>
4940      <button
4941        class="button header-actions__action button-unstyled"
4942        on:click="/open"
4943        aria-haspopup="dialog"
4944        aria-label="Cart"
4945        aria-describedby="cart-bubble-text"
4946        data-testid="cart-drawer-trigger"
4947      >
4948        
4949  <cart-icon
4950    class="
4951      header-actions__cart-icon
4952      
4953    "
4954    data-testid="cart-icon"
4955  >
4956    <span
4957      class="svg-wrapper"
4958      aria-hidden="true"
4959    >
4960      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
4961
4962    </span>
4963
4964    <div
4965  ref="cartBubble"
4966  class="cart-bubble visually-hidden"
4967  
4968  
4969    data-maintain-ratio
4970  
4971>
4972  <span class="cart-bubble__background"></span>
4973  <span
4974    ref="cartBubbleText"
4975    id="cart-bubble-text"
4976    class="cart-bubble__text"
4977    
4978      role="status"
4979    
4980  >
4981    <span class="visually-hidden">Total items in cart: 0
4982    </span>
4983    <span
4984      class="cart-bubble__text-count hidden"
4985      ref="cartBubbleCount"
4986      aria-hidden="true"
4987      data-testid="cart-bubble"
4988    >
49890</span>
4990  </span>
4991</div>
4992
4993  </cart-icon>
4994
4995      </button>
4996
4997      <dialog
4998        ref="dialog"
4999        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
5000        aria-labelledby="cart-drawer-heading-empty"
5001        scroll-lock
5002        cart-summary-sticky="true"
5003      >
5004        <div
5005          class="cart-drawer__inner"
5006          data-hydration-key="cart-drawer-inner"
5007        >
5008          <cart-items-component
5009            class="cart-items-component"
5010            data-drawer
5011            data-section-id="sections--21505445363870__header_section"
5012          >
5013      <div class="cart-drawer__header">
5014        <button
5015          ref="closeButton"
5016          on:click="cart-drawer-component/close"
5017          class="button close-button cart-drawer__close-button button-unstyled"
5018          aria-label="Close dialog"
5019        >
5020          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5021  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5022  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5023</svg>
5024</span>
5025        </button>
5026      </div>
5027
5028      <div
5029        class="cart-drawer__content"
5030        aria-label="Cart"
5031      >
5032        <h2
5033          class="cart-drawer__heading h4 cart-drawer__heading--empty"
5034          id="cart-drawer-heading-empty"
5035        >
5036          Your cart is empty
5037        </h2>
5038
5039        <div class="cart-drawer__items">
5040          
5041
5042
5043
5044<script
5045  src="//nutiva.ca/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991780947931"
5046  type="module"
5047  fetchpriority="low"
5048></script>
vendor: 1 bytes, line 5048
5048
5049<script
5050  src="//nutiva.ca/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751780947931"
5051  type="module"
5052  fetchpriority="low"
5053></script>
vendor: 1 bytes, line 5053
5053
5054<script
5055  src="//nutiva.ca/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661780947931"
5056  type="module"
5057  fetchpriority="low"
5058></script>
5058
5059
5060<div
5061  
5062  class="cart-items__wrapper"
5063  
5064>
5065  
5066<p>
5067        Have an account? <a href="https://nutiva.ca/customer_authentication/redirect?locale=en&region_country=CA">Log in</a> to check out faster.
5068      </p><a
5069      class="button cart-items__empty-button"
5070      href="/collections/all"
5071    >
5072      <span class="button-text">
5073        Continue shopping
5074      </span>
5075    </a></div>
5076
5077
5078
5079        </div>
5080      </div>
5081    
5082</cart-items-component>
5083        </div>
5084      </dialog>
5085    </cart-drawer-component>
5086  
5087</header-actions>
5088
5089
5090
5091          
5092        
5093      
5094    </div>
5095        </div>
5096      </div>
5097    
5098  
5099    
5100
5101    
5102
5103    
5104    
5105  
5106
5107  
5108</header-component>
5109
5110<script
5111  src="//nutiva.ca/cdn/shop/t/2/assets/header.js?v=36718054510661947891780947931"
5112  type="module"
5113></script>
5113
5114
5115
5116
5117
5118  
5118<script type="module">
5119    import { hydrate } from '@theme/section-hydration';
5120    const url = new URL(window.location.href);
5121    url.searchParams.delete('page');
5122    hydrate('sections--21505445363870__header_section', url);
5123  </script>
5123
5124
5125
5126
5127</header>
5128<!-- END sections: header-group -->
5129    </div>
5130
5131    
5131<script>
5132      // Inline header height and menu style calculations to prevent layout shift
5133      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
5134      (function setHeaderHeighCustomProperties() {
5135        /*
5136         * Header calculation functions for maintaining CSS variables
5137         * Mimic calculateHeaderGroupHeight() in utilities.js
5138         */
5139        const header = document.querySelector('header-component');
5140        const headerGroup = document.querySelector('#header-group');
5141        const hasHeaderSection = headerGroup?.querySelector('.header-section');
5142
5143        if (!header || !headerGroup) return;
5144
5145        const headerHeight = header.offsetHeight;
5146
5147        // Calculate the total height of the header group
5148        let headerGroupHeight = 0;
5149        const children = headerGroup.children;
5150        for (let i = 0; i < children.length; i++) {
5151          const element = children[i];
5152          if (element === header || !(element instanceof HTMLElement)) continue;
5153          headerGroupHeight += element.offsetHeight;
5154        }
5155
5156        // Check for transparent header special case
5157        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
5158          headerGroupHeight += headerHeight;
5159        }
5160
5161        // Set CSS variables
5162        document.body.style.setProperty('--header-height', `${headerHeight}px`);
5163        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
5164
5165        /**
5166         * Updates CSS custom properties for transparent header offset calculation
5167         * Mimic updateTransparentHeaderOffset() in utilities.js
5168         */
5169
5170        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
5171          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
5172          return;
5173        }
5174
5175        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
5176
5177        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
5178        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
5179      })();
5180
5181      (function setHeaderMenuStyle() {
5182        const headerComponent = document.querySelector('#header-component');
5183        if (headerComponent) {
5184          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
5185          const overflowList = headerComponent?.querySelector('overflow-list');
5186          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
5187          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
5188        }
5189      })();
5190    </script>
5190
5191
5192    <main
5193      id="MainContent"
5194      class="content-for-layout"
5195      role="main"
5196      data-page-transition-enabled="false"
5197      data-product-transition="false"
5198      data-template="blog.articles"
5199    >
5200      <section id="shopify-section-template--21505445494942__hero_BRagDy" class="shopify-section hero-wrapper section-wrapper">
5201
5202
5203
5204
5205
5206
5207
5208
5209
5210
5211
5212
5213
5214<div
5215  id="Hero-template--21505445494942__hero_BRagDy"
5216  class="hero color-scheme-1 hero--mobile-content-below-media"
5217  style="
5218    --hero-border-style: ;
5219    --hero-border-width: px;
5220    --hero-border-opacity: %;
5221    --blur-opacity: 0.75;
5222    
5223      --hero-min-height: var(--section-height-small);
5224    
5225  "
5226  
5227  
5228>
5229  
5230
5231  
5232
5233  <div
5234    class="hero__container spacing-style section section--full-width"
5235    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
5236  >
5237      <div
5238        class="hero__media-grid"
5239        style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 2.3228803716608595;"
5240        data-testid="hero-media-wrapper"
5241      >
5242        <div
5243  class="overlay overlay--gradient"
5244  style="
5245    --overlay-layer: var(--layer-flat);
5246    --overlay-color: #00000026;
5247    --overlay-color--end: rgba(0, 0, 0, 0);
5248    --overlay-direction: to top;"
5249></div>
5250
5251
5252
5253        
5254  
5255<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
5256      <img src="//nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=3840" srcset="//nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=832 832w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=1200 1200w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=1600 1600w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=1920 1920w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=2560 2560w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&amp;width=3840 3840w" width="2000" height="861" class="hero__media" sizes="(min-width: 1024px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
5257    </div>
5258  
5259
5260
5261  
5262      </div>
5263    
5264    <div
5265      class="
5266        hero__content-wrapper
5267        layout-panel-flex
5268        layout-panel-flex--column
5269        mobile-column
5270        section-content-wrapper
5271        page-width
5272        
5273      "
5274      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5275
5276--gap: 16px;
5277
5278--horizontal-alignment: flex-start; --vertical-alignment: center;
5279--vertical-alignment-mobile: center;
5280"
5281    >
5282      
5283        
5284
5285
5286
5287
5288
5289
5290
5291
5292  <div class=" spacing-style text-block text-block--AMFVyTXppUW5BSUtMV__text_JejEA4 h1      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
5293    <h1>Hungry For Better</h1>
5294  </div>
5295
5296
5297
5298
5299
5300
5301
5302
5303
5304
5305
5306
5307
5308
5309
5310  <rte-formatter class=" spacing-style text-block text-block--Ac2FwKzJTaVROc2E3e__text_LA4Gby rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
5311    <p>Stories that spark a brighter future.</p>
5312  </rte-formatter>
5313
5314
5315
5316
5317
5318
5319
5320      
5321    </div>
5322  </div>
5323</div>
5324
5325
5326
5327
5328</section><div id="shopify-section-template--21505445494942__main" class="shopify-section">
5328<script
5329  src="//nutiva.ca/cdn/shop/t/2/assets/blog-posts-list.js?v=130728446720286597591780947932"
5330  type="module"
5331  fetchpriority="low"
5332></script>
5332
5333<blog-posts-list
5334  section-id="template--21505445494942__main"
5335  data-posts-per-page="6"
5336  data-current-page="1"
5337  data-total-pages="18"
5338  data-blog-url="/blogs/news"
5339>
5340  <div class="section-background color-scheme-2"></div>
5341
5342  <div
5343    class="
5344      section
5345      color-scheme-2
5346      blog-posts
5347      blog-posts--articles-grid
5348      spacing-style
5349      size-style
5350    "
5351    data-testid="blog-posts"
5352    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 55px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 55px));"
5353  >
5354
5355
5356
5357
5358
5359
5360
5361
5362
5363
5364
5365
5366
5367
5368  <div
5369    class="
5370  image-block image-block--AU0swK01uV1R3KzZ2W__image_UJAeiT image-block--height-fit spacing-style size-style
5371"
5372    style="
5373  --ratio: 0.9340659340659341;
5374  --size-style-width:3%;--size-style-height: fit;
5375  --size-style-width-mobile:2%; --size-style-width-mobile-min:2%;
5376  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5377"
5378    
5379  >
5380    
5381<img src="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=3840" alt="" srcset="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=240 240w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=352 352w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=832 832w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1200 1200w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1600 1600w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1920 1920w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=2560 2560w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=3840 3840w" width="85" height="91" loading="lazy" class="image-block__image border-style" style="
5382  --ratio: 0.9340659340659341;
5383  --border-width: 1px; --border-style: none; --border-color:
5384rgb(var(--color-border-rgb) / 1.0); --border-radius:
53850px; 
5386
5387" sizes="auto, (min-width: 750px) 100vw, 100vw">
5388
5389  </div>
5390
5391
5392
5393
5394
5395
5396
5397
5398
5399
5400
5401
5402
5403
5404
5405
5406
5407
5408
5409
5410  <div
5411    class="
5412  image-block image-block--AZS9ZVmtpSEdSQjFhZ__image_GrLePU image-block--height-fit spacing-style size-style
5413"
5414    style="
5415  --ratio: 0.9340659340659341;
5416  --size-style-width:2%;--size-style-height: fit;
5417  --size-style-width-mobile:2%; --size-style-width-mobile-min:2%;
5418  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5419"
5420    
5421  >
5422    
5423<img src="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=3840" alt="" srcset="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=240 240w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=352 352w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=832 832w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1200 1200w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1600 1600w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=1920 1920w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=2560 2560w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&amp;width=3840 3840w" width="85" height="91" loading="lazy" class="image-block__image border-style" style="
5424  --ratio: 0.9340659340659341;
5425  --border-width: 1px; --border-style: none; --border-color:
5426rgb(var(--color-border-rgb) / 1.0); --border-radius:
54270px; 
5428
5429" sizes="auto, (min-width: 750px) 100vw, 100vw">
5430
5431  </div>
5432
5433
5434
5435
5436
5437
5438
5439    <div class="blog-posts-toolbar" data-toolbar><nav class="blog-tag-pills" aria-label="Blog categories">
5440          <a class="pill is-active" href="/blogs/news">All</a><a
5441              class="pill"
5442              href="/blogs/news/tagged/bright-future-stories"
5443            >
5444              Bright Future Stories
5445            </a><a
5446              class="pill"
5447              href="/blogs/news/tagged/food-for-thought"
5448            >
5449              Food for Thought
5450            </a><a
5451              class="pill"
5452              href="/blogs/news/tagged/social-environmental-reports"
5453            >
5454              Social &amp; Environmental Reports
5455            </a></nav><div class="blog-search">
5456          <label class="visually-hidden" for="BlogSearch-template--21505445494942__main">Search</label>
5457          <input
5458            id="BlogSearch-template--21505445494942__main"
5459            type="search"
5460            placeholder="Search Blog"
5461            autocomplete="off"
5462          >
5463          <span class="blog-search__icon" aria-hidden="true">⌕</span>
5464        </div></div>
5465
5466    <div ref="grid" class="blog-posts-container blog-posts-container--uniform" data-blog-grid><div
5467            class="blog-post-item blog-post-item--uniform"
5468            data-testid="blog-post-item"
5469            data-article-id="645739380894"
5470            data-page="1"
5471            data-page-order="0"
5472            data-blog-index="template--21505445494942__main-1"
5473            data-title="11 Easy Grilling Recipes to Try this Summer"
5474            data-tags="food-for-thought|"
5475          >
5476            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card" class="shopify-block">
5477<div
5478  class="blog-post-card"
5479  style="--text-align: left"
5480>
5481  
5482    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image" class="shopify-block">
5483<div class="blog-post-card__image-container">
5484  <a href="/blogs/news/8-easy-grilling-recipes-to-try-this-summer">
5485    
5486      <img
5487        srcset="
5488          //nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001&width=350 350w,
5489          //nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001&width=750 750w,
5490          //nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001&width=1100 1100w,
5491          //nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001&width=1500 1500w,
5492          //nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001 1920w
5493        "
5494        src="//nutiva.ca/cdn/shop/articles/Nutiva_RecipeWeb_GrilledCorn_1920x1080_1_15c543f5-98dc-4513-aedb-531385de3109.jpg?v=1781036001&width=1100"
5495        loading="eager"
5496        fetchpriority="high"
5497        width="1920"
5498        height="1080"
5499        alt="11 Easy Grilling Recipes to Try this Summer"
5500        class="
5501          border-style
5502          blog-post-card__image
5503          blog-post-card__image--large
5504        "
5505        style="--border-width: 1px; --border-style: none; --border-color:
5506rgb(var(--color-border-rgb) / 1.0); --border-radius:
55070px; 
5508"
5509      >
5510    
5511  </a>
5512</div>
5513
5514
5515
5516
5517</div>
5518
5519  
5520
5521  <div class="blog-post-card__content">
5522    <a
5523      href="/blogs/news/8-easy-grilling-recipes-to-try-this-summer"
5524      data-testid="blog-post-link"
5525    >
5526
5527
5528
5529
5530
5531
5532
5533  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5534    11 Easy Grilling Recipes to Try this Summer
5535  </div>
5536
5537
5538
5539
5540
5541
5542
5543
5544</a>
5545
5546    
5547  </div>
5548</div>
5549
5550
5551
5552
5553</div>
5554
5555          </div><div
5556            class="blog-post-item blog-post-item--uniform"
5557            data-testid="blog-post-item"
5558            data-article-id="645738659998"
5559            data-page="1"
5560            data-page-order="1"
5561            data-blog-index="template--21505445494942__main-2"
5562            data-title="Coconut Aminos vs Soy Sauce - Which is Better for You?"
5563            data-tags="food-for-thought|"
5564          >
5565            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card-1" class="shopify-block">
5566<div
5567  class="blog-post-card"
5568  style="--text-align: left"
5569>
5570  
5571    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image-1" class="shopify-block">
5572<div class="blog-post-card__image-container">
5573  <a href="/blogs/news/coconut-aminos-vs-soy-sauce-which-is-better-for-you">
5574    
5575      <img
5576        srcset="
5577          //nutiva.ca/cdn/shop/articles/shutterstock_103158635_1.png?v=1781035418&width=350 350w,
5578          
5579          
5580          
5581          //nutiva.ca/cdn/shop/articles/shutterstock_103158635_1.png?v=1781035418 597w
5582        "
5583        src="//nutiva.ca/cdn/shop/articles/shutterstock_103158635_1.png?v=1781035418&width=1100"
5584        loading="eager"
5585        fetchpriority="high"
5586        width="597"
5587        height="597"
5588        alt="Coconut Aminos vs Soy Sauce - Which is Better for You?"
5589        class="
5590          border-style
5591          blog-post-card__image
5592          blog-post-card__image--large
5593        "
5594        style="--border-width: 1px; --border-style: none; --border-color:
5595rgb(var(--color-border-rgb) / 1.0); --border-radius:
55960px; 
5597"
5598      >
5599    
5600  </a>
5601</div>
5602
5603
5604
5605
5606</div>
5607
5608  
5609
5610  <div class="blog-post-card__content">
5611    <a
5612      href="/blogs/news/coconut-aminos-vs-soy-sauce-which-is-better-for-you"
5613      data-testid="blog-post-link"
5614    >
5615
5616
5617
5618
5619
5620
5621
5622  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5623    Coconut Aminos vs Soy Sauce - Which is Better for You?
5624  </div>
5625
5626
5627
5628
5629
5630
5631
5632
5633</a>
5634
5635    
5636  </div>
5637</div>
5638
5639
5640
5641
5642</div>
5643
5644          </div><div
5645            class="blog-post-item blog-post-item--uniform"
5646            data-testid="blog-post-item"
5647            data-article-id="645738627230"
5648            data-page="1"
5649            data-page-order="2"
5650            data-blog-index="template--21505445494942__main-3"
5651            data-title="Coconut Aminos vs Tamari - Which is Best for Me?"
5652            data-tags="food-for-thought|"
5653          >
5654            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card-2" class="shopify-block">
5655<div
5656  class="blog-post-card"
5657  style="--text-align: left"
5658>
5659  
5660    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image-2" class="shopify-block">
5661<div class="blog-post-card__image-container">
5662  <a href="/blogs/news/coconut-aminos-vs-tamari-which-is-best-for-me-1">
5663    
5664      <img
5665        srcset="
5666          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414&width=350 350w,
5667          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414&width=750 750w,
5668          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414&width=1100 1100w,
5669          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414&width=1500 1500w,
5670          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414 1600w
5671        "
5672        src="//nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j_1e6e56d0-cd47-4649-b220-7cba332e348f.webp?v=1781035414&width=1100"
5673        loading="eager"
5674        fetchpriority="high"
5675        width="1600"
5676        height="1200"
5677        alt="Coconut Aminos vs Tamari - Which is Best for Me?"
5678        class="
5679          border-style
5680          blog-post-card__image
5681          blog-post-card__image--large
5682        "
5683        style="--border-width: 1px; --border-style: none; --border-color:
5684rgb(var(--color-border-rgb) / 1.0); --border-radius:
56850px; 
5686"
5687      >
5688    
5689  </a>
5690</div>
5691
5692
5693
5694
5695</div>
5696
5697  
5698
5699  <div class="blog-post-card__content">
5700    <a
5701      href="/blogs/news/coconut-aminos-vs-tamari-which-is-best-for-me-1"
5702      data-testid="blog-post-link"
5703    >
5704
5705
5706
5707
5708
5709
5710
5711  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5712    Coconut Aminos vs Tamari - Which is Best for Me?
5713  </div>
5714
5715
5716
5717
5718
5719
5720
5721
5722</a>
5723
5724    
5725  </div>
5726</div>
5727
5728
5729
5730
5731</div>
5732
5733          </div><div
5734            class="blog-post-item blog-post-item--uniform"
5735            data-testid="blog-post-item"
5736            data-article-id="645738496158"
5737            data-page="1"
5738            data-page-order="3"
5739            data-blog-index="template--21505445494942__main-4"
5740            data-title="What are Coconut Aminos &amp; How is it Made?"
5741            data-tags="food-for-thought|"
5742          >
5743            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card-3" class="shopify-block">
5744<div
5745  class="blog-post-card"
5746  style="--text-align: left"
5747>
5748  
5749    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image-3" class="shopify-block">
5750<div class="blog-post-card__image-container">
5751  <a href="/blogs/news/coconut-sap-nutrition">
5752    
5753      <img
5754        srcset="
5755          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398&width=350 350w,
5756          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398&width=750 750w,
5757          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398&width=1100 1100w,
5758          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398&width=1500 1500w,
5759          //nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398 1600w
5760        "
5761        src="//nutiva.ca/cdn/shop/articles/CondimentCollection_1600x1200j.webp?v=1781035398&width=1100"
5762        loading="eager"
5763        fetchpriority="high"
5764        width="1600"
5765        height="1200"
5766        alt="What are Coconut Aminos &amp; How is it Made?"
5767        class="
5768          border-style
5769          blog-post-card__image
5770          blog-post-card__image--large
5771        "
5772        style="--border-width: 1px; --border-style: none; --border-color:
5773rgb(var(--color-border-rgb) / 1.0); --border-radius:
57740px; 
5775"
5776      >
5777    
5778  </a>
5779</div>
5780
5781
5782
5783
5784</div>
5785
5786  
5787
5788  <div class="blog-post-card__content">
5789    <a
5790      href="/blogs/news/coconut-sap-nutrition"
5791      data-testid="blog-post-link"
5792    >
5793
5794
5795
5796
5797
5798
5799
5800  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5801    What are Coconut Aminos &amp; How is it Made?
5802  </div>
5803
5804
5805
5806
5807
5808
5809
5810
5811</a>
5812
5813    
5814  </div>
5815</div>
5816
5817
5818
5819
5820</div>
5821
5822          </div><div
5823            class="blog-post-item blog-post-item--uniform"
5824            data-testid="blog-post-item"
5825            data-article-id="645738430622"
5826            data-page="1"
5827            data-page-order="4"
5828            data-blog-index="template--21505445494942__main-5"
5829            data-title="26 Sweet &amp; Savory Holiday-Inspired Recipes"
5830            data-tags="food-for-thought|"
5831          >
5832            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card-4" class="shopify-block">
5833<div
5834  class="blog-post-card"
5835  style="--text-align: left"
5836>
5837  
5838    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image-4" class="shopify-block">
5839<div class="blog-post-card__image-container">
5840  <a href="/blogs/news/26-sweet-savory-holiday-inspired-recipes">
5841    
5842      <img
5843        srcset="
5844          
5845          
5846          
5847          
5848          //nutiva.ca/cdn/shop/articles/pumpkin_tart_480x480_a1c022de-531a-4972-ab7c-1dd8c0e280c3.webp?v=1781035389 343w
5849        "
5850        src="//nutiva.ca/cdn/shop/articles/pumpkin_tart_480x480_a1c022de-531a-4972-ab7c-1dd8c0e280c3.webp?v=1781035389&width=1100"
5851        loading="eager"
5852        fetchpriority="high"
5853        width="343"
5854        height="480"
5855        alt="26 Sweet &amp; Savory Holiday-Inspired Recipes"
5856        class="
5857          border-style
5858          blog-post-card__image
5859          blog-post-card__image--large
5860        "
5861        style="--border-width: 1px; --border-style: none; --border-color:
5862rgb(var(--color-border-rgb) / 1.0); --border-radius:
58630px; 
5864"
5865      >
5866    
5867  </a>
5868</div>
5869
5870
5871
5872
5873</div>
5874
5875  
5876
5877  <div class="blog-post-card__content">
5878    <a
5879      href="/blogs/news/26-sweet-savory-holiday-inspired-recipes"
5880      data-testid="blog-post-link"
5881    >
5882
5883
5884
5885
5886
5887
5888
5889  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5890    26 Sweet &amp; Savory Holiday-Inspired Recipes
5891  </div>
5892
5893
5894
5895
5896
5897
5898
5899
5900</a>
5901
5902    
5903  </div>
5904</div>
5905
5906
5907
5908
5909</div>
5910
5911          </div><div
5912            class="blog-post-item blog-post-item--uniform"
5913            data-testid="blog-post-item"
5914            data-article-id="645738397854"
5915            data-page="1"
5916            data-page-order="5"
5917            data-blog-index="template--21505445494942__main-6"
5918            data-title="Why is My Coconut Oil Solid?"
5919            data-tags="food-for-thought|"
5920          >
5921            <div id="shopify-block-Ab3hPaWRIU21VRWF3a__static-blog-post-card-5" class="shopify-block">
5922<div
5923  class="blog-post-card"
5924  style="--text-align: left"
5925>
5926  
5927    <div id="shopify-block-Ad1FPdi9FWkVoMWJZN__image-5" class="shopify-block">
5928<div class="blog-post-card__image-container">
5929  <a href="/blogs/news/why-is-my-coconut-oil-solid">
5930    
5931      <img
5932        srcset="
5933          //nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386&width=350 350w,
5934          //nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386&width=750 750w,
5935          //nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386&width=1100 1100w,
5936          //nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386&width=1500 1500w,
5937          //nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386 1600w
5938        "
5939        src="//nutiva.ca/cdn/shop/articles/FAQ_Nutiva7_RFC601_1600x1200_R.webp?v=1781035386&width=1100"
5940        loading="eager"
5941        fetchpriority="high"
5942        width="1600"
5943        height="1200"
5944        alt="Why is My Coconut Oil Solid?"
5945        class="
5946          border-style
5947          blog-post-card__image
5948          blog-post-card__image--large
5949        "
5950        style="--border-width: 1px; --border-style: none; --border-color:
5951rgb(var(--color-border-rgb) / 1.0); --border-radius:
59520px; 
5953"
5954      >
5955    
5956  </a>
5957</div>
5958
5959
5960
5961
5962</div>
5963
5964  
5965
5966  <div class="blog-post-card__content">
5967    <a
5968      href="/blogs/news/why-is-my-coconut-oil-solid"
5969      data-testid="blog-post-link"
5970    >
5971
5972
5973
5974
5975
5976
5977
5978  <div class=" spacing-style text-block text-block--AMEhCY1AyeUxTakxIW__heading-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5979    Why is My Coconut Oil Solid?
5980  </div>
5981
5982
5983
5984
5985
5986
5987
5988
5989</a>
5990
5991    
5992  </div>
5993</div>
5994
5995
5996
5997
5998</div>
5999
6000          </div></div><nav class="blog-pagination" aria-label="Pagination"><span class="page-status">1 / 18</span><a class="page-link" href="/blogs/news?page=2">Next</a></nav></div>
6001</blog-posts-list>
6002
6003
6004
6005
6006
6007<script>
6008  (() => {
6009    const list = document.querySelector('blog-posts-list[section-id="template--21505445494942__main"]');
6010    if (!list) return;
6011
6012    const input = document.getElementById('BlogSearch-template--21505445494942__main');
6013    const grid = list.querySelector('[data-blog-grid]');
6014    const pagination = list.querySelector('.blog-pagination');
6015    const tagPills = Array.from(list.querySelectorAll('.blog-tag-pills .pill'));
6016    if (!grid) return;
6017
6018    const postsPerPage = Math.max(parseInt(list.dataset.postsPerPage || '12', 10), 1);
6019    const initialPage = Math.max(parseInt(list.dataset.currentPage || '1', 10), 1);
6020    const initialTotalPages = Math.max(parseInt(list.dataset.totalPages || '1', 10), 1);
6021    const baseBlogUrl = list.dataset.blogUrl || window.location.pathname;
6022    const params = new URLSearchParams(window.location.search);
6023    const missingTag = (params.get('missing_tag') || '').trim();
6024    const norm = (s) => (s || '').toLowerCase().trim();
6025    let currentPage = initialPage;
6026    let searchQuery = '';
6027    let activeTag = '';
6028
6029    const cardMap = new Map();
6030
6031    const extractTagHandle = (pill) => {
6032      if (!pill) return '';
6033
6034      const href = pill.getAttribute('href') || '';
6035      const taggedMatch = href.match(/\/tagged\/([^/?#]+)/i);
6036      if (!taggedMatch) return '';
6037
6038      return norm(decodeURIComponent(taggedMatch[1]));
6039    };
6040
6041    const syncPills = () => {
6042      tagPills.forEach((pill) => {
6043        const tagHandle = extractTagHandle(pill);
6044        const isAll = tagHandle === '';
6045        const isActive = isAll ? activeTag === '' : tagHandle === activeTag;
6046        pill.classList.toggle('is-active', isActive);
6047      });
6048    };
6049
6050    Array.from(grid.querySelectorAll('[data-title][data-article-id]')).forEach((card) => {
6051      const articleId = card.getAttribute('data-article-id');
6052      if (!articleId) return;
6053      cardMap.set(articleId, card);
6054    });
6055
6056    const getCards = () =>
6057      Array.from(cardMap.values()).sort((left, right) => {
6058        const leftPage = parseInt(left.getAttribute('data-page') || '0', 10);
6059        const rightPage = parseInt(right.getAttribute('data-page') || '0', 10);
6060        if (leftPage !== rightPage) return leftPage - rightPage;
6061
6062        const leftOrder = parseInt(left.getAttribute('data-page-order') || '0', 10);
6063        const rightOrder = parseInt(right.getAttribute('data-page-order') || '0', 10);
6064        return leftOrder - rightOrder;
6065      });
6066
6067    const getCardValues = (card, attribute) =>
6068      (card.getAttribute(attribute) || '').split('|').map(norm).filter(Boolean);
6069
6070    if (missingTag) {
6071      const missingTagHandle = norm(missingTag);
6072
6073      tagPills.forEach((pill) => {
6074        const tagHandle = extractTagHandle(pill);
6075        pill.classList.toggle('is-active', tagHandle === missingTagHandle);
6076      });
6077
6078      grid.innerHTML = '';
6079      const empty = document.createElement('p');
6080      empty.className = 'blog-empty-state';
6081      empty.setAttribute('data-testid', 'blog-empty-state');
6082      empty.textContent = `No posts found for tag "${decodeURIComponent(missingTag)}".`;
6083      grid.appendChild(empty);
6084
6085      if (pagination) pagination.style.display = 'none';
6086      return;
6087    }
6088
6089    const activePill = tagPills.find((pill) => pill.classList.contains('is-active'));
6090    activeTag = extractTagHandle(activePill);
6091
6092    const cardMatches = (card) => {
6093      const title = norm(card.getAttribute('data-title'));
6094      const tags = getCardValues(card, 'data-tags');
6095      const titleOk = !searchQuery || title.includes(searchQuery);
6096      const tagOk = !activeTag || tags.includes(activeTag);
6097      return titleOk && tagOk;
6098    };
6099
6100    const renderPagination = (filteredCount) => {
6101      if (!pagination) return;
6102
6103      const pageCount = Math.max(Math.ceil(filteredCount / postsPerPage), 1);
6104
6105      if (filteredCount === 0 || pageCount <= 1) {
6106        pagination.style.display = 'none';
6107        pagination.innerHTML = '';
6108        return;
6109      }
6110
6111      pagination.style.display = '';
6112      pagination.innerHTML = '';
6113
6114      if (currentPage > 1) {
6115        const prevButton = document.createElement('button');
6116        prevButton.type = 'button';
6117        prevButton.className = 'page-link';
6118        prevButton.textContent = 'Prev';
6119        prevButton.addEventListener('click', () => {
6120          currentPage = Math.max(currentPage - 1, 1);
6121          apply();
6122        });
6123        pagination.appendChild(prevButton);
6124      }
6125
6126      const status = document.createElement('span');
6127      status.className = 'page-status';
6128      status.textContent = `${currentPage} / ${pageCount}`;
6129      pagination.appendChild(status);
6130
6131      if (currentPage < pageCount) {
6132        const nextButton = document.createElement('button');
6133        nextButton.type = 'button';
6134        nextButton.className = 'page-link';
6135        nextButton.textContent = 'Next';
6136        nextButton.addEventListener('click', () => {
6137          currentPage = Math.min(currentPage + 1, pageCount);
6138          apply();
6139        });
6140        pagination.appendChild(nextButton);
6141      }
6142    };
6143
6144    const apply = () => {
6145      const cards = getCards();
6146      const filteredCards = cards.filter(cardMatches);
6147      const totalFilteredPages = Math.max(Math.ceil(filteredCards.length / postsPerPage), 1);
6148      currentPage = Math.min(currentPage, totalFilteredPages);
6149
6150      const startIndex = (currentPage - 1) * postsPerPage;
6151      const endIndex = startIndex + postsPerPage;
6152      const pageCards = filteredCards.slice(startIndex, endIndex);
6153
6154      grid.innerHTML = '';
6155
6156      if (filteredCards.length === 0) {
6157        const empty = document.createElement('p');
6158        empty.className = 'blog-empty-state';
6159        empty.setAttribute('data-testid', 'blog-empty-state');
6160        empty.textContent = 'No posts found.';
6161        grid.appendChild(empty);
6162      } else {
6163        pageCards.forEach((card) => {
6164          grid.appendChild(card);
6165        });
6166      }
6167
6168      syncPills();
6169      renderPagination(filteredCards.length);
6170    };
6171
6172    const loadAllCards = async () => {
6173      const parser = new DOMParser();
6174      const firstPageUrl = new URL(baseBlogUrl, window.location.origin);
6175      firstPageUrl.hash = '';
6176
6177      const firstResponse = await fetch(firstPageUrl.toString(), { credentials: 'same-origin' });
6178      if (!firstResponse.ok) {
6179        throw new Error(`Failed to load blog page: ${firstResponse.status}`);
6180      }
6181
6182      const absorbCards = (doc) => {
6183        const pageList = doc.querySelector('blog-posts-list[section-id="template--21505445494942__main"]');
6184        const pageGrid = pageList ? pageList.querySelector('[data-blog-grid]') : null;
6185        if (!pageGrid) return 0;
6186
6187        pageGrid.querySelectorAll('[data-title][data-article-id]').forEach((card) => {
6188          const articleId = card.getAttribute('data-article-id');
6189          if (!articleId) return;
6190          cardMap.set(articleId, card);
6191        });
6192
6193        return Math.max(parseInt(pageList?.dataset.totalPages || '1', 10), 1);
6194      };
6195
6196      const firstDoc = parser.parseFromString(await firstResponse.text(), 'text/html');
6197      const totalPages = Math.max(absorbCards(firstDoc), initialTotalPages);
6198
6199      if (totalPages <= 1) return;
6200
6201      const pageUrls = [];
6202      for (let page = 2; page <= totalPages; page += 1) {
6203        const url = new URL(baseBlogUrl, window.location.origin);
6204        url.searchParams.set('page', page.toString());
6205        url.hash = '';
6206        pageUrls.push(url.toString());
6207      }
6208
6209      const responses = await Promise.all(
6210        pageUrls.map(async (url) => {
6211          const response = await fetch(url, { credentials: 'same-origin' });
6212          if (!response.ok) return '';
6213          return response.text();
6214        })
6215      );
6216
6217      responses.forEach((html) => {
6218        if (!html) return;
6219        const doc = parser.parseFromString(html, 'text/html');
6220        absorbCards(doc);
6221      });
6222    };
6223
6224    const loadPromise = loadAllCards().catch((error) => {
6225      console.error('Blog pagination preload failed:', error);
6226    });
6227
6228    if (input) {
6229      input.addEventListener('input', async () => {
6230        await loadPromise;
6231        searchQuery = norm(input.value);
6232        currentPage = 1;
6233        apply();
6234      });
6235    }
6236
6237    if (tagPills.length) {
6238      tagPills.forEach((pill) => {
6239        pill.addEventListener('click', async (event) => {
6240          if (event.defaultPrevented || event.button !== 0) return;
6241          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
6242
6243          event.preventDefault();
6244          await loadPromise;
6245
6246          activeTag = extractTagHandle(pill);
6247          currentPage = 1;
6248          apply();
6249        });
6250      });
6251    }
6252
6253    apply();
6254    loadPromise.then(() => {
6255      apply();
6256    });
6257  })();
6258</script>
6258
6259
6260
6261
6262
6263</div>
6264    </main>
6265
6266    <!-- BEGIN sections: footer-group -->
6267<footer id="shopify-section-sections--21505445331102__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
6268
6269<div class="section-background color-scheme-5"></div>
6270<div
6271  class="section section--page-width color-scheme-5"
6272>
6273  
6274  <div
6275    class="
6276      footer-content
6277      spacing-style
6278      
6279      
6280    "
6281    style="
6282      --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));
6283      --footer-gap: 20px;
6284      --grid-columns: 2;
6285      --last-row-count: 2;
6286      --tablet-last-row-count: 2;
6287    "
6288  >
6289    
6290
6291
6292<div
6293  class="
6294    group-block
6295    group-block--height-fit
6296    group-block--width-fill
6297    border-style
6298    spacing-style
6299    size-style
6300    
6301    
6302  "
6303  style="
6304    --border-width: 1px; --border-style: none; --border-color:
6305rgb(var(--color-border-rgb) / 1.0); --border-radius:
63060px; 
6307
6308    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6309    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6310    
6311  "
6312  
6313  data-testid="group-block"
6314><div class="group-block__media-wrapper">
6315    
6316
6317
6318
6319    
6320  </div>
6321
6322  <div
6323    class="
6324      group-block-content
6325      
6326      layout-panel-flex
6327      layout-panel-flex--row
6328       mobile-column
6329    "
6330    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6331
6332--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px));
6333
6334--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
6335--vertical-alignment-mobile: flex-start;
6336"
6337  >
6338  
6339
6340
6341
6342
6343
6344
6345
6346
6347  <rte-formatter class=" spacing-style text-block text-block--AaVJCRXVnY0h3b2MwT__text_LWt8Pz paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-none);          ">
6348    <h1><strong>Products</strong></h1><p><a href="/collections/all" title="All products">All Products</a></p><p><a href="/collections/culinary" title="Culinary Oils">Culinary</a></p><p><a href="/collections/aminos" title="Aminos">Condiments</a></p><p><a href="/collections/organic-supplements" title="Supplements">Supplements</a></p>
6349  </rte-formatter>
6350
6351
6352
6353
6354
6355
6356
6357
6358
6359
6360
6361
6362
6363
6364
6365  <rte-formatter class=" spacing-style text-block text-block--ARHVlL3U5ZWhaaUhMd__text_f9CFLH paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6366    <h1><strong>Learn</strong></h1><p><a href="/pages/about-us" title="About Us">About Us</a></p><p><a href="/blogs/news" title="News">Blog</a></p><p><a href="/blogs/recipes" title="Recipes">Recipes</a></p>
6367  </rte-formatter>
6368
6369
6370
6371
6372
6373
6374
6375
6376
6377
6378
6379
6380
6381
6382
6383  <rte-formatter class=" spacing-style text-block text-block--AWThWUHpMMHZtRVZXW__text_3waCXH paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
6384    <h2><strong>Have Questions?</strong></h2><p><a href="/pages/contact-us" title="Contact Us">Contact Us</a></p><p><a href="/pages/faqs" title="What's on your mind?">FAQs</a></p><p><a href="https://cdn.shopify.com/s/files/1/0777/6111/8366/files/Nutiva_AllergenFactSheet_CDN_062926cj.pdf?v=1782771095" target="_blank" title="Nutiva Allergen Information - Canada">Allergen Information</a></p>
6385  </rte-formatter>
6386
6387
6388
6389
6390
6391
6392
6393</div>
6394</div>
6395
6396
6397
6398
6399
6400
6401
6402
6403<div
6404  class="
6405    group-block
6406    group-block--height-fit
6407    group-block--width-custom
6408    border-style
6409    spacing-style
6410    size-style
6411    
6412    
6413  "
6414  style="
6415    --border-width: 1px; --border-style: none; --border-color:
6416rgb(var(--color-border-rgb) / 1.0); --border-radius:
64170px; 
6418
6419    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6420    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6421    
6422  "
6423  
6424  data-testid="group-block"
6425><div class="group-block__media-wrapper">
6426    
6427
6428
6429
6430    
6431  </div>
6432
6433  <div
6434    class="
6435      group-block-content
6436      
6437      layout-panel-flex
6438      layout-panel-flex--column
6439       mobile-column
6440    "
6441    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6442
6443--gap: 24px;
6444
6445--horizontal-alignment: flex-start; --vertical-alignment: center;
6446--vertical-alignment-mobile: center;
6447"
6448  >
6449  
6450
6451
6452<div
6453  class="
6454    group-block
6455    group-block--height-fit
6456    group-block--width-fill
6457    border-style
6458    spacing-style
6459    size-style
6460    
6461    
6462  "
6463  style="
6464    --border-width: 1px; --border-style: none; --border-color:
6465rgb(var(--color-border-rgb) / 1.0); --border-radius:
64660px; 
6467
6468    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6469    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6470    
6471  "
6472  
6473  data-testid="group-block"
6474><div class="group-block__media-wrapper">
6475    
6476
6477
6478
6479    
6480  </div>
6481
6482  <div
6483    class="
6484      group-block-content
6485      
6486      layout-panel-flex
6487      layout-panel-flex--row
6488       mobile-column
6489    "
6490    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6491
6492--gap: 12px;
6493
6494--horizontal-alignment: space-between;
6494 --vertical-alignment: center;
6495--vertical-alignment-mobile: center;
6496"
6497  >
6498  
6499
6500<div
6501  class="social-icons__wrapper"
6502  
6503>
6504  
6505
6506  
6507    
6508
6509    
6510    
6511      
6512        <div
6513          class="social-icons__icon-wrapper"
6514        >
6515          <a
6516            href="https://www.facebook.com/Nutiva"
6517            target="_blank"
6518            rel="noopener noreferrer"
6519            aria-label="Facebook"
6520            
6521          >
6522            <span class="social-icons__icon-label">Facebook</span>
6523            
6524              
6525              
6526                <span class="social-icons__icon icon-default" aria-hidden="true">
6527                  <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
6528<path d="M43.6623 21.8113C43.6623 9.76534 33.8881 0 21.8312 0C9.77425 0 0 9.76534 0 21.8113C0 32.6977 7.98337 41.7214 18.4198 43.3577V28.116H12.8768V21.8113H18.4198V17.0057C18.4198 11.5394 21.6787 8.51976 26.6656 8.51976C29.0543 8.51976 31.5524 8.94555 31.5524 8.94555V14.3133H28.7991C26.087 14.3133 25.2412 15.9946 25.2412 17.7196V21.8113H31.2959L30.3282 28.116H25.2412V43.3577C35.6783 41.7214 43.661 32.6984 43.661 21.8113H43.6623Z" fill="white"/>
6529<path d="M30.3284 28.1158L31.296 21.811H25.2414V17.7194C25.2414 15.9944 26.0871 14.313 28.7993 14.313H31.5525V8.94532C31.5525 8.94532 29.0545 8.51953 26.6658 8.51953C21.6789 8.51953 18.4199 11.5391 18.4199 17.0055V21.811H12.877V28.1158H18.4199V43.3574C19.5314 43.5316 20.6708 43.6223 21.8313 43.6223C22.9919 43.6223 24.1312 43.5316 25.2427 43.3574V28.1158H30.3297H30.3284Z" fill="#00322C"/>
6530</svg>
6531
6532                </span>
6533              
6534            
6535          </a>
6536        </div>
6537      
6538    
6539  
6540    
6541
6542    
6543    
6544      
6545        <div
6546          class="social-icons__icon-wrapper"
6547        >
6548          <a
6549            href="https://www.instagram.com/nutiva/"
6550            target="_blank"
6551            rel="noopener noreferrer"
6552            aria-label="Instagram"
6553            
6554          >
6555            <span class="social-icons__icon-label">Instagram</span>
6556            
6557              
6558              
6559                <span class="social-icons__icon icon-default" aria-hidden="true">
6560                  <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
6561<path d="M21.8312 43.6226C33.8882 43.6226 43.6623 33.8573 43.6623 21.8113C43.6623 9.76524 33.8882 0 21.8312 0C9.77415 0 0 9.76524 0 21.8113C0 33.8573 9.77415 43.6226 21.8312 43.6226Z" fill="white"/>
6562<path d="M28.606 13.5605C27.7775 13.5605 27.1055 14.232 27.1055 15.0597C27.1055 15.8875 27.7775 16.559 28.606 16.559C29.4345 16.559 30.1066 15.8875 30.1066 15.0597C30.1066 14.232 29.4345 13.5605 28.606 13.5605Z" fill="#00322C"/>
6563<path d="M21.9347 15.4824C18.459 15.4824 15.6309 18.3073 15.6309 21.7805C15.6309 25.2537 18.459 28.0786 21.9347 28.0786C25.4104 28.0786 28.2386 25.2531 28.2386 21.7805C28.2386 18.308 25.4104 15.4824 21.9347 15.4824ZM21.9347 25.8146C19.7084 25.8146 17.8963 24.0048 17.8963 21.7805C17.8963 19.5562 19.7077 17.7465 21.9347 17.7465C24.1617 17.7465 25.9725 19.5562 25.9725 21.7805C25.9725 24.0048 24.161 25.8146 21.9347 25.8146Z" fill="#00322C"/>
6564<path d="M26.9393 34.5673H16.7197C12.4804 34.5673 9.03125 31.1213 9.03125 26.8859V16.6756C9.03125 12.4395 12.4804 8.99414 16.7197 8.99414H26.9393C31.1786 8.99414 34.6284 12.4402 34.6284 16.6756V26.8859C34.6284 31.1213 31.1792 34.5673 26.9393 34.5673ZM16.7197 11.3992C13.808 11.3992 11.4392 13.7659 11.4392 16.6749V26.8852C11.4392 29.7942 13.808 32.1609 16.7197 32.1609H26.9393C29.851 32.1609 32.2198 29.7942 32.2198 26.8852V16.6749C32.2198 13.7659 29.851 11.3992 26.9393 11.3992H16.7197Z" fill="#00322C"/>
6565</svg>
6566
6567                </span>
6568              
6569            
6570          </a>
6571        </div>
6572      
6573    
6574  
6575    
6576
6577    
6578    
6579      
6580        <div
6581          class="social-icons__icon-wrapper"
6582        >
6583          <a
6584            href="https://www.youtube.com/@NutivaSuperfoods"
6585            target="_blank"
6586            rel="noopener noreferrer"
6587            aria-label="Youtube"
6588            
6589          >
6590            <span class="social-icons__icon-label">Youtube</span>
6591            
6592              
6593              
6594                <span class="social-icons__icon icon-default" aria-hidden="true">
6595                  <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
6596<path d="M21.8312 43.6226C33.8882 43.6226 43.6623 33.8573 43.6623 21.8113C43.6623 9.76524 33.8882 0 21.8312 0C9.77414 0 0 9.76524 0 21.8113C0 33.8573 9.77414 43.6226 21.8312 43.6226Z" fill="white"/>
6597<path d="M33.5181 18.6396C33.5181 15.7472 31.1711 13.4023 28.276 13.4023H14.871C11.9759 13.4023 9.62891 15.7472 9.62891 18.6396V24.8722C9.62891 27.7646 11.9759 30.1094 14.871 30.1094H28.276C31.1711 30.1094 33.5181 27.7646 33.5181 24.8722V18.6396ZM25.6348 22.2227L19.6239 25.194C19.3886 25.3211 18.5873 25.151 18.5873 24.8834V18.7846C18.5873 18.5131 19.3945 18.343 19.6305 18.4774L25.3849 21.6049C25.6262 21.742 25.8793 22.091 25.6354 22.2227H25.6348Z" fill="#00322C"/>
6598</svg>
6599
6600                </span>
6601              
6602            
6603          </a>
6604        </div>
6605      
6606    
6607  
6608    
6609
6610    
6611    
6612  
6613    
6614
6615    
6616    
6617  
6618    
6619
6620    
6621    
6622  
6623    
6624
6625    
6626    
6627      
6628        <div
6629          class="social-icons__icon-wrapper"
6630        >
6631          <a
6632            href="https://www.linkedin.com/company/nutiva/"
6633            target="_blank"
6634            rel="noopener noreferrer"
6635            aria-label="Linkedin"
6636            
6637          >
6638            <span class="social-icons__icon-label">Linkedin</span>
6639            
6640              
6641              
6642                <span class="social-icons__icon icon-default" aria-hidden="true">
6643                  <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
6644<path d="M21.8311 43.6226C33.8882 43.6226 43.6623 33.8573 43.6623 21.8113C43.6623 9.76524 33.8882 0 21.8311 0C9.77413 0 0 9.76524 0 21.8113C0 33.8573 9.77413 43.6226 21.8311 43.6226Z" fill="white"/>
6645<path d="M12.6759 17.7509H16.9038V31.3212H12.6759V17.7509ZM14.7909 11.0078C16.143 11.0078 17.2386 12.1037 17.2386 13.452C17.2386 14.8002 16.143 15.8994 14.7909 15.8994C13.4388 15.8994 12.3398 14.8015 12.3398 13.452C12.3398 12.1024 13.4354 11.0078 14.7909 11.0078Z" fill="#00322C"/>
6646<path d="M19.5527 17.7498H23.6024V19.6059H23.6581C24.2228 18.5378 25.6001 17.4141 27.6561 17.4141C31.9305 17.4141 32.7185 20.2224 32.7185 23.8777V31.3208H28.4998V24.7233C28.4998 23.1486 28.4693 21.125 26.3053 21.125C24.1413 21.125 23.7721 22.8394 23.7721 24.6088V31.3214H19.5527V17.7511V17.7498Z" fill="#00322C"/>
6647</svg>
6648
6649                </span>
6650              
6651            
6652          </a>
6653        </div>
6654      
6655    
6656  
6657    
6658
6659    
6660    
6661  
6662    
6663
6664    
6665    
6666  
6667    
6668
6669    
6670    
6671      
6672        <div
6673          class="social-icons__icon-wrapper"
6674        >
6675          <a
6676            href="https://pin.it/7uyABGf89"
6677            target="_blank"
6678            rel="noopener noreferrer"
6679            aria-label="Pinterest"
6680            
6681          >
6682            <span class="social-icons__icon-label">Pinterest</span>
6683            
6684              
6685              
6686                <svg
6687                  class="social-icons__icon icon-default"
6688                  aria-hidden="true"
6689                  focusable="false"
6690                  xmlns="http://www.w3.org/2000/svg"
6691                  viewBox="2 2 16.1 16.1"
6692                >
6693<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
6694              
6695            
6696          </a>
6697        </div>
6698      
6699    
6700  
6701    
6702
6703    
6704    
6705  
6706    
6707
6708    
6709    
6710  
6711    
6712
6713    
6714    
6715  
6716</div>
6717
6718
6719
6720
6721
6722
6723
6724<div
6725  class="
6726    logo-block
6727    spacing-style
6728  "
6729  style="
6730    
6731      
6732        --logo-width: 265.5907780979827px;
6733      
6734    
6735
6736    
6737    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6738  "
6739  
6740>
6741  
6742    <div class="logo-block__image-wrapper">
6743      
6744<img src="//nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=3840" alt="Nutiva Canada" srcset="//nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=240 240w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=352 352w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=832 832w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=1200 1200w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=1600 1600w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=1920 1920w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=2560 2560w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&amp;width=3840 3840w" width="1280" height="347" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
6745    </div>
6746  
6747</div>
6748
6749
6750
6751
6752
6753</div>
6754</div>
6755
6756
6757
6758
6759
6760
6761
6762
6763<div
6764  class="email-signup-block size-style spacing-style"
6765  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6766  
6767>
6768  
6769  
6770<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="✓" />
6771    <input
6772      name="contact[id]"
6773      type="hidden"
6774      value="EmailSignup-AZTBCMmduWkhOanZ1K__email_signup_e3jbUw"
6775    >
6776
6777    <div
6778      class="email-signup__input-group     "
6779      style="--border-width: 1px; --border-radius: 100px;"
6780    >
6781      <label
6782        for="EmailInput-AZTBCMmduWkhOanZ1K__email_signup_e3jbUw"
6783        class="visually-hidden"
6784      >
6785        Email
6786      </label>
6787      <input
6788        id="EmailInput-AZTBCMmduWkhOanZ1K__email_signup_e3jbUw"
6789        class="email-signup__input email-signup__input--all paragraph "
6790        type="email"
6791        name="contact[email]"
6792        autocorrect="off"
6793        autocapitalize="off"
6794        autocomplete="email"
6795        placeholder="Email address"
6796        required
6797        
6798      >
6799      <button
6800        class="email-signup__button  email-signup__button--text paragraph button button--AZTBCMmduWkhOanZ1K__email_signup_e3jbUw "
6801        
6802      >
6803        
6804          Subscribe
6805        
6806      </button>
6807    </div></form>
6808</div>
6809
6810
6811
6812
6813
6814</div>
6815</div>
6816
6817
6818
6819
6820
6821
6822  </div>
6823</div>
6824
6825
6826
6827
6828
6829
6830</footer><div id="shopify-section-sections--21505445331102__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
6831
6832<div class="section-background color-scheme-5"></div>
6833<div
6834  class="section section--page-width color-scheme-5"
6835  
6836>
6837  <div
6838    class="utilities utilities--blocks-2 spacing-style"
6839    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
6840    data-testid="footer-utilities"
6841  >
6842    
6843
6844<div
6845  class="
6846    footer-utilities__group-copyright
6847    custom-typography
6848    custom-font-size
6849  "
6850  style="
6851--color: ;--font-size: 1.125rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
6852  
6853>
6854  <span class="footer-utilities__text">
6855    &copy; 2026
6856    <a href="/" title="">Nutiva Canada</a>. All rights reserved.
6857  </span>
6858</div>
6859
6860
6861
6862
6863  <ul
6864    class="
6865      policy-list-inline list-unstyled
6866      custom-typography
6867      custom-font-size
6868    "
6869    style="
6870--color: ;--font-size: 1.125rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
6871    
6872  ><li>
6873            <a
6874              href="/policies/privacy-policy"
6875              class="footer-utilities__text"
6876            >Privacy policy</a>
6877          </li><li>
6878            <a
6879              href="/policies/terms-of-service"
6880              class="footer-utilities__text"
6881            >Terms of service</a>
6882          </li></ul>
6883
6884
6885
6886
6887
6888
6889  </div>
6890</div>
6891
6892
6893
6894
6895</div>
6896<!-- END sections: footer-group -->
6897
6898    
6898<script
6899  src="//nutiva.ca/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021780947931"
6900  type="module"
6901></script>
6901
6902
6903<script
6904  src="//nutiva.ca/cdn/shop/t/2/assets/predictive-search.js?v=28719717466047040041780947931"
6905  type="module"
6906  fetchpriority="low"
6907></script>
6907
6908
6909<dialog-component
6910  id="search-modal"
6911  class="search-modal"
6912  
6913>
6914  <dialog
6915    ref="dialog"
6916    on:click="/closeDialogOnClickOutside"
6917    on:keydown="/closeDialogOnEscapePress"
6918    class="search-modal__content dialog-modal"
6919    scroll-lock
6920    aria-labelledby="search-modal-heading"
6921  >
6922    <h2
6923      id="search-modal-heading"
6924      class="visually-hidden"
6925    >
6926      Search
6927    </h2>
6928    <predictive-search-component
6929      class="predictive-search color-scheme-1"
6930      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
6931      data-section-id="predictive-search"
6932      data-testid="search-component--modal"
6933      role="search"
6934      aria-label="Search"
6935    >
6936      <form
6937        action="/search"
6938        method="get"
6939        role="search"
6940        class="predictive-search-form"
6941        ref="form"
6942        on:keydown="/onSearchKeyDown"
6943      >
6944        <div
6945          class="predictive-search-form__header"
6946        >
6947          <div class="predictive-search-form__header-inner">
6948            <label
6949              for="cmdk-input"
6950              class="visually-hidden"
6951            >Search</label>
6952            <input
6953              class="search-input"
6954              id="cmdk-input"
6955              type="search"
6956              name="q"
6957              role="combobox"
6958              aria-expanded="false"
6959              aria-owns="predictive-search-results"
6960              aria-controls="predictive-search-results"
6961              aria-haspopup="listbox"
6962              aria-autocomplete="list"
6963              autocomplete="off"
6964              placeholder="Search"
6965              ref="searchInput"
6966              on:input="/search"
6967              on:keydown="/onSearchKeyDown"
6968            >
6969            <input
6970              name="type"
6971              type="hidden"
6972              value="product"
6973            >
6974            <span class="svg-wrapper predictive-search__icon">
6975              <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>
6976
6977            </span>
6978            <button
6979              type="button"
6980              class="button-unstyled predictive-search__reset-button"
6981              ref="resetButton"
6982              hidden
6983              on:click="/resetSearch"
6984            >
6985              Clear
6986            </button>
6987          </div>
6988          <button
6989            type="button"
6990            class="button predictive-search__close-modal-button"
6991            aria-label="Close dialog"
6992            on:click="dialog-component/closeDialog"
6993            ref="closeModalButton"
6994          >
6995            <span class="svg-wrapper">
6996              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6997  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6998  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6999</svg>
7000
7001            </span>
7002          </button>
7003        </div>
7004
7005        <div class="predictive-search-form__content-wrapper">
7006          <div
7007            class="predictive-search-form__content"
7008            tabindex="-1"
7009            ref="predictiveSearchResults"
7010            on:click="/handleModalClick"
7011          >
7012            
7013
7014<div
7015  id="predictive-search-results"
7016  class="predictive-search-dropdown"
7017  role="listbox"
7018  aria-expanded="true"
7019  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
7020>
7021  
7022</div>
7023
7024          </div>
7025
7026          <div class="predictive-search-form__footer">
7027            <button
7028              class="button predictive-search__search-button"
7029              ref="viewAllButton"
7030            >
7031              View all
7032            </button>
7033          </div>
7034        </div>
7035      </form>
7036    </predictive-search-component>
7037  </dialog>
7038</dialog-component>
7039
7040
7041
7042
7043    
7044      <quick-add-dialog id="quick-add-dialog">
7045  <dialog
7046    class="quick-add-modal dialog-modal color-scheme-1"
7047    ref="dialog"
7048    scroll-lock
7049  >
7050    <button
7051      ref="closeButton"
7052      on:click="/closeDialog"
7053      class="button button-unstyled close-button quick-add-modal__close"
7054      aria-label="Close dialog"
7055    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7056  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7057  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7058</svg>
7059</button>
7060
7061    <div
7062      id="quick-add-modal-content"
7063      class="quick-add-modal__content"
7064    ></div>
7065  </dialog>
7066</quick-add-dialog>
7067
7068
7069
7070    
7071  <div id="shopify-block-AYjNLSHk4TmJUV2VSW__2783554875815837874" class="shopify-block shopify-app-block">
7072  <!-- BEGIN app snippet: app-data -->
7073<!-- BEGIN app snippet: widget-boot -->
7073<script>
7074  (function () {
7075    // Headless / DOM-rebuild storefronts (e.g. Helium builder) re-render the whole
7076    // document after hydration, wiping both this injected loader script and the
7077    // widget nodes it mounts — the widget silently disappears. This closure survives
7078    // such rebuilds (it lives in JS memory even after its own script node is removed),
7079    // so it re-injects the loader whenever the widget vanishes after having mounted.
7080    if (window.__seaA11yLoaderHealer) return;
7081    window.__seaA11yLoaderHealer = true;
7082
7083    var LOADER_SRC = 'https://cdn-accessibility.avada.io/scripttag/sea-accessibility-loader.min.js';
7084    // Every id/class the loader or main bundle renders when the widget is present.
7085    var WIDGET_SELECTORS = [
7086      '#Sea-Accessibility__LoaderButton',
7087      '#Sea-Accessibility__button',
7088      '#Sea-Accessibility__ButtonWidget--Inline',
7089      '#SEA_ACCESSIBILITY_WidgetIconContainer',
7090      '.Sea-Accessibility__Loader'
7091    ];
7092    var MAX_REHEALS = 20; // safety cap so a hostile theme can never loop forever
7093
7094    function widgetPresent() {
7095      for (var i = 0; i < WIDGET_SELECTORS.length; i++) {
7096        if (document.querySelector(WIDGET_SELECTORS[i])) return true;
7097      }
7098      return false;
7099    }
7100
7101    function loaderScriptPresent() {
7102      var scripts = document.getElementsByTagName('script');
7103      for (var i = 0; i < scripts.length; i++) {
7104        if (scripts[i].src && scripts[i].src.indexOf('sea-accessibility-loader') !== -1) return true;
7105      }
7106      return false;
7107    }
7108
7109    function injectLoader() {
7110      var s = document.createElement('script');
7111      s.src = LOADER_SRC + '?v=' + Date.now();
7112      s.defer = true;
7113      (document.head || document.documentElement).appendChild(s);
7114    }
7115
7116    injectLoader();
7117
7118    // Only reheal once the widget has actually mounted and then disappeared: this
7119    // avoids re-injecting on stores where the widget is legitimately absent
7120    // (country-hidden, inline target missing) or where a script optimiser merely
7121    // strips executed 
7121<script> tags without touching the widget.
7122    var everMounted = false;
7123    var reheals = 0;
7124    var rehealing = false;
7125
7126    function check() {
7127      if (widgetPresent()) {
7128        everMounted = true;
7129        return;
7130      }
7131      if (!everMounted || rehealing || reheals >= MAX_REHEALS) return;
7132      // Widget gone. The loader 
7132<script> being gone too is the DOM-rebuild signal.
7133      if (loaderScriptPresent()) return;
7134      rehealing = true;
7135      reheals++;
7136      injectLoader();
7137      // Give the freshly injected loader a beat to mount before re-arming.
7138      setTimeout(function () { rehealing = false; }, 1000);
7139    }
7140
7141    if (typeof MutationObserver !== 'undefined') {
7142      var start = function () {
7143        try {
7144          new MutationObserver(check).observe(document.documentElement, {
7145            childList: true,
7146            subtree: true
7147          });
7148        } catch (e) {}
7149      };
7150      if (document.body) start();
7151      else document.addEventListener('DOMContentLoaded', start);
7152    }
7153  })();
7154</script>
7154
7155<!-- END app snippet -->
7156
7157
7158
7159
7160  <link href='https://fonts.cdnfonts.com/css/noto-serif-gurmukhi' rel='stylesheet'>
7161  <link href='https://fonts.cdnfonts.com/css/open-dyslexic' rel='stylesheet'>
7162  <style>
7163    @font-face {
7164      font-family: 'Sea-Accessibility-Open-Dyslexic';
7165      font-style: normal;
7166      font-weight: 400;
7167      font-display: swap;
7168      src: url('https://fonts.cdnfonts.com/s/29616/open-dyslexic.woff') format('woff');
7169    }
7170
7171    @font-face {
7172      font-family: 'Sea-Accessibility';
7173      font-style: normal;
7174      font-weight: 400;
7175      font-display: swap;
7176      src: url('https://fonts.cdnfonts.com/s/107479/NotoSerifGurmukhi[wght].woff') format('woff');
7177    }
7178
7179    @font-face {
7180      font-family: 'Sea-Accessibility';
7181      font-style: normal;
7182      font-weight: 700;
7183      font-display: swap;
7184      src: url('https://fonts.cdnfonts.com/s/107479/NotoSerifGurmukhi[wght].woff') format('woff');
7185    }
7186  </style>
7187
7188<script>
7189  try {
7190    const [dataMetafields = {}] = [
7191      {"appStatus":true,"removeBrandingForNewShop":false,"disabledToggleClassAtModeReaderView":false,"showCloseButton":false,"redetectOnLocaleChange":false,"widgetSetting":{"buttonStyle":"floating","inlineText":"Accessibility","inlineTextMode":"worldwide","inlineTextLocalized":{"en-US":"Accessibility","en-GB":"Accessibility","fr":"Accessibilité","de":"Barrierefreiheit","it":"Accessibilità","es":"Accesibilidad","el":"Προσβασιμότητα","pt-PT":"Acessibilidade","pt-BR":"Acessibilidade","cs":"Přístupnost","da":"Tilgængelighed","nl":"Toegankelijkheid","fi":"Esteettömyys","sv":"Tillgänglighet","no":"Tilgjengelighet","pl":"Dostępność","vi":"Trợ năng","ja":"アクセシビリティ","ko":"접근성","zh-CN":"无障碍","zh-TW":"無障礙","th":"การเข้าถึง","tr":"Erişilebilirlik","ru":"Доступность","he":"נגישות","hi":"सुलभता","id":"Aksesibilitas","et":"Ligipääsetavus","ro":"Accesibilitate","lt":"Prieinamumas","ar":"إمكانية الوصول"},"preset":"mono","footerTitle":"Powered by Avada","detectLanguage":["browser-language"],"position":"left","mobileRatio":"full-screen","buttonPosition":"bottom","buttonIcon":"pajamas","buttonSize":"small","textFont":"inherit","serveFontViaCDN":false,"defaultLanguage":"en-US","customCSS":"","headerTitle":"","countryVisibility":"all","countryList":[],"brandPrimaryColor":"#00322c","brandSecondaryColor":"#00322c","brandBgColor":"#fef8eb","titleSectionTextColor":"#004139","titleSectionBgColor":"#FFFFFF","resetButtonTextColor":"#FFFFFF","resetButtonBgColor":"#00322c","hideButtonTextColor":"#004139","shopId":"Wm9Tj7bIMzBELhW3PWjZ","createdAt":"2026-06-08T20:48:34.879Z","id":"nHYOjBmvIpMkrHG8BYXT","fontUrl":""},"menuSetting":{"statementLink":"https://nutivacanada-2.myshopify.com/pages/accessibility-statement","allowResizeContent":true,"allowChangeLanguage":true,"allowAccessibilityProfiles":true,"enableShowHideWidget":true,"allowResetAdjustment":true,"enableStatementLink":true,"enableContrast":true,"enableSaturation":true,"enableHighlightLinks":true,"enableTextSize":true,"enableTextAlignment":true,"enableLetterSpacing":true,"enableLineSpacing":true,"enableFont":true,"enableTextMagnifier":true,"enableMuteSound":true,"enableHideImages":true,"enableStopAnimations":true,"enableReaderView":true,"enableReadingGuide":true,"enablePageStructure":true,"enableBWCursor":true,"enableTextToSpeech":true,"enableAutoAltText":false,"shopId":"Wm9Tj7bIMzBELhW3PWjZ","createdAt":"2026-06-08T20:48:34.895Z","id":"k3E96De5r6oGPyuBmMsh"},"translations":{},"shopId":"Wm9Tj7bIMzBELhW3PWjZ","lastUpdated":"2026-06-08T23:05:40.493Z"},
7192    ];
7193    const isBlock = false;
7194    const isV2Shop = true;
7195    const initData = () => ({
7196      ...dataMetafields,
7197      isBlock,
7198      isV2Shop,
7199      statementPageUrl: "\/pages\/accessibility-statement",
7200      storefrontRoot: "\/",
7201      statementShopDomains: ["nutiva.ca", "nutivacanada-2.myshopify.com"],
7202      template: "blog.articles",
7203    });
7204
7205    if (!window.SEA_ACCESSIBILITY) {
7206      window.SEA_ACCESSIBILITY = initData();
7207    }
7208    window.SEA_ACCESSIBILITY = {...window.SEA_ACCESSIBILITY, ...initData()};
7209
7210  } catch (e) {
7211    console.error('Error assigning sea accessibility variable', e);
7212  }
7213</script>
7213
7214<!-- BEGIN app snippet: widget-boot -->
7214<script>
7215  (function () {
7216    // Headless / DOM-rebuild storefronts (e.g. Helium builder) re-render the whole
7217    // document after hydration, wiping both this injected loader script and the
7218    // widget nodes it mounts — the widget silently disappears. This closure survives
7219    // such rebuilds (it lives in JS memory even after its own script node is removed),
7220    // so it re-injects the loader whenever the widget vanishes after having mounted.
7221    if (window.__seaA11yLoaderHealer) return;
7222    window.__seaA11yLoaderHealer = true;
7223
7224    var LOADER_SRC = 'https://cdn-accessibility.avada.io/scripttag/sea-accessibility-loader.min.js';
7225    // Every id/class the loader or main bundle renders when the widget is present.
7226    var WIDGET_SELECTORS = [
7227      '#Sea-Accessibility__LoaderButton',
7228      '#Sea-Accessibility__button',
7229      '#Sea-Accessibility__ButtonWidget--Inline',
7230      '#SEA_ACCESSIBILITY_WidgetIconContainer',
7231      '.Sea-Accessibility__Loader'
7232    ];
7233    var MAX_REHEALS = 20; // safety cap so a hostile theme can never loop forever
7234
7235    function widgetPresent() {
7236      for (var i = 0; i < WIDGET_SELECTORS.length; i++) {
7237        if (document.querySelector(WIDGET_SELECTORS[i])) return true;
7238      }
7239      return false;
7240    }
7241
7242    function loaderScriptPresent() {
7243      var scripts = document.getElementsByTagName('script');
7244      for (var i = 0; i < scripts.length; i++) {
7245        if (scripts[i].src && scripts[i].src.indexOf('sea-accessibility-loader') !== -1) return true;
7246      }
7247      return false;
7248    }
7249
7250    function injectLoader() {
7251      var s = document.createElement('script');
7252      s.src = LOADER_SRC + '?v=' + Date.now();
7253      s.defer = true;
7254      (document.head || document.documentElement).appendChild(s);
7255    }
7256
7257    injectLoader();
7258
7259    // Only reheal once the widget has actually mounted and then disappeared: this
7260    // avoids re-injecting on stores where the widget is legitimately absent
7261    // (country-hidden, inline target missing) or where a script optimiser merely
7262    // strips executed 
7262<script> tags without touching the widget.
7263    var everMounted = false;
7264    var reheals = 0;
7265    var rehealing = false;
7266
7267    function check() {
7268      if (widgetPresent()) {
7269        everMounted = true;
7270        return;
7271      }
7272      if (!everMounted || rehealing || reheals >= MAX_REHEALS) return;
7273      // Widget gone. The loader 
7273<script> being gone too is the DOM-rebuild signal.
7274      if (loaderScriptPresent()) return;
7275      rehealing = true;
7276      reheals++;
7277      injectLoader();
7278      // Give the freshly injected loader a beat to mount before re-arming.
7279      setTimeout(function () { rehealing = false; }, 1000);
7280    }
7281
7282    if (typeof MutationObserver !== 'undefined') {
7283      var start = function () {
7284        try {
7285          new MutationObserver(check).observe(document.documentElement, {
7286            childList: true,
7287            subtree: true
7288          });
7289        } catch (e) {}
7290      };
7291      if (document.body) start();
7292      else document.addEventListener('DOMContentLoaded', start);
7293    }
7294  })();
7295</script>
7295
7296<!-- END app snippet -->
7297
7298  <style id="sea-custom-css"></style>
7299
7300<!-- END app snippet -->
7301
7302
7303
7304</div><div id="shopify-block-AdFEvYlk1MUxES3MrM__15623156175785154009" class="shopify-block shopify-app-block">
7305<!-- QIKIFY NAVIGATOR START --> 
7305<script id="qikify-navigator"> 'use strict'; var shopifyCurrencyFormat = "${{amount}}";  var shopifyLinkLists = [{ id: "main-menu", title: "Main menu", items: ["/collections/all","/blogs/news","/blogs/recipes",], },{ id: "footer", title: "Footer menu", items: ["/search",], },{ id: "customer-account-main-menu", title: "Customer account main menu", items: ["https://shopify.com/77761118366/account/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJudXRpdmFjYW5hZGEtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTEyODEyNjEsIm5iZiI6MTc5MDY3NjQ2MX0.dESCx3F4UFap58W7fgVxA83mH2MPSdQ-w1Z0JM2oK6E&region_country=CA","https://shopify.com/77761118366/account/profile?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJudXRpdmFjYW5hZGEtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTEyODEyNjEsIm5iZiI6MTc5MDY3NjQ2MX0.dESCx3F4UFap58W7fgVxA83mH2MPSdQ-w1Z0JM2oK6E&region_country=CA",], },{ id: "616846721182-child-df958fe06b330b308ca1d3d5761d5430-legacy-products", title: "Products", items: ["/collections/culinary","/collections/organic-supplements","/collections/organic-condiments","/collections/best-selling-products",], },{ id: "616868970654-child-7931b1bb9bb7b55abe3d64febf746f2e-legacy-organic-culinary", title: "Organic Culinary", items: ["/collections/virgin-coconut-oil","/collections/refined-coconut-oil","/collections/liquid-coconut-oil","/collections/coconut-oil-butter-flavour","/collections/coconut-manna",], },{ id: "616869167262-child-781681a3e3fd5e957759b297ac9b29d3-legacy-organic-supplements", title: "Organic Supplements", items: ["/collections/c8","/collections/mct","/collections/mct-powder",], },{ id: "616869298334-child-135f3bf67c1ee7cbd5ff400390005c22-legacy-organic-condiments", title: "Organic Condiments", items: ["/collections/original-soy-sauce-substitute","/collections/teriyaki-soy-sauce-substitute",], },{ id: "main-menu-1", title: "Main Menu", items: ["/collections","/
7305pages/about-us","/blogs/recipes",], },{ id: "617112961182-child-1ad4b37cabf027cf356221c72063559d-legacy-learn", title: "Learn", items: ["/pages/about-us","/pages/faqs","/blogs/news",], },{ id: "617112928414-child-082d10552329e0f710e42068c6c0e600-legacy-products", title: "Products", items: ["/collections/culinary","/collections/organic-supplements","/collections/aminos",], },]; window.shopifyLinkLists = shopifyLinkLists;  window.shopifyCurrencyFormat = shopifyCurrencyFormat; </script>
7305 <!-- QIKIFY NAVIGATOR END -->
7306
7307<script id="qikify-smartmenu-config">
7308  
7309_SM = {
7310    newEntries: null,
7311    oldEntries: null,
7312    subscription: null,
7313    marketId: null,
7314    translation: null,
7315    storefrontAccessToken: null,
7316    synced: null,
7317  };
7318
7319  
7320    _SM.newEntries = {"entry_569385":{"data":{"id":569385,"priority":0,"type":null,"data":{"menu_selector":"selector","transition":"fade","trigger":"hover","show_indicator":true,"show_mobile_indicator":true,"submenu_background":"#F6FDFF","item_color":"#004139","item_hover_color":"","item_header_border":"","price_color":"#F6FDFF","menu_height":50,"alignment":"center","root_typography":{"fontFamily":"","fontSize":"14","letterSpacing":"0"},"root_padding":"8","submenu_fullwidth":true,"typography":{"fontFamily":"","fontSize":"14","letterSpacing":"0"},"megamenu":[{"id":"tmenu-menu-506799","setting":{"item_layout":"text","submenu_type":"tab","submenu_mega_position":"fullwidth","title":"Products","submenu_tab_position":"left","submenu_background":{"background_image":"","background_repeat":"no-repeat","background_position":"bottom left","background_size":"auto"},"submenu_minheight":"300","submenu_tab_control_width":"3","submenu_mega_width":"800","url":{"type":{"id":"link"},"link":"\/collections\/all"}},"menus":[{"id":"tmenu-menu-372959","setting":{"item_layout":"collection","title":"Culinary Oils","collection":{"id":"343370596510","title":"Culinary Oils","handle":"culinary","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/collections\/Nutiva_HP_InsetsCulinary_368x311_033126.webp?v=1780953966"}},"collection_image_position":"noimage"},"menus":[{"id":"tmenu-menu-610682","setting":{"item_layout":"product","title":"Image item","column_width":"2","submenu_background":{"background_image":""},"image":"https:\/\/qikify-cdn.nyc3.digitaloceanspaces.com\/common\/smartmenu\/default-image.png","image_position":"notext","product":{"id":"8745040478366","title":"Organic Virgin Coconut Oil","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/COC601C_628x612_fd949b1e-45ce-41a0-adaf-e0ef68c6fd14.webp?v=1780956211"},"price":1049,"handle":"organic-virgin-coconut-oil","variants":{"edges":[{"id":"47833763086494","title":"444 ml. PET Jar","price":"10.49","compareAtPrice":"12.99","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/COC601C_628x612_fd949b1e-45ce-41a0-adaf-e0ef68c6fd14.webp?v=1780956211"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MzA4NjQ5NCwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833763119262","title":"860 ml. PET Jar","price":"23.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/COC602C_628x612_aabed8b4-6264-49be-aeab-744de6dadb56.webp?v=1780956211"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MzExOTI2MiwibGFzdF92YWx1ZSI6IjIifQ=="},{"id":"47833763152030","title":"1.6 l. PET Jar","price":"21.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/COC603C_628x612_1fce7a0e-538a-4f50-bda0-50b22c05182c.webp?v=1780956211"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MzE1MjAzMCwibGFzdF92YWx1ZSI6IjMifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"item_content_alignment":"center"},"menus":[]},{"id":"tmenu-menu-889964","setting":{"item_layout":"product","title":"Submenu item","product":{"id":"8745040248990","title":"Organic Refined Coconut Oil","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/RFC601C_628x612_47e52e6a-b692-4ee0-8f00-1bc6e26734b4.webp?v=1780956201"},"price":1049,"handle":"organic-refined-coconut-oil","variants":{"edges":[{"id":"47833762398366","title":"444 ml. PET Jar","price":"10.49","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/RFC601C_628x612_47e52e6a-b692-4ee0-8f00-1bc6e26734b4.webp?v=1780956201"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjM5ODM2NiwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833762431134","title":"860 ml. PET Jar","price":"10.49","compareAtPrice":"11.99","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/RFC602C_628x612_de73e398-094c-4741-9301-c0680e229a46.webp?v=1780956201"}}}]}
7320,"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjQzMTEzNCwibGFzdF92YWx1ZSI6IjIifQ=="},{"id":"47833762463902","title":"1.6 l. PET Jar","price":"18.99","compareAtPrice":"24.79","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/RFC603C_628x612_5a3e759e-c0c3-4382-92d1-3d86cdee9563.webp?v=1780956201"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjQ2MzkwMiwibGFzdF92YWx1ZSI6IjMifQ=="},{"id":"47833762496670","title":"3.79 l. PET Pail","price":"54.99","compareAtPrice":"49.99","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/RFC651C_628x612_1_d9df3625-178b-40a1-a554-688916e294e6.webp?v=1780956201"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjQ5NjY3MCwibGFzdF92YWx1ZSI6IjQifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[]},{"id":"tmenu-menu-533719","setting":{"item_layout":"product","title":"Menu item","item_display":true,"product":{"id":"8745040281758","title":"Organic Liquid Coconut Oil","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/LQC102GC_628x612_17c9062d-75d2-4338-8836-9d295f840bf5.webp?v=1780956202"},"price":1449,"handle":"organic-liquid-coconut-oil","variants":{"edges":[{"id":"47833762529438","title":"236 ml. Glass Bottle","price":"14.49","compareAtPrice":"13.99","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/LQC101GC_628x612_1_d1a94105-f120-4996-8299-658d415681eb.webp?v=1780956202"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjUyOTQzOCwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833762562206","title":"473 ml. Glass Bottle","price":"23.49","compareAtPrice":"21.99","inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/LQC102GC_628x612_17c9062d-75d2-4338-8836-9d295f840bf5.webp?v=1780956202"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjU2MjIwNiwibGFzdF92YWx1ZSI6IjIifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"item_content_alignment":"center","column_width":"2"},"menus":[]},{"id":"tmenu-menu-854952","setting":{"item_layout":"product","title":"Submenu item","item_display":true,"product":{"id":"8745040216222","title":"Organic Coconut Oil Buttery Flavour","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/BCO614GC_628x612_be2fde98-765e-47d6-836a-ed01eb4dfd9a.webp?v=1780956199"},"price":949,"handle":"organic-buttery-coconut-oil","variants":{"edges":[{"id":"47833762365598","title":"414 ml. Glass Jar","price":"9.49","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjM2NTU5OCwibGFzdF92YWx1ZSI6IjEifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[]},{"id":"tmenu-menu-279633","setting":{"item_layout":"product","title":"Submenu item","item_display":true,"product":{"id":"8745040183454","title":"Organic Coconut Manna","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MNA101C_628x612_89b2f6c0-1b3c-4857-b303-96b7af8756af.webp?v=1780956197"},"price":1239,"handle":"organic-coconut-manna","variants":{"edges":[{"id":"47833762332830","title":"425 g. Glass Jar","price":"12.39","compareAtPrice":"12.39","inventoryQuantity":0,"media":{"nodes":[]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjMzMjgzMCwibGFzdF92YWx1ZSI6IjEifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[]}],"hide_submenu":true},{"id":"tmenu-menu-831210","setting":{"item_layout":"collection","title":"Tab 2","collection":{"id":"343370858654","title":"Supplements","handle":"organic-supplements","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/collections\/Nutiva_HP_InsetsSupplements_368x311_033126.webp?v=1780954051"}},"collection_image_position":"noimage"},"menus":[{"id":"tmenu-menu-696308","setting":{"item_layout":"product","title":"Tab 2 - Header item","item_display":true,"product":{"id":"8745039921310","title":"Organic C8 MCT Oil","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCT208C_628x612_d8940943-ac7c-495a-b05e-
7320dd75bf4eb743.webp?v=1780956187"},"price":2499,"handle":"organic-c8-mct-oil","variants":{"edges":[{"id":"47833761939614","title":"355 ml. PET Bottle","price":"24.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCT208C_628x612_d8940943-ac7c-495a-b05e-dd75bf4eb743.webp?v=1780956187"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MTkzOTYxNCwibGFzdF92YWx1ZSI6IjEifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"item_content_alignment":"center","column_width":"2"},"menus":[{"id":"tmenu-menu-802656","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-352497","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-952401","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]}],"hide_submenu":true},{"id":"tmenu-menu-514633","setting":{"item_layout":"product","title":"Tab 2 - Header item 2","item_display":true,"product":{"id":"8745040380062","title":"Organic MCT Oil","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCT102C_628x612_c8faee68-dbd2-4ca7-a2ad-349b9898671d.webp?v=1780956208"},"price":2499,"handle":"organic-mct-oil","variants":{"edges":[{"id":"47833762857118","title":"473 ml. HDPE Bottle","price":"24.99","compareAtPrice":"23.99","inventoryQuantity":0,"media":{"nodes":[]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2Mjg1NzExOCwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833762889886","title":"946 ml. HDPE Bottle","price":"42.99","compareAtPrice":"40.99","inventoryQuantity":0,"media":{"nodes":[]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2Mjg4OTg4NiwibGFzdF92YWx1ZSI6IjIifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"item_content_alignment":"center","column_width":"2"},"menus":[{"id":"tmenu-menu-906425","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-511395","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-898955","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]}],"hide_submenu":true},{"id":"tmenu-menu-885700","setting":{"item_layout":"product","title":"Submenu item","product":{"id":"8745039855774","title":"Organic MCT Powder","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCP112C_628x612_c6f1bf9e-3a6c-43bf-b928-fb7f339b1de7.webp?v=1780956184"},"price":2999,"handle":"organic-mct-powder","variants":{"edges":[{"id":"47833761841310","title":"Unflavoured \/ 300 g. HDPE Jar","price":"29.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCP112C_628x612_c6f1bf9e-3a6c-43bf-b928-fb7f339b1de7.webp?v=1780956184"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MTg0MTMxMCwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833761874078","title":"Vanilla \/ 300 g. HDPE Jar","price":"29.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/MCP206C_628x612_321ed6a2-e342-4693-bc8f-5dff40763a04.webp?v=1780956184"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MTg3NDA3OCwibGFzdF92YWx1ZSI6IjIifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[]}],"hide_submenu":false},{"id":"tmenu-menu-510760","setting":{"item_layout":"collection","title":"Tab 3","collection":{"id":"343370825886","title":"Condiments","handle":"organic-condiments","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/collections\/Nutiva_HP_InsetsCondiments_368x311_033126_b5eb76b4-44f2-4098-9994-e9031fb7cc12.webp?v=1780954048"}},"collection_image_position":"noimage"},"menus":[{"id":"tmenu-menu-586702","setting":{"item_layout":"product","title":"Tab 3 - Header item","item_display":true,"product":{"id":"8745039954078","title":"Organic Original Soy Sauce Substitute","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/AMN104CSBC_628x612_d2ff5a37-58c7-4fb6-9b58-d340d7edf313.webp?v=1780956189"},"price":699,"handle":"the-original-coconut-aminos","variants":{"edges":[{"id":"47833761972382","title":"237 ml. Glass Bottle","price":"6.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/AMN101CSBC_628x612_ac3dce70-4d8e-4a06-9764-98a88c0c7336.webp?v=1780956189"}}}]}
7320,"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MTk3MjM4MiwibGFzdF92YWx1ZSI6IjEifQ=="},{"id":"47833762005150","title":"500 ml. Glass Bottle","price":"11.99","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/AMN104CSBC_628x612_d2ff5a37-58c7-4fb6-9b58-d340d7edf313.webp?v=1780956189"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjAwNTE1MCwibGFzdF92YWx1ZSI6IjIifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[{"id":"tmenu-menu-136689","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-673681","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-205093","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]}],"hide_submenu":true},{"id":"tmenu-menu-853285","setting":{"item_layout":"product","title":"Tab 3 - Header item 2","item_display":true,"product":{"id":"8745040019614","title":"Organic Teriyaki Soy Sauce Substitute","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/AMN301CSBC_628x612_00ebb353-1717-418e-9382-9ef1a87d0b03.webp?v=1780956192"},"price":949,"handle":"teriyaki-coconut-aminos","variants":{"edges":[{"id":"47833762103454","title":"296 ml. Glass Bottle","price":"9.49","compareAtPrice":null,"inventoryQuantity":0,"media":{"nodes":[{"preview":{"image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/files\/AMN301CSBC_628x612_00ebb353-1717-418e-9382-9ef1a87d0b03.webp?v=1780956192"}}}]},"cursor":"eyJsYXN0X2lkIjo0NzgzMzc2MjEwMzQ1NCwibGFzdF92YWx1ZSI6IjEifQ=="}],"pageInfo":{"hasNextPage":false,"hasPreviousPage":false}}},"column_width":"2","item_content_alignment":"center"},"menus":[{"id":"tmenu-menu-887981","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-183960","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]},{"id":"tmenu-menu-195414","setting":{"item_layout":"text","title":"Submenu item"},"menus":[]}],"hide_submenu":true}],"hide_submenu":false},{"id":"tmenu-menu-418773","setting":{"item_layout":"collection","title":"Submenu item","collection":{"id":"343370563742","title":"Best Sellers","handle":"best-selling-products","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/collections\/Collection_BestSellers_239x190_288e2f3e-6237-42a4-a25e-c93d270e43d3.webp?v=1780953962"}},"collection_image_position":"noimage"},"menus":[{"id":"tmenu-menu-348724","setting":{"item_layout":"collection","title":"Submenu item","item_display":false,"collection":{"id":"343370563742","title":"Best Sellers","handle":"best-selling-products","image":{"url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0777\/6111\/8366\/collections\/Collection_BestSellers_239x190_288e2f3e-6237-42a4-a25e-c93d270e43d3.webp?v=1780953962"}},"column_width":"2","collection_image_position":"above","item_content_alignment":"center"},"menus":[]}]},{"id":"tmenu-menu-818020","setting":{"item_layout":"text","title":"Shop All","url":{"type":{"id":"link"},"link":"\/collections\/all"}},"menus":[]}],"hide_submenu":true},{"id":"tmenu-menu-264993","setting":{"item_layout":"text","submenu_type":"mega","submenu_mega_position":"fullwidth","title":"Learn","submenu_mega_width":"900","submenu_masonry":true},"menus":[{"id":"tmenu-menu-722219","setting":{"item_layout":"image","title":"About Us","item_display":false,"column_width":3,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0693\/3420\/4495\/files\/Nav_About_Option_02_370x232_29b08e76-c418-4f15-a8ed-749fd25a020e.webp?v=1775759465","item_content_alignment":"center","product":{"id":3937835778115,"handle":"leather-bifold-tab-wallet","title":"Leather Bifold Tab Wallet","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0074\/1172\/8451\/products\/c064818d_2726.jpg?v=1563962884"},"price":"168.00"},"url":{"type":{"id":"page"},"page":{"id":"124183117982","title":"About Us","handle":"about-us"}}},"menus":[]},{"id":"tmenu-menu-105302","setting":{"item_layout":"image","title":"FAQs","item_display":false,"column_width":3,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0708\/7574\/2317\/files\/Nav_C8_CDN_370x232_d55fd428-a5ed-46ab-bc1c-92e06718e08b.webp?v=1780946587","item_content_alignment":"center","product":{"id":3937837613123,"handle":"canvas-shopper","title":"Canvas Shopper Bag","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0074\/1172\/8451\/products\/76ac5714_a336.jpg?v=1563962943"},"price":"698.60"},"url":{"type":{"id":"page"}
7320,"page":{"id":"124183150750","title":"FAQs","handle":"faqs"}}},"menus":[]},{"id":"tmenu-menu-842094","setting":{"item_layout":"image","title":"Blog","item_display":false,"column_width":3,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0708\/7574\/2317\/files\/Untitled_design.jpg?v=1780945117","item_content_alignment":"center","product":{"id":3937836269635,"handle":"man-print","title":"MAN Print Backpack","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0074\/1172\/8451\/products\/7d48ff2c_9a8a.jpg?v=1563962897"},"price":"98.00"},"url":{"type":{"id":"blog"},"blog":{"id":"100496769182","title":"News","handle":"news"}}},"menus":[]}],"hide_submenu":false},{"id":"tmenu-menu-463603","setting":{"item_layout":"text","submenu_type":"mega","submenu_mega_position":"fullwidth","title":"Recipes","url":{"type":{"id":"blog"},"blog":{"id":"100499521694","title":"Recipes","handle":"recipes"}}},"menus":[],"hide_submenu":true}],"navigator_selector":".header-menu__inner .menu-list","mobile_navigator_selector":"ul.menu-drawer__menu","orientation":"horizontal","menu_background":"#F6FDFF","root_color":"#004139","root_active_color":"#004139","root_active_background":"#004139","theme_selector":"all","market_selector":"all","theme":[],"market":[],"published_at":"2026-06-10T23:06:59.910Z"},"status":1,"created_at":"2026-06-08 22:28:05","updated_at":"2026-07-22 16:23:22"},"data_file_url":null}};
7321  
7322
7323  
7324    _SM.oldEntries = [{"id":569385,"status":1,"priority":0,"published_at":"2026-06-10T23:06:59.910Z","created_at":"2026-06-08 22:28:05","updated_at":"2026-07-22 16:23:22"}];
7325  
7326
7327  
7328    _SM.subscription = {"name":"tmenu-premium","kind":"subscription"};
7329  
7330
7331  
7332    _SM.marketId = 62951686302;
7333  
7334
7335  
7336    _SM.translation = {"tmenu_fr_translation":{"entry-569385-megamenu.tmenu-menu-506799.menus.tmenu-menu-372959.setting.title":"Huiles Culinaires","entry-569385-megamenu.tmenu-menu-264993.menus.tmenu-menu-722219.setting.title":"À propos de nous","entry-569385-megamenu.tmenu-menu-463603.setting.title":"Recettes"}};
7337  
7338
7339  
7340    _SM.storefrontAccessToken = "277d2b2739bfa2f122d9048534ab133b";
7341  
7342
7343  
7344  _SM.synced = null;
7345</script>
7345
7346
7347<script src="https://cdn.shopify.com/extensions/01a0aeff-a095-71a4-a52b-376d9bd8a613/smart-menu-112/assets/smartmenu-v2.js" defer="defer"></script>
7347
7348
7349
7350
7351
7352  <style id="qikify-tmenu-custom-style"></style>
7353
7354
7355
7356  
7356<script id="qikify-tmenu-custom-script"></script>
7356
7357
7358
7359
7360
7361</div><div id="shopify-block-AT0pjN3NqM2lXQTdZU__9035537717662245677" class="shopify-block shopify-app-block"><!-- begin -->
7362  
7363  
7364  
7365  <!-- end check show -->
7366  <style type="text/css">body .storeify-formbuilder-button{display:none;} body .storeify-formbuilder-button.btn-storeify-show{display:block;}</style>
7367<!-- end -->
7368
7369</div>
7369<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7369
7370</body>
7371</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.