/** Shopify CDN: Minification failed

Line 24:1070 Unexpected "{"
Line 342:0 Expected "}" to go with "{"

**/
.faq-image-and-links-container {
    padding: 2rem!important;
    border: 1px solid transparent!important;
}
.faq-side-image-section {
   justify-content: center;
}
._fixedPosition_z49kb_12 {
    display: none;
}
.faq-side-image-section .faq-image-and-links-container {
    background-color: #EBEFF1  !important;
}
@media (min-width: 668px) {
 #shopify-section-template--17952119750767__main.shopify-section,  #shopify-section-template--17955172450415__main.shopify-section, #shopify-section-template--17955330130031__main.shopify-section, #shopify-section-template--17955340976239__header.shopify-section, #shopify-section-template--17955295232111__main.shopify-section, #shopify-section-template--17970804129903__header.shopify-section, #shopify-section-template--17970783158383__header.shopify-section, #shopify-section-template--17955295199343__main.shopify-section, #shopify-section-template--17951187107951__header.shopify-section, #shopify-section-template--17955319283823__header.shopify-section, #shopify-section-template--17944874451055__header.shopify-section, #shopify-section-template--17990120833135__header.shopify-section, #shopify-section-template--18024316043375__main.shopify-section{
  display:block!important;
}
#shopify-section-template--17952119750767__faq_side_image_kDniTn.shopify-section, #shopify-section-template--17955172450415__faq_side_image_CARR001.shopify-section, #shopify-section-template--17955330130031__faq_side_image_FPP001.shopify-section, #shopify-section-template--17955340976239__faq_side_image_ygpFBt.shopify-section, #shopify-section-template--17955295232111__faq_side_image_GUAR001.shopify-section, #shopify-section-template--17970804129903__faq_side_image_EWjB7k.shopify-section, #shopify-section-template--17970783158383__faq_side_image_eRC3VK.shopify-section, #shopify-section-template--17955295199343__faq_side_image_LBG001.shopify-section, #shopify-section-template--17951187107951__faq_side_image_alginate.shopify-section, #shopify-section-template--17955319283823__faq_side_image_SL0001.shopify-section, #shopify-section-template--17944874451055__faq_side_image_3XW8A8.shopify-section, #shopify-section-template--17990120833135__faq_side_image_gaVzt4.shopify-section, #shopify-section-template--18024316043375__faq_side_image_6CKgcy.shopify-section, {
    display: inline-block!important;
  width: 30% !important;
}
#shopify-section-template--17952119750767__d_faq_DURUY6.shopify-section, #shopify-section-template--17955172450415__d_faq_CARR001.shopify-section, #shopify-section-template--17955330130031__d_faq_FPP001.shopify-section, #shopify-section-template--17955340976239__d_faq_NKCjhG.shopify-section, #shopify-section-template--17955295232111__d_faq_GUAR001.shopify-section, #shopify-section-template--17970804129903__d_faq_GA0002.shopify-section, #shopify-section-template--17970783158383__d_faq_KJ0002.shopify-section, #shopify-section-template--17955295199343__d_faq_LBG001.shopify-section, #shopify-section-template--17951187107951__d_faq_AJ8Azd.shopify-section, #shopify-section-template--17955319283823__d_faq_SL0002.shopify-section, #shopify-section-template--17944874451055__main.shopify-section, #shopify-section-template--17990120833135__d_faq_XGx2pR.shopify-section, #shopify-section-template--18024316043375__d_faq_rXdJeU.shopify-section {
  width: 960px!important;
  display: inline-block!important;
}
#shopify-section-template--17952119750767__d_faq_DURUY6.shopify-section{
       position: relative;
        top: -160px;
    }
#shopify-section-template--17955172450415__d_faq_CARR001.shopify-section, #shopify-section-template--17990120833135__d_faq_XGx2pR.shopify-section, #shopify-section-template--17955330130031__d_faq_FPP001.shopify-section{
       position: relative;
        top: -150px;
    }
#shopify-section-template--17955340976239__d_faq_NKCjhG.shopify-section{
       position: relative;
        top: -150px;
    }
#shopify-section-template--17955295232111__d_faq_GUAR001.shopify-section, #shopify-section-template--17951187107951__d_faq_AJ8Azd.shopify-section, #shopify-section-template--17955319283823__d_faq_SL0002.shopify-section{
       position: relative;
        top: -150px;
    }
#shopify-section-template--17970804129903__d_faq_GA0002.shopify-section{
       position: relative;
        top: -160px;
    }
