/** Shopify CDN: Minification failed

Line 22:4 Unexpected "{"
Line 22:5 Expected identifier but found "%"
Line 22:82 Expected identifier but found "%"
Line 25:4 Unexpected "{"
Line 25:5 Expected identifier but found "%"
Line 25:69 Expected identifier but found "%"
Line 29:4 Unexpected "{"
Line 29:5 Expected identifier but found "%"
Line 29:64 Expected identifier but found "%"
Line 34:2 Unexpected "{"
... and 2 more hidden warnings

**/
/* START_SECTION:header (INDEX:24) */
shopify-account {
    font-size: inherit;
    --shopify-account-signed-in-avatar-size: 20px;
    --shopify-account-avatar-size: 20px;

    {% comment %} Used when user had a profile picture set in their Shop account {% endcomment %}
    --shop-brand-color: #000000;

    {% comment %} Used when logged in user has no img profile photo {% endcomment %}
    --shopify-account-signed-in-avatar-color-background: var(--text);
    --shopify-account-signed-in-avatar-color-text: var(--bg);

    {% comment %} Heading is just a bold instance of body font {% endcomment %}
    --shopify-account-font-heading: var(--FONT-STACK-HEADING);
    --shopify-account-font-body: var(--FONT-STACK-BODY);
  }

  {% comment %} Reset header account button styles {% endcomment %}
  shopify-account::part(signed-out-avatar) {
    min-width: auto;
    min-height: auto;
    font-size: inherit;
  }
/* END_SECTION:header */
/* START_SECTION:nbd-comparison-table (INDEX:26) */
/* The component owns its dividers, so theme cell borders are reset. */
  .nbd-ct__table th,
  .nbd-ct__table td {
    border: 0;
    font-size: var(--nbd-ct-font-size, 1em);
  }

  .nbd-comparison-section--spaced {
    padding-block: calc(40 * var(--nbd-font-unit));
  }

  .nbd-ct__heading {
    text-align: center;
    margin-bottom: calc(30 * var(--nbd-font-unit));
  }

  .nbd-ct__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    margin-block: var(--nbd-ct-cap, var(--nbd-ct-cap-default));
  }

  .nbd-ct__table th,
  .nbd-ct__table td {
    padding: calc(12 * var(--nbd-font-unit)) calc(10 * var(--nbd-font-unit));
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
  }

  /* Edge cells match page-width padding */
  .nbd-ct__table th:first-child,
  .nbd-ct__table td:first-child {
    text-align: left;
    width: 50%;
    padding-left: calc(15 * var(--nbd-font-unit));
  }

  .nbd-ct__table th:last-child,
  .nbd-ct__table td:last-child {
    padding-right: calc(15 * var(--nbd-font-unit));
  }

  @media screen and (min-width: 750px) {
    .nbd-ct__wrapper {
      max-width: var(--nbd-page-width);
      margin-inline: auto;
      padding-inline: calc(50 * var(--nbd-font-unit));
    }

    .nbd-ct__table th,
    .nbd-ct__table td {
      padding: calc(16 * var(--nbd-font-unit)) calc(20 * var(--nbd-font-unit));
    }

    .nbd-ct__table th:first-child,
    .nbd-ct__table td:first-child {
      width: 55%;
      padding-left: 0;
    }

    .nbd-ct__table th:last-child,
    .nbd-ct__table td:last-child {
      padding-right: 0;
    }
  }

  .nbd-ct__table thead th {
    padding-bottom: calc(24 * var(--nbd-font-unit));
    font-size: var(--nbd-ct-header-font-size, calc(13 * var(--nbd-font-unit)));
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .nbd-ct__table thead th:first-child {
    font-size: var(--nbd-ct-font-size, 1em);
    text-transform: none;
    letter-spacing: normal;
  }

  /* Row dividers span full table width */
  .nbd-ct__table tbody tr + tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }

  .nbd-ct__table tbody tr + tr .nbd-ct__col1 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Highlighted column */
  .nbd-ct__col1-header,
  .nbd-ct__col1 {
    background: var(--nbd-ct-col1-bg);
    color: var(--nbd-ct-col1-text);
  }

  /*
    Caps extend the column beyond the table, so the end rows keep their height. Rounded caps are
    taller to clear their corners.
  */
  .nbd-ct__wrapper {
    --nbd-ct-cap-default: calc(12 * var(--nbd-font-unit));
  }

  .nbd-ct--rounded {
    --nbd-ct-cap-default: calc(28 * var(--nbd-font-unit));
  }

  .nbd-ct__col1-header,
  .nbd-ct__table tbody tr:last-child .nbd-ct__col1 {
    position: relative;
  }

  .nbd-ct__col1-header::before,
  .nbd-ct__table tbody tr:last-child .nbd-ct__col1::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    height: var(--nbd-ct-cap, var(--nbd-ct-cap-default));
    background: var(--nbd-ct-col1-bg);
  }

  .nbd-ct__col1-header::before {
    bottom: 100%;
  }

  .nbd-ct__table tbody tr:last-child .nbd-ct__col1::after {
    top: 100%;
  }

  .nbd-ct--rounded .nbd-ct__col1-header::before {
    border-radius: calc(12 * var(--nbd-font-unit)) calc(12 * var(--nbd-font-unit)) 0 0;
  }

  .nbd-ct--rounded .nbd-ct__table tbody tr:last-child .nbd-ct__col1::after {
    border-radius: 0 0 calc(12 * var(--nbd-font-unit)) calc(12 * var(--nbd-font-unit));
  }

  /* Check icon */
  .nbd-ct__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nbd-ct-icon-size, calc(32 * var(--nbd-font-unit)));
    height: var(--nbd-ct-icon-size, calc(32 * var(--nbd-font-unit)));
    border-radius: 50%;
  }

  .nbd-ct__col1 .nbd-ct__check,
  .nbd-ct__col1 .nbd-ct__cross {
    color: var(--nbd-ct-col1-icon);
  }

  .nbd-ct__col1 .nbd-ct__check {
    background: var(--nbd-ct-col1-check-bg);
  }

  .nbd-ct__col2 .nbd-ct__check {
    background: rgba(0, 0, 0, 0.08);
    color: var(--nbd-text);
  }

  .nbd-ct__check svg {
    width: 43.75%;
    height: 43.75%;
    display: block;
  }

  /* Cross icon */
  .nbd-ct__cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--nbd-ct-icon-size, calc(32 * var(--nbd-font-unit)));
    height: var(--nbd-ct-icon-size, calc(32 * var(--nbd-font-unit)));
  }

  .nbd-ct__cross svg {
    width: 56.25%;
    height: 56.25%;
    display: block;
  }

  /* Dash */
  .nbd-ct__dash {
    display: inline-block;
    font-size: calc(var(--nbd-ct-icon-size, calc(32 * var(--nbd-font-unit))) * 0.5625);
    line-height: 1;
    opacity: 0.4;
  }
