/** Shopify CDN: Minification failed

Line 2245:0 Unexpected "}"

**/




.white-popup.popup-052025 {
    overflow: unset;
}
.white-popup.popup-052025 .mfp-close {
    background: transparent;
    color: #000;
    height: 48px;
    width: 48px;
    font-size: 43px;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
    background: white!important;
    z-index: 99999;
    display:flex;
    align-items:center;
    justify-content:center;
}
.body-popup-slide {
    overflow: hidden;
}

body .section.section--tight.section-blends.section-full .product-gallery-main img {
    border-radius: 0;
    width: 100%;
}

body .section.section--tight.section-blends.section-full {
    padding-top: 0px;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.white-popup.popup-052025{
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.white-popup.popup-052025 .mfp-close {
    background: transparent;
    color: black;
    height: 40px;
    width: 40px;
    font-size: 43px;
}
.white-popup.popup-052025 td:first-child {
    text-align: left;
    padding-inline-start: 15px !important;
}
.white-popup.popup-052025 h2 {
    border: none;
    padding: 0;
    font-size: 35px;
    line-height: 102%;
    /* text-align: center; */
    margin-top: 30px;
    margin-bottom: 10px;
}

.white-popup.popup-052025 th,
.white-popup.popup-052025 td {
    font-weight: normal;
    font-size: 12px;
    padding: 15px;
    text-align: center;
}

.white-popup.popup-052025 table {
    background: #3333330a;
    border-radius: 10px;
    margin-top: 15px;
}

.white-popup.popup-052025 td:first-child {
    text-align: left;
}

.white-popup.popup-052025 .plan-faqs h3 {
   color: #000;
  font-family: Inter;
  font-size: 13.359px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 157.193% */
  letter-spacing: 0.15px;
}

.white-popup.popup-052025 .plan-faqs h3+p {
    margin-bottom: 30px;
    color: #A6A6A6;
    font-family: Inter;
    font-size: 13.125px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.15px;
}
div#selecting-onefit h3 {
    font-weight: 600;
    margin-top: 20px;
}
div#selecting-onefit h3, 
div#selecting-onefit p {
    color: #000;
    font-family: Inter;
    font-size: 13.875px;
    font-style: normal;
    font-weight: 300!importnat;
    line-height: 22.4px;
    letter-spacing: 0.16px;
}
div#selecting-onefit h2 {
    color: #000;
    font-family: Inter;
    font-size: 26.578px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.28px;
    margin-bottom: 0;
}
div#selecting-onefit{
  max-width:480px;   
}

#choose-plan.white-popup th {
    padding-inline-end: 15px !important;
}
.choose-plan-container {
    border-radius: 10px;
    background: #f6f7ef;
    padding: 15px;
    padding-top: 67px;
}
.choose-plan-container table {
    background: transparent!important;
}

.choose-plan-container h2 {
    color: #000;
    text-align: center;
    font-size: 28.25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.2px; /* 124.602% */
    letter-spacing: 0.44px;
    margin-bottom: 67px!important;
    width: 75%;
    margin: 0 auto;
}
.choose-plan-container .plan-faqs {
    margin-top: 30px;
}
.white-popup.popup-052025 .choose-plan-container table tr>td {
    width: 100px;
    padding: 20px 0px !important;
    padding-inline-start: 0px !important;
    vertical-align: middle;
}
.choose-plan-container table tr > td:first-child {
    max-width: 160px;
}
#choose-plan .badge.badge-new {
    background: #4158EE;
}
#choose-plan .badge.badge-popuplar, .badge.badge-new {
    color: #FFF;
    text-align: center;
    font-size: 9.7px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.64px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    background: #1C3A13;
    border-radius: 4px;
    max-width: 60px;
    margin: 0 auto 10px;
}
.choose-plan-container th {
    vertical-align: bottom;
}
.choose-plan-container .price {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 11.063px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.8px;
    opacity: 0.4;
}
.choose-plan-container th, .choose-plan-container td {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 11.063px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.8px;
}

.choose-plan-container tr td, .choose-plan-container th {
    border-top: 0;
    border: none;
}
.choose-plan-container tr td {
    border-bottom: 1px solid rgb(var(--text-color) / .12);
}

div#choose-plan .bottom-content small {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #A6A6A6;
    text-align: center;
    font-family: Inter;
    font-size: 8.75px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.1px;
}
div#choose-plan .bottom-content p {
    color: #A6A6A6;
    text-align: center;
    font-family: Inter;
    font-size: 13.242px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.014px;
    margin-bottom: 20px;
}
div#choose-plan .bottom-content h2 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 21.375px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.28px;
    max-width: 75%;
    margin: 0 auto 20px!important;
}





@media screen and (max-width:768px){
  

  .product-main-image-052025 {
      padding: 0;
  }
  .swiper.mySwiper {
    margin: 0;
    height: 220px !important;
}
  .swiper.mySwiper {
    margin: 0;
    font-size: 10px;
}
  
  .mfp-animate-bottom .mfp-content {
      vertical-align: bottom;
      z-index: 1045;
  }
  .mfp-animate-bottom .mfp-container.mfp-s-ready{
      padding: 0;
      bottom: 0;
      top: auto;
  }
  
  .mfp-animate-bottom .mfp-content {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin: 0 auto;
      text-align: left;
      z-index: 1045;
      bottom:-100%;
  }
  .mfp-animate-bottom.mfp-ready .mfp-content {
    bottom:0%;
    transition:bottom .3s;
  }
  .mfp-animate-bottom .popup-container {
      max-height: 80vh;
      overflow: scroll;
  }
  .mfp-animate-bottom .white-popup {
      margin: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  .body-popup-slide #PBarNextFrameWrapper {
      display: none;
  }
}




.swiper.mySwiper {
    margin: 0;
}
.mySwiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.product-rating .text-link {
    text-decoration: underline;
}
.product-rating .rating-count {
    font-weight: bold;
}


 .buying-widget-option-052025 h2,
    .buying-widget-052025 h2{
      color: #000;

      font-family: Inter;
      font-size: 19.422px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; /* 123.572% */
      letter-spacing: 0.18px;
    }
  .packaging-type-052025 .image-title img {
      max-width: 64px;
  }
  .packaging-type-052025 {
      gap: 15px;
      margin: 20px 0px;
  }
.packaging-type-052025 > div {
    border-radius: 12px;
    border: 1px solid #86868b;
    padding: 10px 10px 33px;
    flex: calc(50% - 15px);
    position: relative;
    align-content: space-between;
    
}
.packaging-type-052025 .selection {
    border-radius: 8px;
    background: #1371e3;
    /* box-shadow: 0 4px 4px #00000040; */
    position: absolute;
    left: -.5%;
    width: 101%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 7px;
    bottom: -1px;
    cursor: pointer;
    display: none;
}
    .packaging-type-052025 .active .selection {
    display: none;
}
  .packaging-type-052025 .flavours-052025{
    display:none;
  }
.packaging-type-052025 .image-title {
    display: flex;
    flex-direction: column-reverse;
}
.packaging-type-052025 .image-title h3 {
    color: #232323;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.2px;
}
.packaging-type-052025 .image-title img {
    max-width: 35%;
    width: 100%;
    height: 100%;
    display: block;
    margin: 10px auto;
      /* transition: max-width .3s; */
}