#shopify-section-template--17970783158383__d_faq_KJ0002.shopify-section{
       position: relative;
        top: -115px;
    }
#shopify-section-template--17955295199343__d_faq_LBG001.shopify-section, #shopify-section-template--17944874451055__main.shopify-section, #shopify-section-template--18024316043375__d_faq_rXdJeU.shopify-section{
       position: relative;
        top: -185px;
    }
.page-faq-agar-agar .shopify-section, .page-faq-carrageenan .shopify-section, .page-faq-xanthan-gum .shopify-section, .page-faq-fruit-pectin .shopify-section, .page-faq-carrageenan .shopify-section, .page-faq-fruit-powder .shopify-section, .page-faq-tara-gum .shopify-section, .page-faq-guar-gum .shopify-section, .page-faq-konjac-gum .shopify-section, .page-faq-locust-bean-gum .shopify-section, .page-faq-gum-arabic .shopify-section, .page-faq-konjac-gum .shopify-section, .page-faq-locust-bean-gum .shopify-section, .page-faq-sodium-alginate .shopify-section, .page-faq-sunflower-lecithin .shopify-section {
    display: inline-block!important;
}
.faq-image-and-links-container {
    padding: 2rem!important;
    border: 1px solid transparent!important;
    background-color: aliceblue!important;
}
#shopify-section-template--17997715800175__faq-schema-fruit-pectin{
  display: none;
}
.\#page-header-body {
    padding-bottom: 60px!important;
}
}
.page-food-calculators .slideshow,
.page-food-calculators .slideshow__slide,
.page-food-calculators .slideshow__media {
  height: 393px !important; /* adjust as needed */
}

.page-food-calculators .slideshow img {
  object-fit: cover; /* or "contain" to avoid cropping */
  width: 100%;
}
body::after { 
  content: 'CSS LOADED'; 
  position: fixed; 
  right: 10px; 
  bottom: 10px; 
  background: #000; 
  color: #fff; 
  padding: 4px 8px; 
  z-index: 99999;
}
/* Only this slideshow section on the food-calculators page */
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .slideshow,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .slideshow__slide,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .slideshow__media,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .banner,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .banner__media,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .image-banner {
  height: 393px !important;        /* set your exact target height */
  min-height: 393px !important;
}

#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 img,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 .media > img,
#shopify-section-template--18330470285423__8875f2c6-d412-45e2-832f-d8fe0621a040 picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;     /* use 'contain' if you prefer no cropping */
}

/* Force popup above header */
#cc-calculators-pop,
.cc-calculators-pop,
.popup-calculators {
  position: fixed !important;
  z-index: 2147483647 !important;
}

#shopify-section-header,
.header-wrapper,
.header,
nav.site-nav,
.announcement-bar {
  z-index: 1000 !important;
  transform: none !important;
  filter: none !important;
}
/* === Force calculators popup above everything === */
#cc-calculators-pop,
.cc-calculators-pop,
.popup-calculators,
#cc-calculators-portal,
#cc-calculators-portal * {
  position: fixed !important;
  z-index: 2147483647 !important;  /* max practical */
  pointer-events: auto !important;
}

/* === Lower typical header + menu layers (keep header clickable) === */
#shopify-section-header,
.header-wrapper,
.header,
.announcement-bar,
nav.site-nav {
  z-index: 1000 !important;
  transform: none !important; /* kill stacking context traps */
  filter: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* === Lower or disable the INVISIBLE BACKDROP layers that sit over the page === */
/* Common class names used by many Shopify themes & apps; safe to override */
.header__overlay,
.header-overlay,
.menu-overlay,
.mega-menu-overlay,
.mega-menu__overlay,
.nav__backdrop,
.nav-backdrop,
.menu-drawer__backdrop,
.menu-drawer__overlay,
.drawer__overlay,
.site-overlay,
.modal-overlay,
.overlay--visible,
.js-overlay,
[aria-hidden="false"].overlay,
[aria-hidden="false"].backdrop {
  z-index: 900 !important;        /* below popup */
  pointer-events: none !important; /* avoid blocking clicks on popup */
}
/* Top-layer dialog that holds the calculators popup */
#cc-toplayer-dialog {
  padding: 0;                     /* remove default dialog padding */
  border: none;
  background: transparent;        /* let your popup style show */
}

/* Position bottom-right while in the top layer */
#cc-toplayer-dialog[open] {
  position: fixed;                /* dialog supports fixed while open */
  inset: auto 16px 16px auto;     /* bottom-right corner */
  z-index: 2147483647 !important; /* not strictly needed for top layer, but safe */
  pointer-events: none;           /* so clicks pass through except on the popup */
}

