/** Shopify CDN: Minification failed

Line 652:38 Expected identifier but found "!"
Line 1176:13 Expected identifier but found whitespace
Line 1176:14 Unexpected "1.5em"
Line 2626:0 Unexpected "}"

**/
/* Place any CSS overrides in this file. */
html{color-scheme:light;}
img {
    border-radius: 8px;
}
.site-header__logo img {
    border-radius: 0px;
}
h1 {
    font-size: var(--header-text-size-px);
    line-height: var(--header-line-height-px);
}
  
h2 {
    font-size: var(--h2-text-size-px);
    line-height: var(--h2-line-height-px);
}
  
h3 {
    font-size: var(--h3-text-size-px);
    line-height: var(--h3-line-height-px);
}
  
h4 {
    font-size: var(--h4-text-size-px);
    line-height: var(--h4-line-height-px);
}
  
h5 {
    font-size: var(--h5-text-size-px);
    line-height: var(--h5-line-height-px);
}
  
h6 {
    font-size: var(--h6-text-size-px);
    line-height: var(--h6-line-height-px);
}

  p, span, .ingredient-note, .rte li, .mobile-nav, .mobile-nav.nav--meta .mobile-nav__item,localization-form ul.localization__list a {
    font-size: var(--paragraph-text-size-px)!important;
    line-height: var(--paragraph-line-height-px)!important;
}
  .btn, .btn p {
    font-size: var(--button-font-size-px)!important;
    line-height: var(--button-line-height-px)!important;
}
  .template-title.blog-title, .shopify-policy__title h1{
    font-size: var(--blog-text-size-px);
    line-height: var(--blog-line-height-px);
    font-weight: 400;
}
.main__container, .width--content{
    max-width: var(--site-max-width);
    padding:0 32px;
    margin:0 auto;
    width:100%;
}

.banner__wrapper {
    max-width: 510px;
    width: 100%;
}
.banner__heading {
    display: flex;
    gap: 0;
    flex-direction: column;
}
.banner{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner--video{
    width: 100%;
    object-fit: cover;
    position:absolute;
}
.banner__container{
    position: relative;
}
.banner__heading1, .banner__heading2 {
    color: var(--secondary-text-color);
    margin-bottom: -0px;
}
.banner__subheading {
    color: var(--secondary-text-color);
    max-width: 450px;
    width:100%;
}
.banner__button {
    max-width: unset;
    width: auto !important;
    padding: 10px 25px;
    border: unset;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.banner__button p {
    margin: 0;
}

.main-heading{
    font-size: var(--h2-text-size-px);
    line-height: var(--h2-line-height-px);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
}
.main-subheading{  
    font-size: var(--paragraph-text-size-px);
    line-height: var(--paragraph-line-height-px);
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
}
.bold{
    font-weight: var(--font-weight-bold);
}
span.animated-underline.main-subheading2 {
    font-weight: var(--font-weight-normal);
}
.main-subheading2{
    /* font-size: calc(var(--base-font-size) - 4px); */
    font-weight: var(--font-weight-normal);
    color: var(--text-color);
    margin-top: 5px;
}
.links-footer a{
    margin:0;
}
.blog-posts .main-subheading2{
    font-weight: var(--font-weight-normal);
}
.primary__button {
    padding: 10px 25px;
    border: 2px solid var(--secondary-btn-text-color);
    border-radius: 8px;
    font-weight: 700;
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--secondary-btn-bg-color);
    color: var(--secondary-btn-text-color);
}
.primary__button path {
    fill: var(--secondary-btn-text-color);
}
.secondary__button {
    padding: 10px 25px;
    border: 0px solid var(--primary-btn-text-color);
    border-radius: 8px;
    font-weight: 700;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--primary-btn-bg-color);
    color: var(--primary-btn-text-color);
}
.secondary__button path {
    fill: var(--primary-btn-text-color);
}

/* Custom styling for update cart button - secondary style */
.btn.btn--secondary.update-cart,
input[type="submit"].btn.btn--secondary.update-cart {
  padding: 10px 25px;
  border: 2px solid var(--secondary-btn-text-color); /* Blue border */
  border-radius: 8px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: var(--secondary-btn-bg-color); /* White background */
  color: var(--secondary-btn-text-color); /* Blue text */
  text-transform: uppercase;
  font-size: var(--button-font-size-px);
  line-height: var(--button-line-height-px);
  transition: opacity 0.3s ease;
}

.btn.btn--secondary.update-cart:hover,
input[type="submit"].btn.btn--secondary.update-cart:hover {
  opacity: 0.9;
}

@media screen and (max-width: 580px) {
  .btn.btn--secondary.update-cart,
  input[type="submit"].btn.btn--secondary.update-cart {
    font-size: var(--button-font-size-mobile-px);
    line-height: var(--button-line-height-mobile-px);
  }
}

/* Custom styling for cart buttons */
.cart--empty-btn-container .btn,
.btn.cart--button-checkout {
  padding: 10px 25px;
  border: 0px solid var(--primary-btn-text-color);
  border-radius: 8px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-text-color);
  text-transform: uppercase;
  font-size: var(--button-font-size-px);
  line-height: var(--button-line-height-px);
  transition: opacity 0.3s ease;
}

.cart--empty-btn-container .btn:hover,
.btn.cart--button-checkout:hover {
  opacity: 0.9;
}

@media screen and (max-width: 580px) {
  .cart--empty-btn-container .btn,
  .btn.cart--button-checkout {
    font-size: var(--button-font-size-mobile-px);
    line-height: var(--button-line-height-mobile-px);
  }
}

.cart__row--title {
  font-size: var(--paragraph-text-size-px) !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  display: block !important;
}

.cart--empty-cart {
  padding-bottom: 60px;
}

.template-title--wrapper {
  margin-bottom: 20px !important;
}

.cart--empty-btn-container .btn {
  margin-top: 20px;
}

.text__image-container {
    display: flex;
    width: 100%;
    gap: 50px;
}
.text__image-container-content {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.text__image-container-image {
    width: 50%;
}
.text__image-image {
    width: 100%;
    object-fit: cover;
}

.icon_block--text {
    color: var(--text-color);
    margin: 0;
}

/* Reference section: smaller gap above the heading */
.text__image--yourReferenceSectionID .main-heading {
  margin-top: 10px !important; /* or whatever smaller spacing you want */
}

/* Problem section: bigger gap above the heading */
#image-text-yourProblemSectionID .homepage-sections--title {
  margin-top: 30px !important; /* or bigger spacing here */
}

/* Reduce bottom margin beneath the product title */
.product-details-product-title.l68 {
  margin-bottom: 10px !important;
}

ul {
  margin: 10px 0px 10px 0px !important; /* Added by Martin */
}

#image_block ul {
  margin: 5px 0 -5px 0 !important;
}

@media screen and (max-width: 580px) {
  #image_block ul {
  margin: 5px 0 -2.5px 0 !important;
  }
}

#image_block .column__block--container-inner > .column_block_image--container-inner-column:first-child ul {
  margin: 0px !important;
}

@media screen and (max-width: 580px) {
  #image_block .column__block--container-inner > .column_block_image--container-inner-column:first-child ul {
  margin: 0px 0 -2.5px 0 !important;
  }
}

.icon_block-container-content-block {
    display: flex;
    gap: 15px;
    align-items: center;
}
.icon_block-container-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.review__section--Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: flex;
    line-height: 1;
    align-items: center;
}

.review__section--Stars {
    display: inline-flex;
    align-items: center;
    vertical-align: middle; /* Ensures alignment with the text */
    position: relative;
}

.review__section--Stars::before {
  position: relative;
  top: -1px; /* Shift upward, adjust value as needed */
}

  .review__section--container--review {
    margin-top: 20px;
    margin-bottom: 10px;
}