.packaging-type-052025 > div .image-title{
  /* transition: all .8s; */
}
.packaging-type-052025 > div.active .image-title {
    justify-content: start;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    /* transition: all .8s; */

}
.packaging-type-052025 > div {
    /* transition: flex-basis .75s; */
}
.packaging-type-052025 > div.active {
    flex: 0 0 55%;
    /* transition: flex-basis .75s; */
}
.packaging-type-052025 > div.active .image-title img {
    max-width: 46px;
    display: inline;
    margin: 0;
    /* transition: max-width .4s; */
    height: auto;
}
.packaging-type-052025 > div {
    padding: 15px 15px 30px;
    flex: calc(50% - 15px);
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 218px;
    /* overflow:hidden; */
}
.packaging-type-052025 > div.active .flavours-052025 {
    display: flex
;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 15px;
    max-width: 300px;
    margin: 0 auto;
        position: relative;
    top: -20px;
}
    .flavour .btn-select {
    display: none;
}
    flavour {
    font-size: 12px;
}

.packaging-type-052025 > div.active {
    padding-bottom: 15px;
    border: 2px solid #0071e3;
}

.subscription-option[data-type="one-time"].active .price-container {
    margin-bottom: 0px;
}
.subscription-container > div[data-type="one-time"] {
    order: 2;
    flex-basis: 100%;
}
/* June 19, 2025 - Fix */
.body-non-au .subscription-container > div[data-type="one-time"] {
    order: 2;
    flex-basis: calc(50% - 7.5px);
}

.subscription-container > div[data-type="elite"] {
    order: 1;
}
.subscription-container > div[data-type="subscription"] {
    order: 0;
}
.body-non-au .subscription-option.subscription-option-subscription {
    display: none;
}
/* End - June 19, 2025 - Fix */


 .flavour-title {
    color: #232323;
    text-align: center;
    font-family: Inter;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.28px;
    margin-top: 10px;
}
    .flavour img {
    border-radius: 10px;
    width: 100%;
}
.flavour .btn-pre-order,
.flavour .btn-select {
    /* display: none; */
    padding: 3.214px 10.951px;
    border-radius: 5px;
    border: 1px solid rgba(35, 35, 35, 0.10);
    background: #1C3A13;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}
.flavour .btn-soldout {
    /* display: none; */
    padding: 3.214px 10.951px;
    border-radius: 5px;
    border: 1px solid rgba(35, 35, 35, 0.10);
    background: black;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    width: 75%;
    text-align: center;
}
.active .flavour .btn-select {
    display: block;
    font-weight: 600;
    padding: 5px 5px;
    text-align: center;
    width: 60%;
}
.flavour-price {
    border-radius: 4px;
    background: #1C3A13;
    color: white;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    padding: 5px;
    z-index: 99;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.22px;
    text-transform: uppercase;
}
.flavour {
    position: relative;
}
.flavour .flavour-image {
    position: relative;
}

.variant-quantity-052025 {
    position: absolute;
    width: 75%;
    display: none;
    justify-content: space-around;
        background: #00000085;
    border-radius: 5px;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 2px;
    background:#000;
}
.variant-quantity-052025 > div {
    color: white;
}

.variant-quantity-052025 button svg path {
    fill: white!important;
}
.qty-label-052025 {
    display: flex;
    gap: 5px;
    text-transform: uppercase;
    font-size: 12px;
}
.qty-label-052025   .plural{
    display:none;
  }
button.variant-quantity-button-052025 {
    align-items: center;
    display: flex;
}
button.variant-quantity-button-052025 svg {
    max-width: 20px;
}
    
.flavour.selected .flavour-image .variant-quantity-052025 {
    display: flex;
}

.flavour.selected .flavour-image .btn-select {
    display: none;
}
  .enable-plural .plural {
    display: block;
}

.enable-plural .singular {
    display: none;
}

.packaging-type-052025 > div{cursor:pointer;}


.product p {
    color: #636363;
    font-family: Inter;
    font-size: 13.125px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.014px;
}

.fx-icon-container{
  background:transparent;
}
.variant-quantity-label.variant-quantity-label-selection[data-action="Select"]:after {
    content: attr(data-available-inventory) " in stock";
    position: absolute;
    bottom: -9px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 7px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px; /* 200% */
    left: 50%;
    background: #138B01;
    padding: 1px 10px;
    border-radius: 5px;
    width: auto;
    transform: translateX(-50%);
    white-space-collapse: preserve;
    width: 61%;
    text-transform: lowercase;
  display:none;
}




.variant-quantity-label.variant-quantity-label-selection[data-action="Select"] {
    position: relative;
}

product-gallery {
    background: transparent !important;
}


.product-subscription-widget .price-sale, 
.product-subscription-widget .price-static {
    font-weight: 700;
    margin-top: 0px;
}

button#btn-buy-now {
    display: none !important;
}
select#selling-plan {
    display: none;
}

div#inside-onefit {
    max-width: 465px;
}
div#inside-onefit-facts{
    border-radius: 10px;
    background: #F6F7EF;
}
div#inside-onefit h2 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 28.25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.2px;
    letter-spacing: 0.44px;
}
div#inside-onefit {
    color: #696765;
    text-align: center;
    font-size: 13.242px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.014px;
 
}
#choose-plan .popup-content,
#selecting-onefit .popup-content,
#inside-onefit .popup-content {
    max-height: 75vh;
    overflow-y: scroll;
  
}
.inside-onefit-version {
    text-align: left;
    color: #000;
    font-family: Inter;
    font-size: 13.234px;
    font-style: normal;
    line-height: 16px;
    display: flex;
    gap: 7px;
    align-items: center;
}
.inside-onefit-version strong{
  color: #1C3A13;
}
.inside-onefit-icons {
    display: flex;
    margin: 0px 30px 30px;
    justify-content: space-between;
}
.inside-onefit-icons p {
    color: #1C3A13;
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px; /* 195% */
}

.inside-onefit-icons img {
    max-width: 51px;
}
.inside-onefit-tabs {
    display: flex;
    gap: 16px;
    margin: 25px 0 30px;
    justify-content: space-between;
}
.inside-onefit-tabs > div {
    border-radius: 2px;
    border: 1px solid #CCD7E0;
    flex: 1 1 calc(50% - 16px);
    color: #153A5B;
    text-align: center;
    font-family: Inter;
    font-size: 12.492px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.89px;
    cursor: pointer;
    padding: 8px;
}

div#inside-onefit h2 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 28.25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.2px; /* 124.602% */
    letter-spacing: 0.44px;
}

div#inside-onefit {
    color: #696765;
    text-align: center;
    font-size: 13.242px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px; /* 148.012% */
    letter-spacing: 0.014px;
}



.supplement-facts {
    border: 0.5px solid #000;
    background: transparent;
    padding: 7px;
}

.supplement-facts h3 {
    color: #1D2F1A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 35px; /* 194.444% */
    text-align: left;
    line-height:100%;
}

.supplement-facts .serving-size {
    color: #1D2F1A;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 269.231% */
    text-align: left;
}

