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 – 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&v=1780951441" alt="" width="234" height="80" class="header-logo__image" srcset="//nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=80&v=1780951441 1x, //nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=160&v=1780951441 2x, //nutiva.ca/cdn/shop/files/Nutiva_Logo_BF_PMS1817.png?height=240&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®ion_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®ion_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®ion_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®ion_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&width=3840" srcset="//nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&width=832 832w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&width=1200 1200w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&width=1600 1600w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&width=1920 1920w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&width=2560 2560w, //nutiva.ca/cdn/shop/files/Nutiva_HP_Banner_Farmer_2000x861_040726_1.webp?v=1781040756&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&width=3840" alt="" srcset="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=240 240w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=352 352w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=832 832w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1200 1200w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1600 1600w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1920 1920w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=2560 2560w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&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&width=3840" alt="" srcset="//nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=240 240w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=352 352w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=832 832w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1200 1200w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1600 1600w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=1920 1920w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&width=2560 2560w, //nutiva.ca/cdn/shop/files/sparkle2.png?v=1780949228&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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&width=3840" alt="Nutiva Canada" srcset="//nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=240 240w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=352 352w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=832 832w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=1200 1200w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=1600 1600w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=1920 1920w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&width=2560 2560w, //nutiva.ca/cdn/shop/files/footer_logo4x.png?v=1780951459&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 © 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®ion_country=CA","https://shopify.com/77761118366/account/profile?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJudXRpdmFjYW5hZGEtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTEyODEyNjEsIm5iZiI6MTc5MDY3NjQ2MX0.dESCx3F4UFap58W7fgVxA83mH2MPSdQ-w1Z0JM2oK6E®ion_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.