h3{
    font-size: var(--h3-text-size-px);
    line-height: var(--h3-line-height-px);
}
.column__block--container-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.column__block--container-inner-column-additional-info {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 30px -5px rgba(48,48,48,0.15);
    margin-top: -30px; /* Added by Martin */
    margin-bottom: -20px; /* Added by Martin */
}
 ul, .check ul,  .shopify-policy__body ul{
    list-style: none; 
    padding-left: 0px; 
    margin-left:0;
  }
   ul li, .shopify-policy__body ul li {
    position: relative; 
    padding-left: 30px; 
  }
  header ul li:before, .social-media-footer ul li:before, .mobile-nav-grid-container  ul li:before, .links-footer ul li:before{
    display: none;
}
header ul li, .social-media-footer ul li, .mobile-nav-grid-container  ul li, .links-footer ul li{
    padding-left: 0px;
}
   ul li::before, .shopify-policy__body ul li::before {
    content: '—';
    position: absolute;
    left: 0;
    top: -1px;
    color: var(--primary-btn-bg-color);
    -webkit-text-stroke: 1px var(--primary-btn-bg-color);
}
  .check ul li {
    position: relative; 
    padding-left: 35px; 
}
  .check ul li::before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(/cdn/shop/files/check-mark.png?v=1742246042);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    top: 3px;
}

    .text__image--template--24109014417675__module_image_text_7finRf .check ul {
    margin-bottom: 40px !important;
}
  .column_block_image--container-inner-column {
    overflow: hidden;
    border-radius: 8px;
}
.column_block_image--container-inner-column-image-image {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}
.column_block_image--container-inner-column-image-text {
    padding: 13px 20px 20px 20px;
}
.image-bar__content img {
    border-radius: 0;
}
.column_block_image--container-inner-column-image-text-heading {
    margin-bottom: 10px;
}
.cta-section-container-content {
    display: flex;
    flex-direction: column;
}
.cta-section-link .secondary__button {
    margin-top: 0;
}
.cta-section-container-content-subheading {width: 80%;}
.cta-section-container-content-subheading {
    margin-bottom: 35px;
}
.blog-posts .homepage-indiv-section-wrapper .article-image-wrap img {
    width: 100%;
    max-width: 100%!important;
    object-fit: cover;
    height: 300px;
}
.research-carousel .slick-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/cdn/shop/files/arrow-right.svg?v=1742217891');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.research-carousel .slick-next:focus, .research-carousel .slick-next:hover {
    display: inline-block;
    background-image: url('/cdn/shop/files/arrow-right.svg?v=1742217891');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.research-carousel .slick-next:before, .research-carousel .slick-prev:before{
    opacity:0;
    content: "";
}
.research-carousel .slick-next:hover:before, .research-carousel .slick-prev:hover:before{
    opacity:0;
}
.research-carousel .slick-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('/cdn/shop/files/arrow-left.svg?v=1742217879');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 .research-carousel .slick-prev:focus, .research-carousel .slick-prev:hover {
    display: inline-block;
    background-image: url('/cdn/shop/files/arrow-left.svg?v=1742217879');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.research-carousel .slick-next, .research-carousel .slick-prev {
    top: -80px;
    right: 0;
    left: calc(100% + -20px);
}
.research-carousel .slick-prev {
    left: calc(100% + -70px);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-btn-bg-color);
    opacity:1;
}
.swiper-pagination-bullet {
    border-color: var(--primary-btn-bg-color);
    opacity:0.5;
}
.offer__section-container-inner-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 25%;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 15px;
}

.offer__section-container-image_text {
    width: 100%;
    margin-bottom: 50px;
}
img.offer__section-image {
    border-radius: 8px;
    max-width: 247.61px;
    height: 61.28px;
}
.offer__section-container-content-text-additional_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}
.offer__section-container-inner-faq-block-question {
    cursor: pointer;
    padding: 20px;
    padding-left: 0;
    width: 100%;
    border: none;
    border-top: 1px solid #DDDDDD;
    text-align: left;
    transition: 0.4s;
    background: unset;
    position: relative;
}
  
  .offer__section-container-inner-faq-block-question:after {
    content: '';
    transform: rotate(90deg);
    background-image: url(/cdn/shop/files/arrow-right.svg?v=1742217891);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    display: block;
    position: absolute;
    top: 23px;
    right: 5px;
    transition: transform 0.3s ease-in-out;  /* Added by Martin */
}
  
  .offer__section-container-inner-faq-block-question.active:after {
    content: '';
    transform: rotate(270deg);
    background-image: url(/cdn/shop/files/arrow-right.svg?v=1742217891);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    display: block;
    transition: transform 0.3s ease-in-out;  /* Added by Martin */
}
  
  .offer__section-container-inner-faq-block-answer {
    background-color: #f5f5f5;
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.offer__section.offer__section--template--21386551427339__module_offer_BAQUEq 
  .subscription-offer-content ul {
  margin-top: 5px !important;
  margin-bottom: -0.5px !important;
}

  /* .offer__section-container-inner-faq-block:last-child .offer__section-container-inner-faq-block-question {
    border-bottom: 1px solid #DDDDDD;
} */

.template-about .log-in-button path, 
.template-index .log-in-button path {
    stroke: #ffffff;
} 
.sticked .log-in-button path {
    stroke: #000000;
}

/* White when not scrolled - Added by Martin*/
.template-about .account-button path, 
.template-index .account-button path {
    stroke: #ffffff;
}

/* Black when scrolled (header has .sticked) - Added by Martin*/
.sticked .account-button path {
    stroke: #000000;
}
.template-about  .site-nav--link-text, .template-about  .site-header localization-form button, .template-index  .site-nav--link-text, .template-index  .site-header localization-form button{
    color:#ffffff;
}
.sticked .site-nav--link-text, .sticked  .site-header localization-form button{
    color:#000000;
}

.offer__section-container-inner-faq {
    border-bottom: 1px solid #DDDDDD;
    margin-top: 25px;
}
.template-index .header-section.sticky-header:not(.sticked) .overlay-header a.log-in-button path {
    stroke: var(--overlay-header-text-color);

}.top-links {
    order: 1;
}
.site-header__links.top-links--icon-links {
    order: 2;
    padding-left: 15px;
}
.site-header .site-header__nav~localization-form {
    order: 3;
    padding-left: 5px;
}
footer.footer-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-note.main__container {
    max-width: var(--site-max-width); !important;
    margin-top: -40x;
    margin-bottom: 25px;
}

p.footer-note-message {
    font-size: 12px!important;
    line-height: 18px!important;
    letter-spacing: 0px;
    border: 1px solid #fff;
    padding: 9px;
    margin-bottom: 10px;
    text-align: left;
}

p.footer-note-additional {
    font-size: 12px!important;
    line-height: 18px!important;
    letter-spacing: 0px;
    text-align: left;
}

.footer-klaviyo {
    margin-top: 0px;
    font-size: calc(var(--base-font-size));
    font-weight: var(--font-weight-normal);
    line-height: calc(var(--base-font-size) );
    color: var(--text-color);
    z-index:1;
}

.footer-klaviyo .klaviyo-form-UVyF2t.klaviyo-form.form-version-cid-1, .footer-klaviyo .klaviyo-form-SwASHX.klaviyo-form.form-version-cid-1 {
    margin-top: 5px;
}
.footer-icons a.standalone-icon--wrapper {
    padding-top: 15px!important;
    padding-right:0!important;
    display: flex;
    justify-content: flex-start;
}
.footer-icons li:nth-child(n+2) a.standalone-icon--wrapper{
    padding-left:0!important;
}

.links-footer,
.social-media-footer {
    gap: 5px!important;
}

.standalone-icon--wrapper svg {
    width: 25px;
    height: 25px;
}
form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go417382439.kl-private-reset-css-Xuajs1 {
    max-width: 100%!important;
    margin: auto!important;
}
form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go417382439.kl-private-reset-css-Xuajs1 p {
    text-align: center!important;
}
.new-blog .template-title--wrapper {
    margin-top: 20px;
    margin-bottom: 15px !important;

}
article.grid__item.grid__item--article-main.large--three-quarters {
    width: 100%;
}
.new-blog  .article--image-wrapper {
    margin-bottom: 0px!important;
    margin-top: 25px;
}

.new-blog .rte h4, .rte.text-link-animated {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: var(--paragraph-text-size-px);
    line-height: var( --paragraph-line-height-px);
}
h2.homepage-sections--title {
    margin-bottom: .5em;
}
.new-blog  ol {
    margin-top: 25px;
}

.new-blog .grid__item--article-sidebar {
    margin-top: 0;
}
.shopify-policy__container{
    max-width: var(--blog-max-width)!important;
    padding:0 32px!important;
}
.needsclick.kl-private-reset-css-Xuajs1 p span {
    margin-left: 0px;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    height: unset;
}
.offer__section-container-inner-form {
    width: 75%;
}
.offer__section-container-inner {
    display: flex;
    gap: 15px;
}

.shopify-policy__title {
    margin-bottom: 1.4rem;
}
.shopify-policy__body h3:nth-child(2) {
    margin-top: 1.4rem;
}
.shopify-policy__title h1{
    margin-bottom: 0;
}
.shopify-policy__body h2, .shopify-policy__body h3 {
    font-weight: var(--font-weight-bold);
    color: var(--text-color);
}
.shopify-policy__body{
    margin-bottom:80px;
}
.column__block--container-inner-column-accordion {
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 30px -5px rgba(48,48,48,0.15);
}
.accordion_question {
   cursor: pointer;
   width: 100%;
   border: none;
   text-align: left;
   border: unset;
   transition: 0.4s;
   background-color: unset;
   display: flex;
   align-items: center;
}

.accordion_question:before {
   content: '';
   font-weight: bold;
   margin-right: 12px;
   transform: rotate(90deg);
   background-image: url(/cdn/shop/files/arrow-right.svg?v=1742217891);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 20px; 
   height: 20px;
   transition: transform 0.3s ease-in-out;  /* Added by Martin */
}

.accordion_question.active:before {
   content: '';
   transform: rotate(270deg);
   background-image: url(/cdn/shop/files/arrow-right.svg?v=1742217891);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 20px;
   height: 20px;
   transition: transform 0.3s ease-in-out;  /* Added by Martin */
}

.accordion_answer {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease-out;
}

.accordion_answer > *:first-child {
   margin-top: 15px;
}

  .collapsible-tab-container.collapsible.product-form-block {
    background: #ffffff;
}
  .shopify-policy__title h1{
    text-align: left;
  }
  body, button, input, select, textarea{
    line-height: var(--paragraph-line-height-px);
  }
  .image-bar__content img {
    max-width: 400px!important;
  }
  .image-bar__content .responsive-image-wrapper{
    justify-content: flex-start;
  }
  .template-about .header-section.sticky-header:not(.sticked) .site-header {
    background-color: rgba(0, 0, 0, 0.0);
    border: rgba(0, 0, 0, 0.0);
    transition: background-color 0.4s linear;
}


/* For landing pages where the header starts transparent, overlay the header without affecting document flow */
.template-index .header-section--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999; /* Adjust if needed */
}