.supplement-facts .table-header {
    color: #1D2F1A;
    text-align: right;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px; /* 318.182% */
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.supplement-facts table {
    background: transparent;
}

.supplement-facts table td,.supplement-facts table th {
    background: transparent!important;
}

.white-popup.popup-052025 .supplement-facts table {background: transparent!important;color: #1D2F1A;font-family: Inter;font-size: 11px;font-style: normal;font-weight: 400;line-height: 35px; /* 318.182% */margin-top: 0;}

.supplement-facts table td {
    padding: 0px!important;
    border-bottom: 1px solid #1d2f1b;
}
.white-popup.popup-052025 .supplement-facts table tr >td:last-child {
    text-align: right;
}
.white-popup.popup-052025 .supplement-facts table tr td {
    padding-left: 0!important;
}
.supplement-footer p {
    color: #1D2F1A;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%;
    margin-top: 15px;
    text-align: left;
  border-bottom: 1px solid #1d2f1b;
}
p.supplement-remark {
    margin: 0;
    font-family: Inter;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    border: none;
}
.supplement-footer p:first-child {
    margin-bottom: 7px;
    padding-bottom: 15px;
}
.supplement-footer p strong {
    font-weight: bolder;
}
.inside-onefit-facts + hr {
    margin-bottom: 20px;
}
.inside-onefit-facts {
    border-radius: 10px;
    background: #F6F7EF;
    padding: 10px;
    margin-bottom: 20px;
}
.inside-onefit-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 30px 0px;
}
.inside-onefit-tabs>div.tab.active {
    border-radius: 2px;
    border: 1px solid #153A5B;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 0px 0px 2px #153A5B inset;
}
.inside-onefit-tabs .tab-content {
    display: none;
}
.inside-onefit-content h3 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 14.375px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.15px;
    margin: 10px 0px;
}
.inside-onefit-content p {
    color: #A6A6A6;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.2px;
    letter-spacing: 0.13px;
    max-width: 70%;
    margin: 0 auto;
}
.inside-onefit-faq p {
    color: #A6A6A6;
    font-family: Inter;
    font-size: 13.125px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.15px;
    margin-bottom: 20px;
}
.inside-onefit-faq h3 {
    color: #000;
    font-size: 13.359px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.15px;
    margin-bottom: 10px;
}
.inside-onefit-faq {
    text-align: left;
}
.inside-onefit-tabs-content .tab-content.active {
    display: block;
}
.inside-onefit-tabs-content .tab-content {
    display: none;
}
@media screen and (max-width: 1440px) {
    form.klaviyo-form > div:first-child {
        padding: 0 0px !important;
    }
}

@media screen and (max-width:1040px){
  .product {
      grid-template-columns: 1.1fr 1.1fr;
  }
  .packaging-type-052025 {
      flex-direction: column;
  }
  .packaging-type-052025 > div {
      height: auto;
  }
  .packaging-type-052025 > div.active .flavours-052025 {
      top: 0;
      margin-top: 30px;
  }
}
@media screen and (max-width:566px){


.reviewx-wrapper.d-flex.gap-2 {
    justify-content: center;
}
  #PBarNextFrameWrapper {
    display: none;
}
  

  #section-comparison-table td:first-child {
    text-align: left;
    font-size: 12px;
}
  /* ul.header__icon-list {
    display: none;
} */
    .product-gallery-main .swiper-slide:before {
        padding: 2px 7px;
        font-size: 10px;
        background: #00000014;
        border: 1px solid #0000000a;
    }
}

.variant-quantity-label[data-action="Sold Out"], 
.variant-quantity-label[data-action="Pre-order"] {
    background: black;
    color: white;
}

.variant-quantity-label:hover {
    background: black !important;
    color: white !important;
    cursor: pointer;
}
span.variant-price-sale {
    display: none;
}

/*  Dynamic pricing */
.variant-quantity-label-selection.loaded .variant-price-og {
    text-decoration: line-through;
    opacity: .5;
    display:none;
}

.variant-quantity-label-selection.loaded .variant-price-sale {
    display: inline;
}

button.variant-quantity-button.variant-add-quantity.disable-add {
    opacity: .3;
}

.expert-more-information img {
    border-radius: 4px;
  margin-bottom:15px;
}
.variant-quantity-label + .variant-quantity {
    display: none;
}
.variant-quantity-label {
    width: 120px;
    color: #000;
    border-radius: 8px;
    font-size: 15px;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #000;
    background: #FFF;
    font-weight: 700;
    line-height: 100%;
}
.variant-quantity-label.variant-quantity-label-selection:hover {
    border: 1px solid black;
    background: white;
    color: black;
}
.variant-quantity-label.active {
    display: none;
}
.variant-quantity-label.active + .variant-quantity {
    display: flex;
  position:relative;
}
.pre-order-ship-by {
    position: absolute;
    font-size: 12px;
    text-align: center;
    width: 100%;
    bottom: -17px;
    color: #4B4B4B;
    font-family: Inter;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.6px;
}


.subscription-option.active[data-type="subscription"]:after{
    top: -14px;
    right: -12px;
    transform:none;
    transition:all 1s;
    left:80%;
}

.subscription-container {
    display: flex;
    gap: 15px;
    justify-content: space-between;
  flex-wrap: wrap;
}
.subscription-container > div {
    flex: 0 0 calc(50% - 7.5px);
    padding:15px;
}
/* .subscription-container > div:last-child {
    flex: 1 1 100%;
} */
/* .subscription-container>div.active:last-child {
    box-shadow: 0px 0px 0px 2px #CAA11A inset;
} */

.elite-plan-box img {
    margin-bottom: 10px;
}
.elite-plan-box {
    text-align: center;
    border-radius: 6px;
    background: #F1F3FE;
    margin: 0 10px;
    padding: 15px;
    color: #1C3A13;
    text-align: center;
    font-family: Inter;
    font-size: 11.375px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: 0.14px;
}

.qty-label > div{
  display:none;
}
.variant-quantity.singular .qty-label .singular {
    display: block;
}
.variant-quantity.plural .qty-label .plural {
    display: block;
}
.variant-quantity .qty-label > div {
    font-size: 12px;
    font-weight: bold;
    /* width: 45px; */
}

.variant-description.variant-description-html {
    margin-bottom: 5px;
}
.variant-description.variant-description-html h3 {
    color: #0C0C0D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
    margin-bottom: 5px;
}

.variant-description.variant-description-html h4 {
    margin: 10px 0px;
    color: #4B9D62;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: 15.6px; /* 156% */
    text-transform: uppercase;
}

.variant-description.variant-description-html p {
    color: #4B4B4B;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.6px; /* 156% */
}

b, strong {
    font-weight: 700;
}
h2 i {
    font-family: "lora", serif;
    font-weight: 400;
    font-style: italic;
}
.review-container span img {
    max-width: 20px;
    height: 20px;
}
/* 
.price-container.price-sale-container .price {
    font-weight: normal;
    text-decoration: line-through;
    opacity: .5;
    margin-right: 1px;
}
 */
/* .price-container.price-sale-container .price {
  display:none;
} */
product-gallery img {
    border-radius: 15px;
}
.section.section--tight.section-blends.section-full {
    margin: 15px auto;
    max-width: 1512px;
    padding: 0px 15px;
}
.product-gallery-main .swiper-pagination {
    background: #F5F2EC26;
    width: auto;
    left: 30px;
    bottom: 30px;
    border-radius: 5px;
    padding: 0 11px 2px;
    border-radius: 20px;
    height: auto;
}
.product-gallery-main .swiper-pagination-bullet {
    background: #A5A5A6;
    width: 9px;
    height: 9px;
}
.product-gallery-main .swiper-pagination-bullet-active {
    background: #0C0C0D;
}