/* Re-enable clicks on the popup itself */
#cc-toplayer-dialog > * {
  pointer-events: auto;
}
/* === 1) FORCE THE CALCULATORS POPUP ABOVE EVERYTHING === */
#cc-calculators-pop,
.cc-calculators-pop,
.popup-calculators,
#cc-calculators-portal,
#cc-toplayer-dialog,
#cc-toplayer-dialog * {
  position: fixed !important;
  z-index: 2147483647 !important; /* max practical */
  pointer-events: auto !important;
}

/* === 2) LOWER YOUR NEW HEADER / GREEN BAR STACK (ESCAPED “#” CLASSES) === */
.\#header-main-inner,
.\#header-primary-nav,
main-navigation,
.\#main-navigation-list,
.\#main-navigation-category-modal,
.\#main-navigation-mobile,
.\#main-navigation-mobile-drawer,
.\#main-navigation-mobile-drawer-inner,
.\#header-logo,
.\#header-searchbar,
.\#header-toolbar,
modal-trigger,
modal-trigger[open],
modal-trigger[aria-expanded="true"] {
  position: relative;
  z-index: 1000 !important;        /* keep header usable, but below popup */
  transform: none !important;      /* kill stacking-context traps */
  isolation: auto !important;
  filter: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* === 3) LOWER (OR NEUTER) ANY FULL-VIEWPORT OVERLAYS/BACKDROPS === */
/* If the menu opens a backdrop, these take it out of the way. */
.\#main-navigation-category-modal[open],
.mega-menu-overlay,
.menu-overlay,
.menu-drawer__backdrop,
.menu-drawer__overlay,
.nav-backdrop,
.header-overlay,
.header__overlay,
.site-overlay,
[role="dialog"][aria-modal="true"],
[aria-hidden="false"].overlay,
[aria-hidden="false"].backdrop {
  z-index: 900 !important;          /* definitely below the popup */
  pointer-events: none !important;  /* don’t block clicks on popup */
}

/* === FAQ POPUP (under FAQ icon) === */
.announcement-bar-iconn:has(img[alt="Ingredient FAQs Icon"]) {
  position: relative !important;  /* anchor for popup */
}

.announcement-bar-iconn:has(img[alt="Ingredient FAQs Icon"]) .ann-text {
  position: absolute !important;
  top: 100%;          /* directly below icon */
  left: 50%;
  transform: translateX(-50%);
  min-width: 280px !important;
  max-width: 340px !important;
  white-space: normal !important;
  padding: 8px 12px !important;
  box-sizing: border-box;
  z-index: 9999;
  background: #FF7814;
  color: #fff;
  border-radius: 6px;
  text-align: center;
  line-height: 1.3;
}

/* Arrow for FAQ popup */
.announcement-bar-iconn:has(img[alt="Ingredient FAQs Icon"]) .ann-text::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent transparent #FF7814 transparent;
}

/* === TOOLS POPUP (under Tools icon) === */
.announcement-bar-iconn:has(img[alt="Tools Icon"]) {
  position: relative !important;  /* anchor for popup */
}


/* Arrow for Tools popup */
.announcement-bar-iconn:has(img[alt="Tools Icon"]) .ann-text::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent transparent #FF7814 transparent;
}

/* === MOBILE ADJUSTMENTS === */
@media (max-width: 480px) {
  .announcement-bar-iconn:has(img[alt="Ingredient FAQs Icon"]) .ann-text,
  .announcement-bar-iconn:has(img[alt="Tools Icon"]) .ann-text {
    min-width: 220px !important;
    max-width: 260px !important;
    font-size: 14px;
    padding: 6px 10px !important;
  }


  

/* If it's a UL/OL, make items flow as a centered row of "chips" */
.shopify-section[id^="MainArticle-"] .article-template__content .rte > ul,
.shopify-section[id^="MainArticle-"] .article-template__content .rte > ol {
  list-style: none !important;
  padding-left: 0 !important;
}

.shopify-section[id^="MainArticle-"] .article-template__content .rte > ul > li,
.shopify-section[id^="MainArticle-"] .article-template__content .rte > ol > li {
  display: inline-block !important;
  margin: 0 10px 10px !important;
}

/* Ensure anchors behave like chips even if the list is a <div> or <p> */
.shopify-section[id^="MainArticle-"] .article-template__content .rte > *:has(> a) > a {
  display: inline-block !important;
  margin: 0 10px 10px !important;
}