/* When the header becomes sticky on landing pages, fix its position and set a white background */
.template-index .header-section.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff; /* or your desired white color */
  z-index: 999;
}

.disclosure__button,
.disclosure__button * {
  transition: none !important;
}

/* For pages (like About) where the header starts transparent, overlay the header without affecting document flow */
.template-about .header-section--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* Adjust if needed */
}

.template-about .header-section.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff; /* or your desired white color */
    z-index: 999;
}



.template-about .header-section.sticky-header:not(.sticked) .top-links.site-header__nav a, .template-about .header-section.sticky-header:not(.sticked) .top-links.site-header__nav a:visited, .template-about .header-section.sticky-header:not(.sticked) .site-header localization-form button{
    color:var(--overlay-header-text-color);
}
.template-about .site-header {
    transition: background-color 0.4s linear;
}
.template-about .header-section.sticky-header:not(.sticked) .top-links .top-links--icon-links path, .template-about .header-section.sticky-header:not(.sticked) .top-links--icon-links select{
    color:var(--overlay-header-text-color)!important;
    stroke:var(--overlay-header-text-color);
}
.template-about  a.site-header__logo-image {
    display: none!important;
}
.template-about  a.site-header__logo-overlay-image.about-image {
    display: block!important;
}
.template-about  .sticked a.site-header__logo-image {
    display: block!important;
}
.template-about  .sticked  a.site-header__logo-overlay-image.about-image {
    display: none!important;
}
.template-about .site-header{
    background-color: #0000;
}
.template-about .sticked .site-header{
    background-color: #ffffff;
}
a.site-header__logo-overlay-image.about-image {
    display: none!important;
}
.disclosure__list.localization__list {
    display: none;
}
.disclosure:hover .disclosure__list.localization__list {
    display: block;
}

.template-product .shopify-section-group-header-group.header-section a.site-nav__link:hover {
    color: #000000!important;
}
.new-blog-posts-section h2.section-title.text-link-animated {
    font-size: var(--h2-text-size-px);
    line-height: var(--h2-line-height-px);
    font-weight: 400;
    margin-bottom: 7.5px;
}
.l58{
    line-height: 58.8px;
}
.l68{
    line-height: 68px;
}
h2.section-title.text-link-animated {
    line-height: 65px;
}
.wrapper-spacing--v, .ingredients__container {
    overflow-x: hidden;
}
.text__image-heading img {
    max-width: 155px;
    width: 100%;
}
.footer-klaviyo button.needsclick.go2534619395.kl-private-reset-css-Xuajs1 {
    position: absolute;
    left: -45px;
    border: unset !important;
    opacity:0!important;
    z-index: 3;
}
.footer-klaviyo:has(#rich-text-01JDJ3X3VXY1DYP9GEDXY57ZB7) .needsclick.kl-private-reset-css-Xuajs1[data-testid=form-component]:after {
    display: none;
}
.footer-klaviyo .needsclick.kl-private-reset-css-Xuajs1[data-testid="form-component"]:after {
    content: "";
    position: absolute;
    right: 17px;
    background-image: url(/cdn/shop/files/Angle_circle_right_grey.svg?v=1740572743);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 25px;
    width: 25px;
    top: 22px;
    z-index: 1;
}

.social-media-footer ul li:first-child a {
    margin-left: -14px !important;
}

#product-faq span.inline-icon--wrapper.icon--right, .product-details-wrapper span.inline-icon--wrapper.icon--right{
    display: none;
}
input#email_01JJVYG90Q1C346WVQVD10RC2S, input#email_01JH10CFY75R5TTAPJG3JPRGAF {
    height: 44px!important;
}
#product-faq collapsible-button:after, .product-details-wrapper collapsible-button:after {
    content: '';
    transform: rotate(90deg);
    background-image: url(/cdn/shop/files/arrow-right.svg?v=1742217891);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 23px;
    right: 5px;
    transition: transform 0.3s ease-in-out;  /* Added by Martin */
}
#product-faq .accordion-content, .product-details-wrapper .collapsible-tab.js{
    position: relative;
}
#product-faq .collapsible-tab.js.open collapsible-button:after, .product-details-wrapper .collapsible-tab.js.open collapsible-button:after{
    transform: rotate(270deg);
    transition: transform 0.3s ease-in-out;  /* Added by Martin */
}

/* Keep only the color change on hover */
#product-faq a:hover {
  color: #0061FF !important;
  transition: none !important;
}

/* 404 Page Button Styles - Added by Martin */
.error-page--wrapper .btn {
    padding: 12px 25px;
    border: 0px solid #0061FF;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #0061FF;
    color: #FFFFFF;
/* 404 Page Button Styles - Added by Martin */
}
/* Adjust spacing between bullet points (reduce gap below each list item) - Added by Martin */
.rte li {
  margin-bottom: 0.3em !important;
}
.template-index .shopify-section-group-header-group.header-section a.site-nav__link:hover {
    color: #ffffff!important;
}
.shopify-section-group-header-group.header-section.sticked a.site-nav__link:hover {
    color: #000000!important;
}
.shopify-section-group-header-group.header-section a.site-nav__link:hover span.site-nav--link-text.animated-underline {
    border-bottom: 2px solid #0061ff;
}
.mobile-nav__item a, button.disclosure__button span {
    font-family: var(--navigation-font-stack);
    font-weight: var(--navigation-font-weight);
    font-style: var(--navigation-font-style);
    text-transform: var(--header-font-case);
}
.width--content.shown-on-scroll.animated.fadeIn {
    padding: 0;
}
.atc__container-offer {
    margin-bottom: 15px;
}
.offer__section-container-inner-faq-block-answer p {
    margin-bottom: 15px;
}
.accordion_question h3 {
    margin-bottom: 0;
}