.product-gallery-supporting {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 15px;
    justify-content:space-between;
}
.product-gallery-supporting > div {
    flex: 0 0 calc(50% - 15px);
}
.product-gallery-supporting  > div:first-child {
    flex: 1 0 calc(100% - 15px);
}
.product-gallery-supporting img{
    width:100%;
}

.product-gallery-main .swiper-button-next {
    right: 30px;
}

.product-gallery-main .swiper-button-prev {
    left: 30px;
}

.product-gallery-main .swiper-button-next:after{
  background-image:url('//befirstornothing.com/cdn/shop/t/44/assets/Arrow-Right.svg?v=107810213079493948561750733242')
}
.product-gallery-main .swiper-button-prev:after{
  background-image:url('//befirstornothing.com/cdn/shop/t/44/assets/Arrow-Right.svg?v=107810213079493948561750733242')
}
.product-gallery-main .swiper-button-next:after, 
.product-gallery-main .swiper-button-prev:after {
    background-color: white;
    border-radius: 50%;
    background-size: inherit;
    padding: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.product-gallery-container {
    overflow: hidden;
}
.swiper-product-images img {
    margin: 0 auto;
    display: block;
}


section ol li, 
section ul li {
    margin-bottom: 10px;
}

section ol, 
section ul {
    margin: 0;
    padding-left: 20px;
    list-style: initial;
    margin: 10px 0px;
}


img{
  display:initial;
}
section.section-padding{
  padding:60px 0px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
a.btn.btn-generic {
    color: #0C0C0D;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 13.01px;
    letter-spacing: 0.48px;
    border-radius: 9999px;
    border: 1px solid #FFF;
    background: #FFF;
    margin-top: 30px;
}

.section.section--tight.section-blends.section-full {
    padding-top: 0px;
}
.product {
    grid-template-columns: 1.1fr .9fr;
    padding-bottom: 30px;
    column-gap: 30px;
      align-items: unset;
    margin-bottom:10px;
    padding-bottom:0;
}
div#buy-now {
    padding: 0 30px;
    overflow:hidden;
}
section {
    overflow: hidden;
}
.product-title h1 strong {
    font-weight: 700;
}
.product-title h1 {
    margin-top: 10px;
    width: 100%;
    color: #1C3A13;
    font-family: Inter;
    font-size: 37.031px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
}
.product-title h1 span {
    display: block;
}
.product-title h1 {
    font-size: 38px;
    line-height: 50.4px;
    margin-top: 10px;
    width: 100%;
}
.product-title p {
    color: #000;
    font-size: 17.859px;
    font-style: normal;
    line-height: 25.2px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 500;
}
  
.product-title p strong {
    font-weight: 700;
}
.product-short-description {
    border-radius: 14px;
    background: transparent;
    /* padding: 24px; */
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    /* border: 1px solid rgba(35, 35, 35, 0.10); */
}
.product-short-description .version {
    border-radius: 4px;
    background: #CCD7F5;
    position: absolute;
    top: -10px;
    color: #4158EE;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    padding: 4px 7px;
}
.product-short-description .tags {
    /* color: #636363; */
    color: #1D1D1F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 15.6px;
    letter-spacing: 0.14px;
}
.product-short-description hr {
    margin: 15px 0px;
    border-bottom: 1px solid #D3D3D3;
    border-bottom: 1px solid #d3d3d300;
}
.product-short-description .text {
    color: #000;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.review-container {
    display: flex;
    align-items: center;
    gap: 2px;
}

.review-container span:last-child {
    font-size: 16px;
    font-weight: 200;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.6px;
    margin-left: 10px;
    position: relative;
    top: 1px;
}

  .review-star {
    color: gold;
    font-size: 14px;
  }


  .product-description {
    color: #2D2D2E;
    font-size: 16.174px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.643px;
}
.product-variants-picker h2 {
    margin-bottom: .875rem;
    font-size: .875rem;
    line-height: 1.225rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(75 75 75 / var(--tw-text-opacity, 1));
}

.btn-link-design {
    text-decoration-skip-ink: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 6.5px;
    margin-bottom: 35px;
    border-radius: 8px;
    background: #F5F5F5;
    backdrop-filter: blur(6px);
    display: inline-block;
    color: rgba(0, 0, 0, 0.77);
    text-align: left;
    font-family: Inter;
    font-size: 12.58px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    padding: 15px 25px;
    padding-right: 40px;
    border-radius: 12px;
    background: #f5f5f7;
    display: flex;
    flex-direction: column;
}
.btn-link-design span.popup-link-icon {
    position: absolute;
    right: 15px;
    top: 15px;
}
.btn-link-design .popup-link-title{
  color: #1D1D1F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 129.59% */
  letter-spacing: -0.224px;
      margin-bottom: 2px;

}
.btn-link-design .popup-link-text{
  color: #1D1D1F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 152.542% */
  letter-spacing: -0.224px;
}
.btn-link-design .fx-icon-container {
    position: absolute;
    right: 15px;
    top: 10px;
}
.product-ingredients {
    text-align: center;
}
#multi-variant-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.variant-option {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(208, 198, 174, .3);
    padding: 0px 0px 9px;
}
.variant-image {
    display: flex;
    align-items: center;
    gap: 17px;
}
.variant-option img {
    width: 52px;
    /* border-radius: 50%; */
}
.variant-quantity {
    display: flex;
    gap: 4px;
    align-items: center;
}


