/** Shopify CDN: Minification failed

Line 56:18 Unexpected "{"
Line 56:27 Expected ":"
Line 56:34 Unexpected "{"
Line 221:18 Unexpected "{"
Line 221:27 Expected ":"
Line 221:34 Unexpected "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:main-page (INDEX:40) */
.main-page {
    max-width: 900px;
    margin: 40px auto 100px;
    padding: 0 20px;
    color: var(--black, #222);
  }
  .main-page__title {
    font-size: 2.25rem;
    line-height: 1.2;
    margin: 0 0 28px;
  }
  .main-page__body {
    line-height: 1.6;
  }
  /* Page bodies are hand-written HTML from the admin, so they carry whatever
     markup the author used. Keep the common cases from overflowing. */
  .main-page__body img,
  .main-page__body iframe,
  .main-page__body table {
    max-width: 100%;
  }
  .main-page__body img {
    height: auto;
  }
  .main-page__body table {
    display: block;
    overflow-x: auto;
  }
  @media (max-width: 749px) {
    .main-page {
      margin: 24px auto 64px;
    }
    .main-page__title {
      font-size: 1.75rem;
      margin-bottom: 20px;
    }
  }
/* END_SECTION:main-page */

/* START_SECTION:reason-difference (INDEX:81) */
#shopify-section-{{ section.id }} {
    width: 100%;
    background-color: #FAF8F6;
  }

  .rd {
    width: 100%;
    background-color: #FAF8F6;
    box-sizing: border-box;
    --rd-pad-top: 40px;
    --rd-pad-bottom: 40px;
    --rd-pad-x: 3%;
    --rd-gap-block: 40px;
    --rd-gap-stack: 24px;
    --rd-heading-size: 40px;
    --rd-heading-tracking: -1.2px;
    --rd-body-size: 18px;
    --rd-body-tracking: -0.54px;
    --rd-image-radius: 24px;
  }

  .rd *,
  .rd *::before,
  .rd *::after {
    box-sizing: border-box;
  }

  .rd__container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--rd-pad-top) var(--rd-pad-x) var(--rd-pad-bottom);
    display: flex;
    align-items: flex-start;
    gap: var(--rd-gap-block);
  }

  .rd__text {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--rd-gap-stack);
  }

  .rd__image {
    order: 2;
    flex-shrink: 0;
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    border-radius: var(--rd-image-radius);
    border: 1px solid #03120C;
    box-shadow: 2px 2px 0px 1px #03120C;
  }

  .rd__image img,
  .rd__image video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .rd__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #51EBA8;
    border: 2px solid #172620;
    border-radius: 100px;
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #172620;
    margin: 0;
  }

  .rd__heading {
    width: 100%;
  }

  .rd__heading h1,
  .rd__heading h2,
  .rd__heading h3,
  .rd__heading p {
    margin: 0 !important;
    font-family: 'Interstate Cond Mono', sans-serif;
    font-weight: 800;
    font-size: var(--rd-heading-size);
    line-height: 1.1;
    letter-spacing: var(--rd-heading-tracking);
    color: #172620;
  }

  .rd__body {
    position: relative;
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 500;
    font-size: var(--rd-body-size);
    line-height: 1.5;
    letter-spacing: var(--rd-body-tracking);
    color: #1C1C1C;
  }

  .rd__body p {
    margin: 0 !important;
  }

  .rd__body p + p {
    margin-top: 16px !important;
  }

  .rd__body em,
  .rd__body i {
    background-color: #9AF4CD;
    font-style: normal;
    padding: 2px 4px;
    margin: 0 -4px;
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  @media (max-width: 767px) {
    .rd {
      --rd-pad-top: 40px;
      --rd-pad-bottom: 40px;
      --rd-pad-x: 5%;
      --rd-gap-block: 40px;
      --rd-gap-stack: 20px;
      --rd-heading-size: 32px;
      --rd-heading-tracking: -0.96px;
      --rd-body-size: 18px;
      --rd-body-tracking: -0.54px;
      --rd-image-radius: 12px;
    }

    .rd__container {
      flex-direction: column;
    }

    .rd__text {
      order: 2;
      width: 100%;
      max-width: 400px;
    }

    .rd__image {
      order: 1;
      max-width: 100%;
    }
  }
/* END_SECTION:reason-difference */

/* START_SECTION:reason-ingredients (INDEX:83) */
#shopify-section-{{ section.id }} {
    width: 100%;
    background-color: #FAF8F6;
  }

  .ri__bleed {
    width: 100%;
    background-color: #FAF8F6;
  }

  .ri__container {
    width: 100%;
    background-color: #FAF8F6;
    box-sizing: border-box;

    --ri-pad-top: 40px;
    --ri-pad-bottom: 40px;
    --ri-pad-x: 3%;
    --ri-gap-block: 40px;
    --ri-gap-stack: 24px;

    --ri-heading-size: 40px;
    --ri-heading-tracking: -1.2px;
    --ri-body-size: 18px;
    --ri-body-tracking: -0.54px;

    --ri-row-pad-y: 12px;
    --ri-row-pad-x: 20px;
    --ri-row-gap: 0px;
    --ri-row-align: center;
    --ri-desc-align: right;

    --ri-exclude-pad: 24px;
    --ri-exclude-gap: 24px;
    --ri-exclude-justify: center;

    --ri-tables-width: 440px;

    max-width: 1200px;
    margin: 0 auto;
    padding: var(--ri-pad-top) var(--ri-pad-x) var(--ri-pad-bottom);
    display: flex;
    align-items: flex-start;
    gap: var(--ri-gap-block);
  }

  .ri__container *,
  .ri__container *::before,
  .ri__container *::after {
    box-sizing: border-box;
  }

  .ri__container p {
    margin: 0;
  }

  .ri__text {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--ri-gap-stack);
    position: sticky;
    top: 144px;
  }

  .ri__tables {
    flex: 0 1 var(--ri-tables-width);
    width:100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ri-gap-stack);
  }

  .ri__tag {
    display: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #51EBA8;
    border: 2px solid #172620;
    border-radius: 100px;
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #172620;
  }

  .ri__heading {
    width: 100%;
  }

  .ri__heading h1,
  .ri__heading h2,
  .ri__heading h3,
  .ri__heading p {
    margin: 0 !important;
    font-family: 'Interstate Cond Mono', sans-serif;
    font-weight: 800;
    font-size: var(--ri-heading-size);
    line-height: 1.1;
    letter-spacing: var(--ri-heading-tracking);
    color: #172620;
  }

  .ri__body {
    position: relative;
    width: 100%;
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 500;
    font-size: var(--ri-body-size);
    line-height: 1.5;
    letter-spacing: var(--ri-body-tracking);
    color: #1C1C1C;
  }

  .ri__body p {
    margin: 0 !important;
  }

  .ri__body p + p {
    margin-top: 16px !important;
  }

  .ri__body em,
  .ri__body i {
    background-color: #9AF4CD;
    font-style: normal;
    padding: 2px 4px;
    margin: 0 -4px;
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .ri__card {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #172620;
    border-radius: 8px;
    box-shadow: 2px 2px 0px 1px #172620;
    overflow: hidden;
  }

  .ri__card-head {
    width: 100%;
    padding: 12px 8px;
    background-color: #172620;
    color: #FFFFFF;
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    text-align: center;
  }

  .ri__ingredient-list {
    width: 100%;
  }

  .ri__ingredient-row {
    display: flex;
    align-items: var(--ri-row-align);
    justify-content: space-between;
    gap: var(--ri-row-gap);
    width: 100%;
    padding: var(--ri-row-pad-y) var(--ri-row-pad-x);
  }

  .ri__ingredient-row:nth-child(even) {
    background-color: #FAF8F6;
    border-top: 1px solid rgba(3, 18, 12, 0.1);
    border-bottom: 1px solid rgba(3, 18, 12, 0.1);
  }

  .ri__ingredient-title {
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.48px;
    color: #1C1C1C;
  }

  .ri__ingredient-desc {
    font-family: 'Gotham Rounded', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.42px;
    color: rgba(28, 28, 28, 0.7);
    text-align: var(--ri-desc-align);
  }

  .ri__exclude-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: var(--ri-exclude-justify);
    gap: var(--ri-exclude-gap);
    padding: var(--ri-exclude-pad);
  }

  .ri__exclude-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.42px;
    text-transform: uppercase;
    color: #1C1C1C;
    white-space: nowrap;
  }

  .ri__exclude-icon {
    display: block;
    flex-shrink: 0;
    width: 14px;
    height: 15px;
  }

  @media (max-width: 767px) {
    .ri__container {
      --ri-pad-top: 40px;
      --ri-pad-bottom: 40px;
      --ri-pad-x: 5%;
      --ri-gap-block: 24px;
      --ri-gap-stack: 20px;

      --ri-heading-size: 32px;
      --ri-heading-tracking: -0.96px;

      --ri-row-pad-y: 8px;
      --ri-row-pad-x: 16px;
      --ri-row-gap: 8px;
      --ri-row-align: flex-start;
      --ri-desc-align: left;

      --ri-exclude-pad: 12px 16px;
      --ri-exclude-gap: 12px;
      --ri-exclude-justify: flex-start;

      flex-direction: column;
    }

    .ri__text {
      position: relative;
      top: auto;
    }

    .ri__ingredient-row {
      flex-direction: column;
    }

    .ri__exclude-list {
      flex-direction: column;
      align-items: flex-start;
    }
  }
/* END_SECTION:reason-ingredients */