.desktop{
    display:block;
}
.mobile{
    display:none;
}
.review__section--review--name--container {
    margin-top: 0px;
}
.review__section--container--review  .slick-slide{
    min-height: 100px;
}

.section-note {
    font-size: var(--paragraph-text-size-px);
    line-height: var(--paragraph-line-height-px);
}
.ingredients-item__container .ingredient-title h3 {
    font-weight: 700;
}
.collapsible-content {
    transition: height 0.2s ease-out;
}
.banner__subheading {
    margin: 10px 0 10px;
}
strong {
    font-weight: 700!important;
}
img.offer__section-image.lower-image {
    margin-top: 5px;
    width: 100%;
    max-width: unset;
    height: unset;
}
.sticky-header{
    top: 0px!important;
}
.template-index .overlay-header{
    border-bottom:none!important;
}
.nav-link-animated a:hover span, .nav-link-animated a span{
    transition-duration: 0s!important;
}
.column_block_image--container-inner-column-image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
}
/* Link hover effect for the Bild Block section - Added by Martin*/
#bild_block a:hover {
  color: #0061FF !important;
  transition: none !important;
/* Link hover effect for the Bild Block section - Added by Martin*/
}
/* Link hover effect for the Commitment section - Added by Martin */
.text__image.text__image--template--21386551427339__module_image_text_7finRf a:hover {
  color: #0061FF !important;
  transition: none !important;
/* Link hover effect for the Commitment section - Added by Martin */
}
.grid {
    margin-left: 0;
}
.grid__item{
    padding-left:0;
}
.research-blog-slider .grid__item, .new-blog-posts-section .grid__item{
    padding-left: 30px;
    padding-right: 3px;

}
.grid__item.medium-down--one-whole.large--one-half:nth-child(even) {
    padding-left: 30px;

}
.research-blog-slider .grid, .new-blog-posts-section .grid{
    margin-left: -30px;
}
.footer-klaviyo:has(h1) .needsclick.kl-private-reset-css-Xuajs1[data-testid=form-component]:after {
    display: none;
}
  .footer-main--inner.main__container {
    padding-bottom: 30px !important;
}

.pswp__button--zoom {
  display: none !important;
}

/* Add spacing between paragraphs in blog posts */
.blog-main--wrapper .rte p {
  margin-bottom: 1em;
}

/* Ensure proper spacing after lists in blog posts */
.blog-main--wrapper .rte ul,
.blog-main--wrapper .rte ol {
  margin-top: 0.5em !important;
  margin-bottom: 1em !important;
}

/* Maintain heading spacing */
.blog-main--wrapper .rte h2,
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.blog-main--wrapper .rte h3 {
  margin-top: 0em;
}

/* Fix spacing for the horizontal rule */
.blog-main--wrapper .rte hr {
  margin: 2em 0;
}

/* Remove underline from product description links and add hover effect */
.text-link-animated a {
  text-decoration: none !important;
  border-bottom: none !important;
  background-image: none !important;
}

.text-link-animated a:hover {
  color: #0061FF !important;
  transition: none !important;
}

/* Ensuring only desktop - Added by Martin */
@media only screen and (min-width: 980px) {
  .disclosure {
    position: relative !important;
  }
  
  .disclosure__list.localization__list {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
    background: #fff !important;
    z-index: 999 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  
  .disclosure:hover .disclosure__list.localization__list {
    display: block !important;
  }
}
/* Ensuring only desktop - Added by Martin */

/* Custom check mark styling for info popup lists in boxes 3 and 4 */
.column_block_image--3 .info-pop-popup ul li,
.column_block_image--4 .info-pop-popup ul li {
    list-style: none; /* Remove the default bullet */
    position: relative;
    padding-left: 25px; /* Space to accommodate the check mark image */
}

.column_block_image--3 .info-pop-popup ul li::before,
.column_block_image--4 .info-pop-popup ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7.5px;
    width: 15px;  /* Adjust this value if your check mark image is larger or smaller */
    height: 15px; /* Adjust to fit the height of your check mark image */
    background-image: url('/cdn/shop/files/check-mark.png?v=1742246042');
    background-size: contain;
    background-repeat: no-repeat;
}

.column__block--container-inner .column__block--container-inner-column-description ul {  
  margin-bottom: 20px !important; /* adjust as desired */
}

  /* Hide the top logo */
  .footer-main--inner > div:first-child {
    display: none !important;
  }
  
  /* Adjust grid to 4 columns */
  .footer-main--inner.main__container {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  
  /* Style the footer note area */
  .footer-note.main__container {
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px !important;
  }
  
  /* Style the footer note content */
  .footer-note-wrapper {
    flex: 1 !important;
  }
  
  /* Enhanced footer logo styling with automatic height scaling */
  .footer-note-logo {
    flex: 0 0 auto !important; /* Allow the container to size based on content */
    margin-right: 30px !important;
    align-self: flex-start !important; /* Ensure top alignment */
  }
  
  .footer-note-logo img {
    width: 250 !important; /* Set fixed width */
    height: auto !important; /* Allow height to scale proportionally */
    max-height: none !important; /* Remove max-height constraint */
    object-fit: contain !important;
    object-position: left center !important; /* Ensure left alignment of the image */
  }


    .ingredients-item__container .ingredient-note.desktop {
    max-width: 450px; /* Adjust this value to make the box thinner */
    width: 100%;
    margin-left: auto; 
    margin-right: 0;
  }
  
  /* Ensure the parent container doesn't center its contents */
  .ingredients-item__container .ingredient-title__container {
    justify-content: flex-start;
  }

  /* Fix for product columns to ensure equal 50/50 split */
  .grid.product-single .grid__item.large--six-twelfths {
    width: 50% !important;
    max-width: 50% !important;
    flex-basis: 50% !important;
  }
  
  /* Ensure consistent padding */
  .grid.product-single .product-form-wrapper {
    padding-left: 15px !important;
  }
  
  .grid.product-single .context {
    padding-right: 15px !important;
  }
  
  /* Ensure image container respects width constraints */
  .product-images-container, 
  .product-medias {
    width: 100% !important;
    max-width: 100% !important;
  }

    /* Fix for the top grid */
  .ingredients__container .grid {
    display: flex;
    gap: 50px;
    margin-left: 0;
  }
  
  .ingredients__container .grid .grid__item.large--one-half {
    width: 50%;
    flex: 0 0 calc(50% - 25px);  /* Account for the 50px gap */
    padding-left: 0;
  }
  
  /* Fix for the ingredient items */
  .ingredients-item__container .grid.ingredient {
    gap: 50px;
  }
  
  .ingredients-item__container .grid.ingredient .grid__item {
    width: 50%;
    flex: 0 0 calc(50% - 25px);  /* Account for the 50px gap */
  }

  .ingredients-item__container .ingredient-title__container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-left: 0;
  }
  
  .ingredients-item__container .ingredient-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;  /* Prevent line breaks */
    flex-shrink: 0;  /* Prevent the title from shrinking */
  }
  
  .ingredients-item__container .ingredient-note {
    flex: 1;  /* Allow the note to take remaining space */
    min-width: 200px;  /* Minimum width to maintain readability */
    max-width: none;  /* Remove the fixed max-width */
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
  }

    .ingredients-item__container .grid.ingredient {
    padding: 50px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-left: 0;
  }
  
  .ingredients-item__container .ingredient-title__container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-left: 0;
  }

  /* Make the parent of content and image a flex container */
  .homepage-featured-content-wrapper {
    display: flex;
    align-items: stretch;
  }
  
  /* Set up the content column as a flex container */
  .feature_row__image_wrapper {
    display: flex;
    flex-direction: column;
  }
  
  /* Also make the inner boxes flex containers */
  .no-overlap-content-box,
  .homepage-featured-content-box-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  
  /* Push everything above the personal note to the top */
  .homepage-featured-content-box-inner > *:not(.personal_note) {
    flex-shrink: 0;
  }
  
  /* Create a spacer that pushes the note to the bottom */
  .homepage-featured-content-box-inner:before {
    content: '';
    display: block;
    flex-grow: 1;
  }
  
  /* Adjust the personal note */
  .personal_note {
    margin-top: 22.5px !important; /* Keep some spacing above */
  }

  /* Create space between columns by reducing width and adding margin */
  .product-single-wrapper .grid.product-single {
    margin: 0 -25px; /* Create negative margin to offset padding */
  }
  
  /* Add padding to both columns */
  .product-single-wrapper .grid__item.context,
  .product-single-wrapper .grid__item.product-form-wrapper {
    padding-left: 25px !important;
    padding-right: 25px !important;
    width: 50% !important; /* Force equal widths */
    box-sizing: border-box !important;
  }