.variant-description {
    color: #4B4B4B;
        font-size: .75rem;
    line-height: .975rem;
    font-weight: 500;
}
.variant-title label {
    color: #0c0c0d;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    display: block;
    margin-bottom: 3px;
}
.variant-quantity input{
      pointer-events: none;
    height: 2.25rem;
    width: 1.5rem;
    border-radius: 8px;
    background-color: transparent;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(12 12 13 / var(--tw-text-opacity, 1));
}
.variant-quantity button.variant-quantity-button {
    display: flex;
    height: 25px;
    width: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(12 12 13 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(12 12 13 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.quantity-input-selector {
    display: flex;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.6px;
    text-transform: uppercase;
}
.quantity-input-selector .qty-label {
    width: 63px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.variant-quantity button.variant-quantity-button svg {
    width: 20px;
    height: 20px;
}
.variant-quantity input {
    pointer-events: none;
    height: 2.25rem;
    width: 1.5rem;
    border-radius: 8px;
    background-color: transparent;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: black;
    -moz-appearance: textfield;
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    text-align-last: center;
}

.variant-quantity.variant-quantity-loaded button.variant-quantity-button{
  background-color:rgb(12 12 13 / var(--tw-bg-opacity, 1));
}
.variant-quantity button.variant-quantity-button {
    background: white;
}

.variant-quantity.variant-quantity-loaded button.variant-quantity-button:hover path {
    fill: rgb(12 12 13 / var(--tw-bg-opacity, 1));
}
.variant-quantity.variant-quantity-loaded button.variant-quantity-button:hover {
    background: white;
}

.variant-quantity.variant-quantity-loaded svg path {
    fill: white;
}
.variant-quantity.variant-quantity-loaded .variant-minus-quantity,
.variant-quantity.variant-quantity-loaded input {
    display: none;
}

.fon-payment-methods img {
    height: 24px;
}
.fon-payment-methods {
    text-align: center;
    display: flex
;
    gap: 10px;
    justify-content: center;
}

.discount-indicators {
    border: 1px solid #ECECED;
    /* background: #FFF; */
    display: flex;
    padding: 10px;
    justify-content: space-around;
    margin-bottom: 20px;
}

.discount-indicators .title {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px; /* 168% */
}

.discount-indicators .value {
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.2px; /* 210% */
}

.product-discounts p {
    color: #4b4b4b;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    margin: 0;
    padding: 20px 0px 30px;
}

.discount-indicators .discount.active {
    animation: 1s ease 0s infinite normal none running wobble;
}
.discount-indicators .discount.active .title, 
.discount-indicators .discount.active .value {
    color: #F29100;
    font-weight: bolder;
}
.product-discounts p strong{
  font-weight: 700;
}


.subscription-option {
    border: 1px solid #86868b;
    background: transparent;
    padding: 0px;
    cursor: pointer;
    border-radius: 12px;
}
.product-subscription-widget.loaded .subscription-option.active{
    border-bottom:none;
    position:relative;
}
.subscription-option.active .buy-now-checkout.option-price {
    opacity: 1;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
} 

.subscription-option .option-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.option-container .title {
    font-size: 17px;
    line-height: 17px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
    font-style: normal;
}
.subscription-container > div[data-type="subscription"] .option-container, 
.subscription-container > div[data-type="elite"] .option-container {
    margin-top: 5px;
}
.subscription-option{
  position:relative;
}
.subscription-option.subscription-option-subscription:before {
    content: 'Popular';
    padding: 3.214px 10.951px;
    border-radius: 5px;
    border: 1px solid rgba(35, 35, 35, 0.10);
    background: #1C3A13;
    color: white;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    font-size: 12px;
    text-transform:uppercase;
}
.subscription-option[data-type="elite"]:before {
    content: 'Best Value';
    padding: 3.214px 10.951px;
    border-radius: 5px;
    /* border: 1px solid rgba(35, 35, 35, 0.10); */
    background: #CCD7F5;
    color: #4158EE;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    font-size: 12px;
    text-transform:uppercase;
    /* background: linear-gradient(90deg, #998700 0%, #0008A4 100%); */
    color:white;
    background: #EBB057;
}
.subscription-option.subscription-option-subscription {
    position: relative;
}

.selector {
    border-radius: 9999px;
    border: 1px solid #D0C5AE;
    background: #FDFDFC;
    width: 26px;
    height: 26px;
   cursor:pointer;
}
span.price-note {
    color: #1d1d1f;
    text-align: center;
    font-family: Inter;
    font-size: 11.477px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: 0.14px;
    margin-top: 2px;
}

.subscription-option.active .buy-now-checkout.processing {
    opacity: .6;
}
.buy-now-checkout.option-price .price-container {
    display: flex
;
    align-items: center;
    gap: 4px;
    position: relative;
    top: 0;
    margin: 0;
}
.buy-now-checkout.option-price {
    text-align: center;
    display: flex;
    gap: 5px;
    background: #333;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: radial-gradient(circle at center, rgba(223, 233, 243, 0) 20%, #C4D9F4 105%, transparent 100%);
    padding: 8px 15px;
    justify-content: center;
    display: none;
    opacity: 1;
    font-size: 17px;
    background: #0071e3;
    color: white;
}
.buy-now-checkout.option-price .price {
    color: white;
}
.buy-now-checkout.option-price .price-container.price-sale-container .price {
    color: white;
}
/* .subscription-option.active .buy-now-checkout.option-price {
    opacity: 1;
    cursor: pointer;
    position: relative;
    top: 1px;
} */
.product-subscription-widget.loaded .subscription-option.active .buy-now-checkout{
  display:none;
}


.price-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  text-align:center;
}
.product-subscription-widget {     margin-top: 20px; margin-bottom:20px; }

/* .subscription-option{
    height: 60px;
    overflow: hidden;
    transition: height .7s;
}
 */
.subscription-option.active {
    border: 2px solid #0071e3 !important;
    padding:14px;
}
.subscription-option.active:before {
    top: -1px;
}
.option-price .price-static,
.option-price .price {
    color: #000;
    font-size: 16.734px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
      position: relative;
    top: -1px;
}
.product-subscription-widget.no-selection .option-price .price-static,
.product-subscription-widget.no-selection .option-price .price {
    display:none;
}
.subscription-option.active .selector {
    background: #000000;
}

.option-price .serve {
    color: #4B4B4B;
    text-align: right;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.6px;
}

.feature-container .feature{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    color: #1d1d1f;
    font-family: Inter;
    font-size: 11.477px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.6px;
    letter-spacing: 0.14px;
    text-align:left;
}

.feature-container {
    padding-left: 4px;
    color: #0C0C0D;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px;
    /* padding-left: 20px;
    padding-right: 20px; */
}
.feature-container img {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.feature-container .feature {
    margin-bottom: 5px;
}

.twelve-month-content {
    display: flex;
    flex-direction: column;
    padding-bottom:0;
}
.twelve-month-content .twelve-month-dependent{
  display:none!important;
}
.twelve-month-content.with-active-selections .twelve-month-dependent{
  display:flex!important;
}
.twelve-month-content.with-active-selections{
  padding-bottom:0px;
}


.free-gift {
    border-radius: 28px;
    border: 2px solid #F29100;
    background: #FFF;
    display: inline-block;
    margin: 15px auto 0;
    padding: 2px 20px;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.2px;
}
ul.buybuttons__payment-icons.h-stack.wrap.gap-2 {
    margin-top: 10px;
}
.option-subscription-feature-container {
    margin: 15px 0px;
}
.option-content-container {
    margin-top: 15px;
}
.option-title .selector {
    display: none;
}


.product-buy-now-information button#btn-buy-now[disabled] {
    background: grey;
}

.product-buy-now-information button#btn-buy-now {
    display: flex;
    width: 121px;
    height: 43px;
    padding: 11px 0px 12px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 980px;
    background: #0071E3;
    color: white;
    margin: auto;
}

.product-buy-now-information {display:none;}


.white-popup {
    font-size: 1.125rem;
    line-height: 1.575rem;
    font-weight: 450;
    padding: 0px;
}
.white-popup h2 {
    padding: .75rem 1rem;
    font-weight: 400;
    border-bottom: 1px solid rgb(236 236 237 / 1);
}
.nutritional-ingredients-popup h3{
  padding:10px 10px;
}
.nutritional-ingredients-container {
    padding: 0px 10px;
}
.nutritional-ingredients-popup .nutritional-item {
    border-bottom: 1px solid rgb(236 236 237 / 1);
    position:relative;
}
.nutritional-ingredients-popup h3 {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    padding: 1rem .5rem;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
}
.nutritional-item.active .content {
    display: block;
    padding-bottom: 10px;
}
.nutritional-ingredients-popup .content {
    display: none;
}


h2.heading-0525 strong {
    color: black;
    font-weight: 700;
}

h2.heading-0525 {
    color: rgba(0, 0, 0, 0.60);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
      text-transform: inherit;
}
.product-subscription-widget {
      position: relative;
      z-index: 1;
    }

  .packaging-group.active .sub-heading.default,
  .packaging-group .sub-heading.active {
    display: none;
}
    .packaging-group.active .sub-heading.active {
    display: block;
}  

 /* Scoped Styles for the Custom Education Component */
.custom-education-box {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #e0e0e0;
    margin: 20px 0;
    line-height: 1.6;
}
.custom-education-content > div {
    flex: 0 0 50%;
}
.custom-education-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.custom-education-text {
    flex: 1;
    padding-right: 20px;
    text-align: left;
    /* Ensure text is left-justified */
}

.custom-education-icon-heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 20px;
    text-align: left;
    /* Left-align icon and heading */
}

.custom-education-icon {
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

.custom-education-box h3 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* Left-align heading */
}

.custom-education-description {
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

.custom-education-highlight a {
    font-size: 11.5px;
    font-weight: regular;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
    /* Left-align link */
}

.custom-education-video img {
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}

/* Modal Styling (Scoped to Custom Education Component) */
.custom-education-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.custom-education-modal-content {
    position: relative;
    max-width: 90%;
    width: 600px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
}

.custom-education-modal-content video {
    width: 100%;
    height: auto;
    display: block;
}

.custom-education-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    color: #000;
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 50%;
}

.custom-education-close-button:hover {
    background: #ccc;
}


/* Bundle */
div#product-page-9914144981176 section.section.section-benefits h2 + h2 {
    margin-bottom: 50px !important;
    text-align: right;
    line-height: 65%;
}
div#product-page-9914144981176 section.section.section-benefits h2 {
    margin-bottom: 0 !important;
}
div#product-page-9914144981176 section.section.section-benefits .align-self-center {
    padding: 40px 100px !important;
}