/* END_SECTION:nbd-comparison-table */
/* START_SECTION:nbd-floating-atc (INDEX:28) */
@media (prefers-reduced-motion: no-preference) {
    html:has(nbd-floating-atc) {
      scroll-behavior: smooth;
    }
  }

  nbd-floating-atc {
    max-width: var(--nbd-floating-atc-width, 270px);
    border-radius: var(--nbd-floating-atc-radius, 8px);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: var(--nbd-floating-atc-background);
    color: var(--nbd-floating-atc-color);
    display: flex;
    flex-direction: var(--nbd-floating-atc-direction, row);
    flex-wrap: wrap;
    align-items: center;
    padding: var(--nbd-floating-atc-padding, 1.5rem);
    gap: 1rem;

    position: fixed;
    bottom: var(--nbd-floating-atc-bottom, 4rem);
    left: var(--nbd-floating-atc-left, 1.2rem);

    z-index: 9999;

    opacity: 0;
    visibility: hidden;
  }

  nbd-floating-atc.fade-in {
    opacity: 1;
    visibility: visible;
  }

  @media (prefers-reduced-motion: no-preference) {
    nbd-floating-atc {
      transition: opacity 0.3s ease-in, visibility 0.3s;
    }
  }

  nbd-floating-atc p {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    text-wrap: balance;
  }

  nbd-floating-atc a,
  nbd-floating-atc a:hover {
    display: block;
    padding: 0.75rem 2rem;
    font-size: 0.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: var(--nbd-floating-atc-button);
    color: var(--nbd-floating-atc-button-text);
  }
/* END_SECTION:nbd-floating-atc */
/* START_SECTION:nbd-key-ingredients (INDEX:30) */
.key-ingredients {
    padding-block: 3rem;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;

    .ingredient__sources {
      display: none;
    }
  }

  .key-ingredients-header {
    padding-block: 0.5rem;
  }
/* END_SECTION:nbd-key-ingredients */
/* START_SNIPPET:nbd-ingredient (INDEX:260) */
.ingredient {
    display: grid;
    gap: 3rem 2rem;
    grid-template-columns: 1fr;
    align-items: start;
  }

  @media screen and (min-width: 480px) {
    .ingredient {
      grid-template-columns: repeat(6, 1fr);
    }

    .ingredient__title {
      grid-column: 1 / -1;
    }

    .ingredient__image-wrap {
      grid-column: 1 / 3;
    }

    .ingredient__benefits {
      grid-column: 4 / -1;
    }

    .ingredient__description {
      grid-column: 1 / 5;
    }

    .ingredient__certificate {
      grid-column: 5 / -1;
    }

    .ingredient__sources {
      grid-column: 1 / 3;
    }
  }

  .ingredient img {
    display: block;
    width: 100%;
    height: auto;
  }

  .ingredient__title {
    margin-block: 1.5rem 1rem;
  }

  .ingredient__title a {
    text-decoration: none;
    color: inherit;
  }

  .ingredient h4 {
    margin-bottom: 1rem;
  }

  .ingredient .rte {
    line-height: 1.3;
  }

  .ingredient__image-caption {
    font-size: 11px;
    line-height: 1.1;
    color: #999;
    padding-top: 1ch;
  }

  .ingredient__benefits .rte {
    ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 0.5rem;
    }

    li {
      font-size: 14.5px;
      font-weight: 500;
      display: grid;
      grid-template-columns: 0 1fr;
      gap: 2.5ch;
      align-items: start;
    }

    li::before {
      content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="2ch" height="2ch" fill="none" stroke="rgb(97, 162, 74)" stroke-width="2px" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" viewBox="0 0 24 24"><path d="m20 6.5-11 11-5-5"/></svg>');
      display: inline-block;
      width: 1.5ch;
      height: 1.5ch;
      margin-top: 0.1ch;
    }

  }

  .ingredient__description .rte {
    * {
      font-size: 14.5px !important;
    }
  }

  .ingredient__certificate .rte {
    background-color: #f7f7f7;
    padding: 1rem;

    * {
      font-size: 13px !important;
    }
  }

  .ingredient__sources .rte {
    * {
      font-size: 13px !important;
    }
  }
/* END_SNIPPET:nbd-ingredient */