/* Global image loading effect for all images */
img {
  opacity: 0;
  transition: opacity 0.05s ease-in;
}

img.loaded, 
img.js.loaded {
  opacity: 1;
}

/* Ensure carousel and modal images stay visible */
.pswp img,
.pswp__img,
.product__media--wrapper img,
.product-single-media img,
[data-product-single-media-wrapper] img {
  opacity: 1 !important;
}

#shopify-section-template--24109014843659__product-form .wrapper-spacing--h.product-section {
  padding-bottom: 40px;
}

  .research-blog-slider .slick-prev,
  .research-blog-slider .slick-next {
   margin-top: 10px !important; /* Adjust this value as needed */
}

/* Blog-specific H2 styling */
.new-blog .rte h2 {
    font-size: 26px !important;
    line-height: 32px !important;
}

/* Blog-specific H3 styling */
.new-blog .rte h3 {
    font-size: 16px !important;
    line-height: 22px !important;
}

/* Blog-specific H4 styling */
.new-blog .rte h4 {
    font-size: 16px !important;
    line-height: 22px !important;
}

/* Remove blur bars from pagination */
.pagination ul li::before,
.pagination ul li::after {
  display: none !important;
}

.article--indiv + hr {
  width: 72%;
  max-width: var(--blog-max-width, 980px);
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  right: -13.9%;
  box-sizing: border-box;
}

/* Universal scroll padding method - affects ALL anchor links */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px !important; /* For desktop */
}

/* Truncate blog titles on the homepage carousel to 2 lines */
.homepage-blog--title.main-subheading a {
  display: -webkit-box;               /* Required for -webkit-line-clamp */
  -webkit-line-clamp: 4;             /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;                  /* Ensures content beyond 2 lines is hidden */
  text-overflow: ellipsis;           /* Shows the "..." for overflow */
  white-space: normal;               /* Allow multiple lines (not nowrap) */
}

/* Reset blog layout for proper centering */
.blog-main--wrapper {
  display: block !important;
  text-align: left !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

.template-title--wrapper {
  text-align: center !important;
  width: 100% !important;
}

.blog-template--main {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Make article content full width */
.grid__item.large--one-quarter,
.grid__item.large--three-quarters {
  width: 100% !important;
  padding-left: 0 !important;
}

/* Center the pagination */
.pagination-wrapper {
  text-align: center !important;
  width: 100% !important;
}

/* Remove any flex display that might be causing issues */
.article--indiv.grid {
  display: block !important;
}

/* Fix for divider alignment - centered and proper width */
.blog-template--main hr {
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px auto !important;
  border: none !important;
  border-top: 1px solid #e0e0e0 !important;
  height: 1px !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: content-box !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}

/* Ensure parent structure doesn't affect alignment */
.article--indiv.grid {
  display: block !important;
  float: none !important;
  position: relative !important;
  left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
}

/* Link hover effect for blog posts */
.blog-main--wrapper .rte a:hover,
.new-blog .rte a:hover {
  color: #0061FF !important;
  transition: none !important;
}

@media screen and (min-width: 768px) {
  #shopify-section-template--24109013926155__blog_posts_a7UcJM .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    padding-top: 100px;
  }

    #shopify-section-template--24109013926155__blog_posts_Apw3qG .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    padding-top: 20px;
    padding-bottom: 80px;
  }
} 

@media screen and (min-width: 981px) and (max-width: 1400px) {
.ingredients-item__container .ingredient-title {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 5px; /* Space between name and dosage */
    }
    
    /* Adjust styling for the dosage text */
    .ingredients-item__container .ingredient-title .dosage {
      margin-top: 2px;
      font-size: 0.9em; /* Slightly smaller font if desired */
    }
} 

@media screen and (max-width: 980px) {
    .template-about  nav.nav-bar.mobile-nav-bar-wrapper {
        height: 0;
    }
    .template-about  .nav-bar.mobile-nav-bar-wrapper .wrapper-spacing--h {
        transition: background-color .3s linear;
        border-bottom: 1px solid var(--header-border-color);
        background: var(--header-color);
    }
    .template-about .header-section.sticky-header:not(.sticked) .nav-bar.mobile-nav-bar-wrapper .wrapper-spacing--h {
        background-color: rgba(0, 0, 0, 0.0);
        border: rgba(0, 0, 0, 0.0);
        transition: background-color 0.3s linear;
    }
    .template-about .header-section.sticky-header:not(.sticked) .site-nav--mobile button svg{
        color:var(--overlay-header-text-color);
    }
    .template-about  nav.nav-bar.mobile-nav-bar-wrapper {
        height: 0;
    }
    .mobile-nav.locale--mobile .disclosure__button{
        justify-content: flex-start!important;
    }
    body, button, input, select, textarea{
        line-height: var(--paragraph-line-height-px);
    }
    .icon_block-container-content-block{
        align-items: flex-start;
    }
    .icon_block-container-content {
        grid-template-columns: repeat(2, 1fr);
    }
    .cta-section-container-content-subheading {width: 90%;}
    .new-blog-posts-section .section-title--wrapper .section-description {
        max-width: 80%;
    }
    img.offer__section-image {
        width: 278px;
    }
    .shopify-policy__body{
        margin-bottom:50px;
    }
    .column_block_image--3 .info-pop-popup ul li::before,
    .column_block_image--4 .info-pop-popup ul li::before {
      top: 5px;
    }
    .subscription-content .atc__container {
      position: relative !important;
      text-align: left !important;
      bottom: auto !important;
      right: auto !important;
      margin-top: 15px;
      float: none !important;
      width: auto !important;
    }
    
    .subscription-content .atc__container button {
      margin-left: 0 !important;
      margin-right: auto !important;
    }
    
    .subscription-content ul {
      margin: 10px 0px 10px 0px !important;
    }
  
    .product-icon-block {
    /* Increase spacing between items */
    gap: 10px; /* Adjust this value as needed */
    }
  
    #product-faq .grid__item.medium-down--one-whole.large--one-half:first-child {
    display: none;
    }
  
    /* Make the FAQ content take full width when image is hidden */
    #product-faq .grid__item.medium-down--one-whole.large--one-half {
      width: 100%;
      padding-left: 0px !important;
    }

    /* Move down FAQ section on tablet via top margin */
    .accordion--faq.wrapper-spacing--v[data-wetheme-section-id="template--24109014843659__pdp_faq_YaQUwT"] {
    margin-top: -10px !important;
    margin-bottom: -25px !important;
    }
  
    /* Target only the first grid in the ingredients container */
    .ingredients__container > .width--content > .grid:first-of-type {
      display: flex;
      flex-direction: column-reverse;
    }
    
    /* Make both items in the first grid take full width */
    .ingredients__container > .width--content > .grid:first-of-type .grid__item.medium-down--one-whole.large--one-half {
      width: 100%;
      max-width: 100%;
      flex-basis: 100%;
    }
    
    /* Remove left padding on first grid items */
    .ingredients__container > .width--content > .grid:first-of-type .grid__item {
      padding-left: 0;
    }
    
    /* Add some spacing between image and content */
    .ingredients__container > .width--content > .grid:first-of-type .grid__item:first-child {
      margin-top: 30px;
    }

    .ingredients__container > .width--content > .grid:first-of-type .content__container {
    margin-bottom: -10px;
    }

    .ingredients-item__container .ingredient-title {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 5px; /* Space between name and dosage */
    }
    
    /* Adjust styling for the dosage text */
    .ingredients-item__container .ingredient-title .dosage {
      margin-top: 2px;
      font-size: 0.9em; /* Slightly smaller font if desired */
    }

    .homepage-featured-content-box-inner {
    text-align: left;
    }

    .ingredients-item__container .grid.ingredient {
      gap: 25px;
    }
  
    .ingredients-item__container .ingredient-title__container {
      gap: 25px;
    }

    .check ul li::before {
    top: 1px !important; 
    }

    .review__section--container--review {
      margin-top: -30px;
      margin-bottom: 10px;
    }

    #image_block .info-pop-popup ul li {
    font-size: var(--paragraph-text-size-px) !important;
    line-height: var(--paragraph-line-height-px) !important;
    }
    
    /* Ensure the popup content also respects these sizes */
    #image_block .info-pop-popup .popup-inner,
    #image_block .info-pop-popup .popup-inner * {
        font-size: var(--paragraph-text-size-px) !important;
        line-height: var(--paragraph-line-height-px) !important;
    }

    .offer__section-container-inner-details {
    padding-right: 0px;
    }

    /* Create space between columns for tablets - smaller gap */
  .product-single-wrapper .grid.product-single {
    margin: 0 -12.5px; /* Create negative margin to offset padding */
  }
  
  /* Add smaller padding to both columns for tablets */
  .product-single-wrapper .grid__item.context,
  .product-single-wrapper .grid__item.product-form-wrapper {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important;
    width: 50% !important; /* Force equal widths */
    box-sizing: border-box !important;
  }
} 