.product-subscription-widget.no-selection .option-content-container {
    display: none!important;
}


/* 1200 px and up */
@media screen and (min-width:1200px){
  .product-title h1{
    font-size:42px;
  }
  .product-short-description .text,
  .product p{
    font-size:13.89px;
  }
  span.price-note {
      font-size: 11.8px;
  }
  .feature-container .feature {
      font-size: 12px;
      line-height: 19.8px;}
  }
  .feature-container img {
      width: 20px;
      height: 20px;
  }
  .option-price .price-static, .option-price .price {
      font-size: 17.734px;
      line-height: 23.4px;
  }
}

@media screen and (max-width:1440px){
  form.klaviyo-form > div:first-child {
        padding: 0 0px !important;
    }
}




/* Mobile-Specific Adjustments */
@media (max-width: 768px) {
.subscription-option.active[data-type="one-time"] .option-content-container {
    display: none;
}
.product-subscription-widget .subscription-option {
         flex-basis: 100%!important;
    }
  .subscription-container {
    gap: 20px;
}
     .product-subscription-widget.no-selection .subscription-option {
        box-shadow: none !important;
        background: #fff;
        border-radius: 8px;
        border: 1px solid #1C3A13;
    }

.product-subscription-widget.no-selection .price-static,
.product-subscription-widget.no-selection .price {
    display: none;
}
.product-subscription-widget.no-selection span.price-note {
    margin-top: 0;
}
  .packaging-type-052025 .image-title {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-evenly;
      align-items: center;
      
  }
   .product-subscription-widget .subscription-option {
        border: 1px solid #1C3A13;
    }
  .variant-quantity-052025 {
    width: 84%;
  }
  button.variant-quantity-button-052025 svg {
    max-width: 32px;
}
  .packaging-type-052025>div.active .image-title {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
  }
  .packaging-type-052025 .image-title img {
      width: 70px;
      flex-basis: auto;
      display: inline-block;
      margin-left: auto;
      margin-right: 10px;
    height:auto;
  }
  .packaging-type-052025> .image-title img {
      transform: scale(1.3);
  }
  .packaging-type-052025>div.active .image-title img {
      max-width: initial;
      margin: 0;
      height: auto;
      width: 70px;
      flex-basis: auto;
      display: inline-block;
      margin-left: auto;
      margin-right: 10px;
  }  
  .packaging-type-052025>div.tin.active .image-title img {
      width: 60px;
      margin-top: 10px;
  }
  .subscription-option.active .option-content-container {
      display: block;
  }
  .subscription-option .option-content-container {
      display: none;
  }
    
  .review-author-container {
      margin-bottom: 20px;
  }
  section#section-reviews-052025 .reviewx-wrapper {
      justify-content: center;
  }
  section#section-reviews-052025  .reviewx-container+p {
          max-width: 100%;
      }
  section#section-reviews-052025 .reviews-items-container .review-item {
      border-bottom: none;
  }
  
    .packaging-type-052025>div {
      padding-bottom: 0;
      padding-top: 0;
  }
  .packaging-group:has(.selection-active) {
      padding-bottom: 20px;
  }
  
  .packaging-type-052025 > div.active{
    padding-bottom:35px;
  }
  .packaging-type-052025 > div.active .flavours-052025 {
      top: 0px;
      max-width:96%;
      margin-top:0px;
  }
  .header__secondary-nav {
      justify-content: right;
      display:none;
  }
  
  /* Bundle */
  div#product-page-9914144981176 section.section.section-benefits .align-self-center{
        padding: 40px 30px !important;
  }
  div#product-page-9914144981176 section.section.section-benefits h2 + h2 {
      text-align: center;
  }
  div#product-page-9914144981176 .product-detail h2 {
      font-size: 22px;
      line-height: 22px;
      margin-top: 30px;
      padding: 0 5px;
  }
  div#product-page-9914144981176 .details-container h3 {
      font-size: 28px;
      font-weight: 900;
      line-height: 28px;
  }
    
  .section-reviews-benefits .benefits-container .benefits {
      margin-top: 30px;
  }

  section.section-natural-delicious .features-container img{
    max-width:75px;
  }
    .custom-education-content {
        flex-direction: column;
        align-items: center;
    }

    .custom-education-text {
        padding-right: 0;
        text-align: left;
        /* Ensure text is left-justified for mobile */
        margin-bottom: 15px;
    }

    .custom-education-icon-heading {
        justify-content: flex-start;
        margin-bottom: 10px;
        text-align: left;
        /* Left-align icon and heading */
    }

    .custom-education-icon {
        margin-right: 5px;
    }

    .custom-education-video img {
        width: 100%;
        max-width: 100%;
    }
}

.bg-grey {
    background: #FAFAFA;
}

.section-subscribers h2 {
    font-weight: 100;
    color: #000;
    font-size: 51.844px;
    font-style: normal;
    line-height: 58.8px;
    width: 100%;
    margin-top: -10px;
}


section.section.section-powered-by {
    padding-top: 0;
    padding-bottom: 63px;
  overflow:hidden;
}
.section-powered-by h2{
  font-weight:100;
  color: #000;
  font-size: 51.844px;
  font-style: normal;
  line-height: 58.8px; /* 113.418% */
  letter-spacing: -1.68px;
}

.section-powered-by .ingredients-container {
    margin-top: 130px;
    display: flex;
    gap:  50px 58px;
    flex-wrap: wrap;
  justify-content: flex-start;
}
.section-powered-by .ingredients-container>div {
    flex: 0 0 calc(20% - 58px);
}
.powered-by-text-container p {
    text-align: right;
    max-width: 564px;
    margin-left: auto;
    font-size: 16px;
    line-height: 24px;
}
.ingredient img {
    border-radius: 120px;
}
.ingredient h3 {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px;
    margin: 15px 0px;
}
.ingredient h3 p {
    font-size: 15px;
}
.ingredient p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
}



