/** 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-main-ingredient (INDEX:31) */
.ingredients__back-link {
    margin-block: 1.5rem;
  }

  .main-ingredient {
    padding-block: 1rem;
    display: grid;
    gap: 1.5rem;

    .ingredient__title {
      display: none;
    }
  }

  .ingredient-related-products {
    padding-block: 3rem;
  }

  .ingredient-related-products-grid {
    margin-block: 3rem;
    display: grid;
    gap: 2rem 1.5rem;
    grid-template-columns: repeat(1, 1fr);

    @media screen and (min-width: 600px) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (min-width: 1024px) {
      grid-template-columns: repeat(3, 1fr);
    }
  }


  .ingredient-related-articles {
    padding-block: 3rem;
  }

  .ingredient-related-articles-grid {
    margin-block: 3rem;
    display: grid;
    gap: 2rem 1.5rem;
    grid-template-columns: repeat(1, 1fr);

    @media screen and (min-width: 600px) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (min-width: 1024px) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
/* END_SECTION:nbd-main-ingredient */
/* 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 */