@media (min-width: 768px) and (max-width: 880px) {
  .product-details-product-title {
    font-size: var(--h2-text-size-mobile-px);
    line-height: var(--h2-line-height-mobile-px);
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .ingredients__container > .width--content > .grid:first-of-type .grid__item .img-tag {
      margin-top: -110px !important;
      margin-bottom: -40px !important;
  }
} 
  
@media screen and (min-width: 581px) and (max-width: 767px) {
    .main-heading{
        font-size: var(--h2-text-size-mobile-px) !important;
        line-height: var(--h2-line-height-mobile-px) !important;  
    }

    /* Move down FAQ section on tablet via top margin */
    .accordion--faq.wrapper-spacing--v[data-wetheme-section-id="template--24109014843659__pdp_faq_YaQUwT"] {
    margin-top: 50px;
    margin-bottom: -15px;
    }

  .ingredients__container > .width--content > .grid:first-of-type .content__container {
    margin-bottom: 0px;
    }
  
  /* Force single column for product grid */
  .grid.product-single .grid__item.large--six-twelfths {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Remove any margins/padding */
  .grid.product-single .product-form-wrapper {
    padding-left: 0 !important;
  }

  .grid.product-single .context {
    padding-right: 0 !important;
  }

  /* Ensure image container takes full width */
  .product-images-container, 
  .product-medias {
    width: 100% !important;
    max-width: 100% !important;
  }

    /* Make the footer note container a vertical column */
  .footer-note.main__container {
    flex-direction: column !important;
    gap: 15px !important;
  }
  
  /* Adjust logo image sizing and alignment */
  .footer-note-logo img {
    max-width: 180px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left !important; /* Ensure left alignment */
  }
  
  .footer-note-logo {
    display: flex !important;
    justify-content: flex-start !important; /* Left align the container */
    width: 100% !important;
    margin-top: 20px;
  }
  
  /* Ensure the footer note wrapper takes full width */
  .footer-note-wrapper {
    width: 100% !important;
  }
  
  /* Add any other mobile footer styles you want to apply to tablet */
  .footer-main--inner.main__container {
    padding-bottom: 0px !important;
  }
  
  .links-footer ul {
    gap: 2px !important;
  }
  
  .footer-content.nav-link-animated li {
    margin-bottom: -2.5px !important;
  }
  
  .social-media-footer {
    margin-top: 15px;
    gap: 3px !important;
  }
  
  p.footer-note-message, p.footer-note-additional {
    font-size: 10px !important;
    line-height: 14px !important;
  }

    /* Left align footer items */
  .footer-main--inner h4,
  .footer-main--inner a,
  .footer-main--inner p,
  .footer-main--inner.main__container div,
  footer .footer-note-message,
  footer .footer-note-additional,
  #Nyhetsbrev,
  #Kontakta-oss,
  #Policys,
  .footer-content {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  
  /* Ensure form elements and input fields are also aligned left */
  .footer-klaviyo form,
  .footer-klaviyo .klaviyo-form input,
  .footer-klaviyo .klaviyo-form button {
    text-align: left !important;
    justify-content: flex-start !important;
  }
  
  /* Social media icons should be left aligned */
  .social-media-footer,
  .social-media-footer ul {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  
  /* Email subscription field and button */
  .klaviyo-form-field-wrapper {
    justify-content: flex-start !important;
  }

  /* Force single column layout for ingredients section */
  .ingredients__container .grid {
    display: flex;
    flex-direction: column;
  }
  
  .ingredients__container .grid__item.large--one-half {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
  
  /* Fix ingredient sections to stack vertically */
  .ingredients-item__container .grid.ingredient {
    display: block;
    padding: 20px 0;
  }
  
  .ingredients-item__container .grid.ingredient .grid__item {
    width: 100%;
    padding-left: 0;
    display: block;
    margin-top: 0px;
  }
  
  /* Adjust spacing */
  .ingredients__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  /* Show mobile note instead of desktop note */
  .ingredients-item__container .ingredient-note.desktop {
    display: none;
  }
  
  .ingredients-item__container .ingredient-note.mobile {
    display: block;
    margin-top: 20px;
  }
  
  /* Ensure title and dosage stack properly */
  .ingredients-item__container .ingredient-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  
  .ingredients-item__container .ingredient-title .dosage {
    margin-top: 2px;
    font-size: 0.9em;
  }

  .ingredients-item__container .grid.ingredient .grid__item.medium-down--one-whole.large--one-half .content__container {
    margin-top: 10px; /* Adjust this value as needed */
  }

  /* Make the text__image container a single column */
  .text__image--template--24109014843659__module_image_text_PX6wt4 .text__image-container {
    flex-direction: column !important;
  }

    /* Show mobile image */
  .text__image--template--24109014843659__module_image_text_PX6wt4 .text__image-container-image.desktop {
    width: 100% !important;
    margin-bottom: 0px !important;
  }

    /* Ensure content takes full width */
  .text__image--template--24109014843659__module_image_text_PX6wt4 .text__image-container-content {
    width: 100% !important;
  }

  .cta-section-container-content-heading.main-heading.l58 {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
  }

    /* Reset all layout properties to their defaults */
  .homepage-featured-content-wrapper {
    display: block !important;
    align-items: initial !important;
  }
  
  .feature_row__image_wrapper {
    display: block !important;
    flex-direction: initial !important;
  }
  
  .no-overlap-content-box,
  .homepage-featured-content-box-inner {
    display: block !important;
    flex-direction: initial !important;
    flex-grow: initial !important;
  }
  
  /* Remove the spacer element */
  .homepage-featured-content-box-inner:before {
    display: none !important;
    content: none !important;
  }
  
  /* Reset any flex properties on content elements */
  .homepage-featured-content-box-inner > *:not(.personal_note) {
    flex-shrink: initial !important;
  }
  
  /* Ensure the personal note has original styling */
  .personal_note {
    margin-top: 30px !important; 
  }

    .product-single-wrapper .grid.product-single {
    margin: 0 !important; /* Reset margin for mobile */
  }
  
  .product-single-wrapper .grid__item.context,
  .product-single-wrapper .grid__item.product-form-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important; /* Full width on mobile */
    box-sizing: border-box !important;
  }

    .ingredients__container > .width--content > .grid:first-of-type .grid__item .img-tag {
    margin-top: -35px !important;
    margin-bottom: -50px !important;
  }

    .text__image-heading img {
       max-width: 100px;
       width: 100%;
   }

    /* Typography settings */
  h1 {
    font-size: var(--header-text-size-mobile-px) !important;
    line-height: var(--header-line-height-mobile-px) !important;
  }
  
  h2, .main-heading, .section-title, .homepage-sections--title, 
  .homepage-featured-content-box h2, .product-details-product-title,
  h2.section-title.text-link-animated, .new-blog-posts-section h2.section-title.text-link-animated {
    font-size: var(--h2-text-size-mobile-px) !important;
    line-height: var(--h2-line-height-mobile-px) !important;
  }
  
  h3 {
    font-size: var(--h3-text-size-mobile-px) !important;
    line-height: var(--h3-line-height-mobile-px) !important;
  }
  
  h4, .rte h4 {
    font-size: var(--h4-text-size-mobile-px) !important;
    line-height: var(--h4-line-height-mobile-px) !important;
  }
  
  h5 {
    font-size: var(--h5-text-size-mobile-px) !important; 
    line-height: var(--h5-line-height-mobile-px) !important;
  }
  
  h6 {
    font-size: var(--h6-text-size-mobile-px) !important;
    line-height: var(--h6-line-height-mobile-px) !important;
  }
  
  /* Paragraph, span, and list elements */
  p, span, .main-subheading, .rte li, .ingredient-note, .section-note, 
  .offer__section-container-content-text-description.main-subheading,
  h2.groupName.main-subheading.bold, .offer__section-container-inner-faq-block-question.main-subheading,
  .homepage-blog--title.main-subheading, .mobile-nav, .mobile-nav.nav--meta .mobile-nav__item,
  localization-form ul.localization__list a, .review__section--Stars-text.main-subheading {
    font-size: var(--paragraph-text-size-mobile-px) !important;
    line-height: var(--paragraph-line-height-mobile-px) !important;
  }
  
  /* Button styling */
  .btn, .btn p, .primary__button, .secondary__button, 
  .cart--empty-btn-container .btn, .btn.cart--button-checkout {
    font-size: var(--button-font-size-mobile-px) !important;
    line-height: var(--button-line-height-mobile-px) !important;
  }
  
  /* Blog specific elements */
  .template-title.blog-title, .shopify-policy__title h1 {
    font-size: var(--blog-text-size-mobile-px) !important;
    line-height: var(--blog-line-height-mobile-px) !important;
  }
  
  /* Ensures image popups and other special sections respect font sizes */
  #image_block .info-pop-popup ul li,
  #image_block .info-pop-popup .popup-inner,
  #image_block .info-pop-popup .popup-inner * {
    font-size: var(--paragraph-text-size-mobile-px) !important;
    line-height: var(--paragraph-line-height-mobile-px) !important;
  }

    #shopify-section-template--24109014843659__product-form .wrapper-spacing--h.product-section {
  padding-bottom: 40px !important; /* Adjust this value as needed */
   }

    .text__image--template--24109014417675__module_image_text_7finRf .text__image-container {
    gap: 35px !important;
   }

    .blog-main--article-title {
    font-size: var(--blog-text-size-mobile-px);
    line-height: var(--blog-line-height-mobile-px);
    font-weight: 400;
  }

    /* Target the first blog carousel to reduce top spacing */
  #shopify-section-template--24109013926155__blog_posts_a7UcJM .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    margin-top: -20px !important;
  }
  
    /* Target the second blog carousel to reduce top spacing */
  #shopify-section-template--24109013926155__blog_posts_Apw3qG .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    margin-top: -80px !important;
  }

  .product-details-product-title.h2 {
    font-size: 32px; /* You can adjust this value */
  } 
}