.section-about {
    background-color: black;
    padding-bottom: 0;
    padding-top: 63px;
}
.section-about h2 em {
    color: #FFF;
    font-family: Lora;
    font-size: 56px;
    font-style: italic;
    font-weight: 400;
    line-height: 67.2px;
}
.section-about .left {
    align-self: flex-end;
}
.section-about img {
    max-width: 71%;
}
section.section.section-about .right {
    padding-bottom: 60px;
}
section.section.section-about .container h2 {
    color: #FFF;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 67.2px;
}
section.section.section-about .container p{
    color:white;
    font-size:16px;
}
.details-container {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 40px;
    gap: 40px;
}

.details-container h3 {
    color: white;
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 50.4px; /* 120% */
}

.details-container p {
    color: #FFF;
    font-size: 18.852px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.61px; /* 141.155% */
}
.details-container + a {
    margin-bottom: 30px;
}
.section-reviews{
  background-color:#F5F2EC;
}
section.section.section-reviews h2 .text-end {
    font-style: italic;
    font-family: 'lora';
}
section.section.section-reviews h2 {
    color: #0C0C0D;
    font-size: 56px;
    font-style: italic;
    font-weight: 400;
    line-height: 55.2px;
    margin-top: 30px;
}
section.section.section-reviews h2 span {
    display: block;
}
section.section.section-reviews h2.review-text-additional {
    position: relative;
    left: -20%;
    top: 30px;
}
.section-technical{
  background:#000;
}
.section-technical .container {
    max-width: 830px;
    margin: 0 auto;
    color: white;
}

.section-technical a.btn.btn-generic:hover {
    background: transparent;
    color: #0071E3;
}
.section-technical a.btn.btn-generic {
    background: #0071E3;
    border-color: #0071E3;
    color: white;
}

.row.product-technical-row .technical img {
    max-height: 62px;
}

.product-detail h2 {
    color: #f5f5f7;
    text-align: center;
    font-size: 25.703px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: .196px;
    margin-bottom: 9px;
    margin-top: 30px;
}
.product-detail h2 + p {
    margin-top: 10px;
    font-size: 17px;
}
.product-detail {
    text-align: center;
}
.product-detail button {
    display: flex;
    width: 101px;
    height: 43px;
    padding: 12px 13.25px 11px 12.75px;
    justify-content: center;
    align-items: center;
    border-radius: 980px;
    background: #0071E3;
    margin: 25px auto 25px;
}
.section-technical hr {
    background: #424245;
    display: block;
    height: 1px;
  margin-top:30px;
}
.row.product-technical-row .technical {
    margin-bottom: 32px;
    min-height: 105px;
}
.row.product-technical-row .technical p {
    max-width: 171px;
    color: #F5F5F7;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.12px;
    margin: 5px auto 0;
    min-height: 32px;
        /* word-break: break-word; */

}
.row.product-technical-row {
    margin-top: 40px;
    text-align: center;
}

.section-natural-delicious {
  background-color: #000; /* Unified background color */
  padding-top: 30px;
  padding-bottom: 30px;
  overflow:hidden;
}

section.section-natural-delicious h2 {
  color: white; /* Unified text color */
  
  font-size: 56px;

  font-weight: 400;
  line-height: 55.2px;
  margin-top: 30px;
}

section.section-natural-delicious h2 i {
  display: block;
  font-family: Lora, serif;
    font-style: italic;
}


section.section-natural-delicious .features-container img {
  max-width: 100%;
  width: 50px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

section.section-natural-delicious .features-container h3 {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 15.6px;
}

.section-benefits {
    background-color: white;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 0px;
}
.section-benefits a.btn.btn-generic {
    border-radius: 9999px;
    border: 1px solid #0071E3;
    background: #0071E3;
    color: white;
    /* width: 183.97px; */
}
section.section.section-benefits .right {
    padding-right: 30%;
}

section.section.section-benefits .container-fluid h2 {
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 67.2px;
    margin-bottom: 15px;
}

section.section.section-benefits .container-fluid h2 em {
    font-family: 'lora';
}
section.section.section-benefits .container p{
    color:#0C0C0D;
}

.benefits-container {
    display: grid
;
    grid-template-columns: 33.33% 33.33% 33.33%;
    margin-top: 40px;
    gap: 26px;
    max-width: 69%;
}

.benefits-container img{
  width:28px;
  display:block;
  margin:0 auto;
}
.benefits-container p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    width: 140px;
    margin: 15px auto 0;
}
section.section.section-benefits h2 {
    width: 60%;
}
section.section.section-benefits h2 i {
    font-family: Fora;
}

.section-experts .image {
    text-align: center;
}
.section-experts {
    background-color: #0C0C0D;
    color: white;
    overflow: hidden;
}
div#experts-container {
    margin-top: 30px;
}

section.section.section-experts h2 {
    color: #FFF;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 67.2px; /* 120% */
    margin-bottom:20px;
}
section.section.section-experts h2 + p {
    color: #FFF;
    font-size: 17.859px;
    font-style: normal;
    font-weight: 300;
    line-height: 25.2px;
}
section.section.section-experts h2 i {
    font-family:'Lora';
}
section.section.section-experts h2 span {
    display: block!important;
}
div#experts-container {
    margin-top: 30px;
}
.expert {
    background: #2D2D2E;
    color: white;
    border-radius: 10px;
    margin-bottom: 30px;
}
.expert img{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}
.expert .content {
    padding: 20px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22.4px;
    min-height: 150px;
}
.expert-information span {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 2px;
}

.expert-information p {
    color: #CBCBCC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
}
.expert-information {
    padding: 0 20px;
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.61px;
    padding-bottom: 40px;
}

.expert-more-information {
    margin-top: 100px;
}

.expert-more-information img {
    margin: 0 auto;
}

.expert-more-information h2 {
    max-width: 600px;
    margin: 9px auto;
}
.expert-more-information .content p {
    font-weight: 400;
}

section.section.section-experts h2 + .row {
    max-width: 860px;
    margin: 30px auto 50px;
    color: #86868B;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: -0.374px;
}

section.section.section-experts h2 + .row strong {
    color: white;
    font-weight: 500;
}
.expert-more-information .action a {
    color: #2997FF;
    text-align: left;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.374px;
    margin: 10px auto;
    display: block;
}

.section-faq .faq h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px; /* 140% */
    padding: 15px 10px;
    border-bottom: 1px solid rgba(208, 198, 174, 0.30);
    cursor:pointer;
}
.section-faq h2 {
    padding-right: 5px;
    color: #0C0C0D;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 76.8px;
    width: 90%;
}
.section-faq .faq {
    position: relative;
}
.section-faq .faq .content {
    display: none;
}
.section-faq .faq.active .content {
    display: block;
    padding: 15px 10px;
}


.shipping-popup-information-container > div {
    margin-bottom: 30px;
}

div#shipping-information h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600!important;
}

.shipping-popup-information-container {
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    overflow-y: scroll;
    max-height: 75vh;
    overflow-x: hidden;
}

.shipping-popup-information-container * {
    color: #333;
  line-height:1.3em;
}

.shipping-popup-information-container h3 {
    color: black;
}

.shipping-popup-information-container ul {
    list-style-type: disc;
    margin-left: 15px;
}

.shipping-popup-information-container ul li {
    margin-bottom: 10px;
}
.shipping-popup-information-container a {
    text-decoration: underline;
    font-weight: 500;
}
@media screen and (max-width:1440px){
  .product {
      grid-template-columns: 1.1fr 1.1fr;
  }
 
  section.section.section-reviews h2.review-text-additional {
      left: auto;
      top:auto;
  }
}