@media screen and (max-width: 580px) {
    .accordion_question:before {
        margin-top: 1px;
    }
    .accordion_question.active:before {
        margin-top: 3px;
    }
    #product-faq collapsible-button:after, .product-details-wrapper collapsible-button:after {
        top: 20px;
    }
    ul li:before, .shopify-policy__body ul li:before {
        top: 10px;
        height: 17px;
        overflow: hidden;
        font-size: 18px;
        line-height: 0;
    }
    .template-title.blog-title, .shopify-policy__title h1{
        font-size: var(--blog-text-size-mobile-px);
        line-height: var(--blog-line-height-mobile-px);
    }
    :not(#ShopNowContainer)>[data-wetheme-section-type=template--product] .product-single-wrapper .product-form-wrapper {
        padding-left:0!important;
    }
    .grid__item.medium-down--one-whole.large--one-half:nth-child(even) {
        padding-left: 0px;
    }
    .shopify-policy__container{
        padding:0 15px!important;
    }
    h2.groupName.main-subheading {
        font-size: 20px;
        line-height: 28px;
    }
    .footer-note.main__container{
        padding: 15px 20px;
    }
    .template-page  .rte.featured-row__subtext.textarea.text-link-animated {
        margin-top: 15px;
    }
    .homepage-sections--title {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .section-note {
        font-size: var(--paragraph-text-size-mobile-px);
        line-height: var(--paragraph-line-height-mobile-px);
    }
    .column__block--container-inner-column-additional-info {
        padding: 15px;
        margin-top: 0px;
        margin-bottom: 15px !important;

    }
    .social-media-footer ul li:first-child a {
        margin-left: -14px!important;
    }
    .new-blog-posts-section h2.section-title.text-link-animated {
        font-size: var(--h2-text-size-mobile-px);
        line-height: var(--h2-line-height-mobile-px);
    }
    img.offer__section-image.lower-image {
        width: 100%;
        max-width: unset;
        object-fit: cover;
        height: unset;
    }
    .review__section--Stars-text.main-subheading {
        font-size: var(--paragraph-text-size-mobile-px);
    }
    h1 {
        font-size: var(--header-text-size-mobile-px);
        line-height: var(--header-line-height-mobile-px);
    }
    
    h2 {
        font-size: var(--h2-text-size-mobile-px);
        line-height: var(--h2-line-height-mobile-px);
    }
    
    h3 {
        font-size: var(--h3-text-size-mobile-px);
        line-height: var(--h3-line-height-mobile-px);
    }
    
    h4 {
        font-size: var(--h4-text-size-mobile-px);
        line-height: var(--h4-line-height-mobile-px);
    }
    
    h5 {
        font-size: var(--h5-text-size-mobile-px); 
        line-height: var(--h5-line-height-mobile-px);
    }
    
    h6 {
        font-size: var(--h6-text-size-mobile-px);
        line-height: var(--h6-line-height-mobile-px);
    }
      .new-blog .rte h4, .rte.text-link-animated {
        font-size: var(--paragraph-text-size-mobile-px);
        line-height: var(--paragraph-line-height-mobile-px);
    }
    p, span, .ingredient-note, .rte li, .mobile-nav, .mobile-nav.nav--meta .mobile-nav__item,localization-form ul.localization__list a {
        font-size: var(--paragraph-text-size-mobile-px)!important;
        line-height: var(--paragraph-line-height-mobile-px)!important;
    }

    .main-heading{
        font-size: var(--h2-text-size-mobile-px) !important;
        line-height: var(--h2-line-height-mobile-px) !important;  
    }
  
    .btn, .btn p {
    font-size: var(--button-font-size-mobile-px)!important;
    line-height: var(--button-line-height-mobile-px)!important;
    }
    .desktop{
        display:none;
    }
    .mobile{
        display:block;
    }
    .text__image-container-image, .text__image-container-content  {
        width: 100%;
    }
    .icon_block-container-content {
        grid-template-columns: repeat(1, 1fr);
    }
    .column__block--container-inner-column, .column_block_image--container-inner-column {
        width: 100%!important;
    }

    .column__block--container-inner-column-accordion {
    margin-top: -20px !important;
    
    }
    .cta-section-container-content-subheading {width: 100%;}
    .homepage-indiv-section-wrapper .article-image img {
        width: 100%;
        max-width: 100% !important;
        object-fit: cover;
        height: 300px;
        border-radius: 8px;
    }
    .new-blog-posts-section .section-title--wrapper .section-description {
        max-width: 100%;
    }
    .offer__section-container-inner-details {
        width: 100%;
        padding: 0;
    }
    .offer__section-container-image_text img.offer__section-image {
        width: 50%;
        max-width: 225px;
        height: 60px;
    }
    .offer__section-container-content-text-additional_info {
        width: 100%;
        margin-top: 50px;
    }
    .offer__section-container-image_text {
        margin-bottom: 15px;
    }
    .footer-wrapper:has(.footer-main.accent):has(.footer-bottom.accent) .footer-main--inner {
        padding-bottom: 0px;
    }
    .image-footer {
        margin-bottom: 30px;
    }
    .site-footer {
        text-align: left;
    }
    .footer-klaviyo {
        margin-top: 3px;
    }
    .social-media-footer {
        margin-top: 15px;
        gap: 4px !important;
    }
    
    .footer-klaviyo .klaviyo-form-UVyF2t.klaviyo-form.form-version-cid-1, .footer-klaviyo .klaviyo-form-SwASHX.klaviyo-form.form-version-cid-1 {
    margin-top: 5px;
    }

    p.footer-note-message, p.footer-note-additional {
        font-size: 10px!important;
        line-height: 14px!important;
    }
    
    .footer-main--inner.main__container {
        padding-bottom: 0px !important;
    }

    .links-footer ul {
    gap: 2px !important;
    }

    .footer-content.nav-link-animated li {
    margin-bottom: 2.5px !important;
    }
  
    .product-details-product-title, .grid__item.medium-down--one-whole.large--one-half h2 {
        font-size: var(--h2-text-size-mobile-px);
        line-height: var(--h2-line-height-mobile-px);
    }
    .width--content:has(div#shopify-block-loox_reviews_loox_dynamic_section_jPRDtH) h2 {
        font-size: var(--h2-text-size-mobile-px);
        line-height: var(--h2-line-height-mobile-px);
    }
    .product-details-product-title {
        font-size: 32px;
        line-height: 48px;
    }
    .main__container, .width--content, .mobile-nav-bar--inner {
        padding:0 20px;
    }
    .text__image-heading img {
        max-width: 100px;
        width: 100%;
    }
    .column_block_image--container-inner-column-image-text {
        padding: 15px;
    }
    #image_block ul {
      margin: 5px 0 -5px 0 !important;
    }
  
    /* Reduce gap between main text and “Always free shipping.” */
    .offer__section-container-content-text-description {
      margin-bottom: 5px !important;
    }
  
    .offer__section-container-content-text-additional_info {
      margin-top: 5px !important;
    }
    
    /* Reduce gap between Naviane image and first product card */
    .offer__section-container-inner-form {
      margin-top: 5px !important; 
    }
    .offer__section.offer__section--template--21386551427339__module_offer_BAQUEq 
    .subscription-offer-content ul {
    margin-top: 5px !important;
    margin-bottom: -4px !important;
    }

    .check ul li::before {
    top: 0px !important; 
    }
  
    .text__image--template--21386551427339__module_image_text_7finRf .check ul {
    margin-bottom: 20px !important;
    }
  
    #review_section {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
    }
  
    .ingredients-item__container {
    margin-top: 10px !important;
    }
  
    .grid__item.medium-down--one-whole.large--one-half.ingredient-title__container {
    margin-top: 0px !important;
    }

    .grid__item.medium-down--one-whole.large--one-half {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    }

    .ingredients-item__container .ingredient-note {
    margin-top: 20px !important;
    }
        #product-faq .grid__item.medium-down--one-whole.large--one-half:first-child {
    display: none;
    }

    .product-icon-block {
    /* Increase spacing between items */
    gap: 0px; /* Adjust this value as needed */
    }

    /* Make the footer note container a vertical column on mobile */
    .footer-note.main__container {
      flex-direction: column !important;
      gap: 15px !important;
    }
    
    /* Ensure the logo takes full width */
    .footer-note-logo {
      width: 100% !important;
      margin-right: 0 !important;
    }
    
    /* Adjust logo image sizing for mobile */
    .footer-note-logo img {
      max-width: 180px !important;
      height: auto !important;
    }
    
    /* Ensure the footer note wrapper takes full width */
    .footer-note-wrapper {
      width: 100% !important;
    }

    .footer-note-logo {
    margin-top: 5px;
    }

    /* Force single column for product grid */
    .grid.product-single .grid__item.large--six-twelfths {
      width: 100% !important;
      max-width: 100% !important;
      flex-basis: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    /* Force single column for ingredients section */
    .ingredients-item__container .grid.ingredient {
      display: block;
    }
  
    .ingredients-item__container .grid.ingredient .grid__item {
      width: 100%;
      flex: none;
    }
  
    /* Remove gap that might be causing layout issues */
    .ingredients__container .grid,
    .ingredients-item__container .grid.ingredient {
      gap: 20px;
    }
  
    /* Ensure grid items take full width */
    .grid__item.medium-down--one-whole {
      width: 100%;
      padding: 0;
    }

    /* Move down FAQ section on tablet via top margin */
    .accordion--faq.wrapper-spacing--v[data-wetheme-section-id="template--24109014843659__pdp_faq_YaQUwT"] {
    margin-top: 15px;
    margin-bottom: 15px;
    }

    .ingredients__container > .width--content > .grid:first-of-type .content__container {
    margin-bottom: 5px;
    }

    .review__section--container--review {
      margin-top: 20px;
      margin-bottom: 20px;
    }

        #image_block .info-pop-popup ul li {
        font-size: var(--paragraph-text-size-mobile-px) !important;
        line-height: var(--paragraph-line-height-mobile-px) !important;
    }
    
    #image_block .info-pop-popup .popup-inner,
    #image_block .info-pop-popup .popup-inner * {
        font-size: var(--paragraph-text-size-mobile-px) !important;
        line-height: var(--paragraph-line-height-mobile-px) !important;
    }

      /* Reset all layout properties to their defaults */
  .homepage-featured-content-wrapper {
    display: block !important;
    align-items: initial !important;
  }
  
  .feature_row__image_wrapper {
    display: block !important;
    flex-direction: initial !important;
  }
  
  .no-overlap-content-box,
  .homepage-featured-content-box-inner {
    display: block !important;
    flex-direction: initial !important;
    flex-grow: initial !important;
  }
  
  /* Remove the spacer element */
  .homepage-featured-content-box-inner:before {
    display: none !important;
    content: none !important;
  }
  
  /* Reset any flex properties on content elements */
  .homepage-featured-content-box-inner > *:not(.personal_note) {
    flex-shrink: initial !important;
  }
  
  /* Ensure the personal note has original styling */
  .personal_note {
    margin-top: 30px !important; 
  }

    .product-single-wrapper .grid.product-single {
    margin: 0 !important; /* Reset margin for mobile */
  }
  
  .product-single-wrapper .grid__item.context,
  .product-single-wrapper .grid__item.product-form-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important; /* Full width on mobile */
    box-sizing: border-box !important;
  }

  ul,
  .offer__section-container-content-text-description.main-subheading,
  h2.groupName.main-subheading.bold,
  .offer__section-container-inner-faq-block-question.main-subheading,
  .homepage-blog--title.main-subheading {
    font-size: var(--paragraph-text-size-mobile-px) !important;
    line-height: var(--paragraph-line-height-mobile-px) !important;
  }

  .offer__section.offer__section--template--24109014417675__module_offer_BAQUEq {
    padding-top: 45px !important;
  }

  .column__block--container-inner-heading.main-heading.l58,
  margin-bottom: 20px !important; /* Adjust to your preferred value */
  }

  h2.section-title.text-link-animated {
  margin-bottom: 0px !important; /* Adjust to your preferred value */
  }

  .ingredients__container > .width--content > .grid:first-of-type .grid__item .img-tag {
  margin-top: -5px;
  margin-bottom: -15px;
  }
    
  .new-blog-posts-section.research-carousel {
  --padding-section-top: 50px;
  }
    .text__image--template--24109014417675__module_image_text_7finRf .text__image-container {
    gap: 35px !important;
  }
  .blog-main--article-title {
    font-size: var(--blog-text-size-mobile-px);
    line-height: var(--blog-line-height-mobile-px);
    font-weight: 400;
  }

  #shopify-section-template--24109013926155__blog_posts_a7UcJM .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    margin-top: -20px !important;
  }
  
    /* Target the second carousel to reduce top spacing */
  #shopify-section-template--24109013926155__blog_posts_Apw3qG .wrapper-spacing--v.wrapper-spacing--h.new-blog-posts-section {
    margin-top: -80px !important;
  }
}