@media screen and (max-width:768px){


  .section-row > div {
    order: 1;
}
.section-row > div.col-image {
    order: 0;
}
.section-row > div {
    padding: 0 15px !important;
    margin: 15px 0 !important;
}
.section-row .content:before, .section-row .content:after {
    display: none;
}
.section-row .content {
    position: relative;
}
#section-standard-supplement .section-row-2>div:nth-child(2) {
    order: 0;
}
  
  .product {
      grid-template-columns: auto;
  }
  
  .section-powered-by .ingredients-container {
      gap: 15px;
      margin-top: 60px;
  }
  .section-powered-by .ingredients-container>div {
      flex: unset;
  }
      .section-powered-by .ingredients-container>div {
        flex: 0 0 calc(50% - 15px);
    }


  
  section.section.section-benefits {
      padding-bottom: 60px;
    text-align: center;
  }
     .benefits-container {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0px;
        justify-content: space-evenly;
    }
  section.section.section-benefits .container-fluid h2 +p {
      text-align: center;
  }
  section.section.section-benefits .container-fluid h2 {
      width: 70%;
      text-align: center;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 10px;
  }
}

@media screen and (max-width:566px){

h2.heading-0525 {
    font-size: 21px;
}
  .feature-container {
    padding-left: 0;
    padding-right: 0;
}
  section#section-text-and-list {
    padding-top: 0 !important;
}
  div#choose-plan td:first-child {
    width: 10%;
}
div#choose-plan td {
    width: 41%;
}
div#choose-plan th, div#choose-plan td {
    font-size: 11px;
    line-height: 12px;
}
div#choose-plan img {
    max-width: 15px;
}
  
    /* h2.heading-0525 {
    font-size: 16px;
} */
  .product p {
    font-size: 12px;
  }

  body .h2 {
    font-size: 36px!important;
    line-height: 36px!important;
    margin-bottom:20px;
}
  
.subscription-container>div:last-child .feature-container {
    padding: 0 10px 0px;
}
/* .subscription-container>div:last-child .feature-container p {
    font-size: 10px;
    line-height: 18px;
}
 */
  
    .product-subscription-widget {
    position: relative;
    z-index: 1;
    overflow-x: scroll;
    padding-top: 20px;
}
.subscription-container {
        flex-direction: row;
    }
.subscription-container > div[data-type="subscription"] {
    order: 0;
}
.subscription-container > div {
    flex-basis: 100%;
    order: 2;
}
.subscription-container>div[data-type="one-time"] {
    order: 3;
}

.packaging-type-052025 {
    flex-direction: column;
    gap: 13px;
}
.packaging-type-052025 > div.active {
    gap: 30px;
}

  
/* div#PBarNextFrameWrapper {
    opacity: 0;
    display: none !important;
} */
/* .shopify-section--main-product {
    position: relative;
    z-index: 100;
}
  .shopify-section--header {
    z-index: 99999!important;
  }
  .product-subscription-widget.loaded .subscription-option.active .buy-now-checkout {
    display: flex;
    background: #0071e3;
    pointer-events: auto;
} */

  /* body .subscription-option.active .buy-now-checkout.option-price .price-container {
    display: none !important;
}
  body .product-subscription-widget.loaded .subscription-option.active .buy-now-checkout.option-price .price-container {
    display: block !important;
  }
  
  body.scrolled-to-title .subscription-option.active .buy-now-checkout.option-price {
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    z-index: 9999999999999;
    bottom: 0;
    left: 0;
    padding:15px;
    padding: 1rem env(safe-area-inset-left) calc(1rem + env(safe-area-inset-bottom)) env(safe-area-inset-right);
} */
/* .product-subscription-widget.loaded .subscription-option.active {
    border-bottom: 2px solid #2B00FF;
}
body .subscription-option.active .buy-now-checkout.option-price * {
    font-size: 21px;
} */
/* body .subscription-option.active .buy-now-checkout.option-price {
    display: flex;
    padding: 20px;
    background: #7d7d7d;
    border-radius: 0;
  pointer-events: none;
} */
  
    .subscription-option.active[data-type="subscription"]:after {
        width: 100px;
        right: 0;
        left: 75%;
    }
.buy-now-checkout.option-price .price-container {
    top: 0;
            align-items: center;
}
.option-container .title {
    font-size: 17px;
}

span.price-sale {
    font-size: 14px;
}
    .buy-now-checkout.option-price .price, .buy-now-checkout.option-price span.price-sale {
        font-size: 15px;
        line-height: 100%;
    }
  
.product-gallery .swiper-button-next, .product-gallery .swiper-button-prev {
    display: none;
}

  
.section-reviews-supplements{
  overflow:hidden;
}
  .product-gallery-supporting{
    display:none;
  }
.expert-more-information {
    margin-top: 60px;
}
  
.expert-more-information .row > div:first-child .content {
    margin-bottom: 30px;
}
  .product-gallery img {
    border-radius: 0 !important;
}
  
    .section-subscribers h2 {
        width: 100%;
        font-size: 32px;
        line-height: 32px;
        padding-right: 93px;
    }
  .section-about img {
    max-width: 71%;
    margin: 0 auto;
    display: block;
}
  body .features-container {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: right;
}
  body .features-container > div {
    flex: 0 0 calc(33.33% - 25px);
}
body .features-container {
    gap: 25px !important;
    flex-wrap: wrap;
    justify-content: space-around !important;
}
  .benefits-container > div {
    flex: 0 0 calc(50% - 15px);
}
    .benefits-container {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

  .expert .content{
    min-height:300px;
}
.expert .expert-information{
    min-height:105px;
}
section h2 {
    font-size: 42px;
    line-height: 42px;
}
.section-faq h2 {
    width: 100%;
    padding-left: 10px;
    font-size: 42px;
    line-height: 42px;
}
  section.section.section-subscribers {
    padding-top: 60px;
}
  
section.section.section-reviews h2 span {
    display: block;
    text-align: left !important;
    font-size: 32px;
    line-height: 32px;
}
  section.section.section-experts h2 {
    font-size: 34px;
    line-height: 34px;
}

section.section.section-benefits .container-fluid h2 {
    font-size: 32px;
    line-height: 32px;
    width: 100%;
}

.product-title h1 {
    font-size: 26px;
    line-height: 50.4px;
    margin-top: 10px;
    width: 100%;
    line-height: 26px;
}
  .section-powered-by h2 {
    font-size: 34px;
    line-height: 34px;
}

  body .powered-by-text-container p {
    text-align: left !important;
}
  section.section.section-about .container h2, section.section.section-about .container em {
    font-size: 34px;
    line-height: 34px;
    margin-top: 30px;
}
section.section-natural-delicious h2 {
    font-size: 34px;
    line-height: 34px;
    text-align: center;
}
  .details-container {
    display: grid
;
    grid-template-columns: 50% 50%;
    margin-top: 40px;
    gap: 20px 0px;
}
  .section .container {
    padding-left: 15px;
    padding-right: 15px;
}
  section.section-natural-delicious h2 i{
    display:inline;
  }

  section.section-natural-delicious .features-container h3 {
    font-size: 12px;
    max-width: 80%;
    margin: 0 auto;
    line-height: 12px;
}
  section.section.section-natural-delicious {
    padding-top: 47px;
}

section.section.section-natural-delicious h2 {
    padding-bottom: 10px;
}

  section.section-natural-delicious .features-container img {
    width: 34px;
}
}