/** Shopify CDN: Minification failed

Line 1731:4 "diplay" is not a known CSS property
Line 1847:0 Unexpected "}"
Line 3107:0 Unexpected "}"
Line 4488:1 Expected "}" to go with "{"

**/
body {
    font-family: 'Tomato Grotesk Regular';
}

.body-product-page [role=main] .shopify-section {
    background: #FFFFFC;
}

body .h2 {
     font-family: "Tomato Grotesk Regular";
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.15px;
}
body .h2 strong {
    font-family: 'Tomato Grotesk SemiBold';
}

body .design-c-section h2{
    font-size: 45px;
}
p.sub-heading.default {
    text-transform: capitalize;
}

nav#breadcrumb ol li:last-child {
    color: #B04524;
}
nav#breadcrumb ol li:last-child:after{
  display:none;
}
nav#breadcrumb ol li {
    color: rgba(81, 79, 79, 0.30);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.15px;
    list-style-type: none;
}
nav#breadcrumb ol li:last-child a {
    font-weight: 600;
}
nav#breadcrumb ol li:after {
    content: '/';
    padding-left: 5px;
}
nav#breadcrumb ol {
    padding: 0;
    margin: 0px;
    display: flex;
    gap: 5px;
}
nav#breadcrumb ol li:last-child:after {
    display: none;
}

.white-popup.popup-052025 {
    overflow: unset;
}
.white-popup.popup-052025 .mfp-close {
    background: transparent;
    color: #000;
    height: 48px;
    width: 48px;
    font-size: 43px;
    left: auto;
    transform: none;
    top: 29px;
    background: transparent;
    z-index: 99999;
    display: flex
;
    align-items: center;
    justify-content: center;
    right: 20px;
}
.swiper.swiper-product-images .swiper-pagination {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}
.swiper.swiper-product-images .swiper-pagination .swiper-pagination-bullet{
    background: black!important;
    opacity:.10;
}
.swiper.swiper-product-images .swiper-pagination .swiper-pagination-bullet-active {
    opacity:1;
}
.swiper.swiper-product-images .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 2px;
}
.gallery-mobile {
    /* box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.10); */
    border-radius: 5px!important;
     margin-top: 30px;
    /* margin-bottom: 15px;
    margin: 20px 15px 30px;
    transform: scale(1.07);
   
    overflow:hidden; */
}
body navigation-drawer {
    z-index: 1000000 !important;
}
.gallery-mobile .swiper-slide-first {
    border: 1px solid #33333308;
    border-radius: 5px;
}
.gallery-mobile .swiper-slide {
    width: 100% !important;
}
.gallery-mobile img {
    border-radius: 10px;
}
.body-popup-slide {
    overflow: hidden;
}
.benefits .text p {
    color: black;
    margin-top: 5px;
}
.body-popup-slide .mfp-wrap {
    z-index: 10000000;
}
.pswp {
    z-index: 10000000;
}

.product-is-unavailable .quantity-picker {
    display: none!important;
}

.product-is-unavailable .packaging-group {
    padding-bottom: 5px;
}

.product-is-unavailable .cart-goals-container {
    display: none;
}


.product-features-container {
    display: flex;
    border-radius: 3px;
    border: 1px solid rgba(236, 230, 230, 0.80);
    background: #FFFFFC;
    box-shadow: 1px 3px 8.6px 0px rgba(0, 0, 0, 0.07);
    flex-wrap: wrap;
    padding: 18px;
    gap: 24px;
    margin-top: 20px;
    justify-content: center;
}
.product-features-container > div {
    color: #B04524;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    flex: 0 0 calc(50% - 24px);
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-features-container > div .image {
    flex-basis: 31px;
    justify-content: center;
    display: flex;
}
.product-features-container > div span:not(.image) {
    flex-basis: 100%;
}
.product-features-container span {
    color: #B04524;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    letter-spacing: -0.15px;
}
span.popup-link-title {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.15px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-family: "Tomato Grotesk Medium";
}
span.popup-link-title img {
    position: relative;
    top: -2px;
    left: 5px;
}
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: "Tomato Grotesk Medium";
  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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    font-size: 13.875px;
    font-style: normal;
    font-weight: 300!important;
    line-height: 22.4px;
    letter-spacing: 0.16px;
}
div#selecting-onefit h2 {
    color: #000;
     font-family: "Tomato Grotesk Medium";
    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: #000;
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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;
}


div#certificate-html {
    margin-top:50px;
    padding: 39px 22px 60px;
    border-radius: 5px;
    background: #F7F7F7;
    box-shadow: 4px 5px 6.7px 0 rgba(120, 120, 120, 0.10);
    max-width: 789px;
}
.cert-intro p {
    margin: 15px 0 0;
}
.cert-intro {
    max-width: 475px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.cert-meta {
    border-radius: 5px;
    border: 1px solid #F5F5F5;
    background: #FDFCFC;
    box-shadow: 2px 2px 13.1px 0 rgba(0, 0, 0, 0.05);
    max-width: 567px;
    margin: 0 auto 15px;
}
.cert-number {
    border-radius: 5px 5px 0 0;
    background: #F7FFCF;
    text-align: center;
    padding: 10px;
    font-family: 'Tomato Grotesk Light';
    font-weight: 400;
}
.cert-number + p {
    max-width: 481px;
    margin: 0 auto;
    margin: 20px auto;
    text-align: center;
}
.cert-prohibited {
    padding-left: 37px;
    padding-right: 37px;
    margin-bottom: 31px;
}
.not-detected {
    color: rgba(0, 0, 0, 0.60);
}
.last-tested {
    padding-left: 37px;
    padding-right: 37px;
    color: #8F8F8F;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin-bottom: 27px;
    margin-top: 11px;
}
.cert-meta hr {
    max-width: 490px;
    margin: 0 auto;
}
.cert-signature {
    border-radius: 5px;
    border: 1px solid #F5F5F5;
    background: #FDFCFC;
    box-shadow: 2px 2px 13.1px 0 rgba(0, 0, 0, 0.05);
    max-width: 567px;
    margin: 0 auto 15px;
    padding: 20px 13px;
}

.cert-signature .cert-by-position {
    color: #959595;
     font-family: "Tomato Grotesk Medium";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.15px;
}

.cert-signature .cert-by {
    color: #959595;
     font-family: "Tomato Grotesk Medium";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.15px;
    margin-top: 9px;
}

p.cert-label {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

.cert-footer {
    max-width: 491px;
    margin: 0 auto 0px;
    text-align: center;
    color: #222;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

hr.cert-line {
    border-color: #ECECEC;
    margin: 20px auto 15px;
    max-width: 570px;
    display: block;
}
.cert-line-top {
    width: 100%;
    height: 1px;
    background: #ECECEC;
    margin-top: 35px;
    margin-bottom: 30px;
}




.product .product-rating {
    height: 12px;
}

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

.product-rating .text-link {
    text-decoration: underline;
}
.product-rating .rating-count {
    font-weight: bold;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: auto;
    letter-spacing: -0.15px;
    font-family: 'Tomato Grotesk Bold';
    position: relative;
    top: 3.2px;
}



a.btn-view-nutrional {
    color: #000;
    font-family: "Tomato Grotesk Bold";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}



.all-reviews-content .rating span {
    color: #000;
    font-family: "Tomato Grotesk Medium";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px; /* 125% */
    letter-spacing: 1px;
}
.all-reviews-content .rating {
    color: #000;
    font-family: "Tomato Grotesk Medium";
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.15px;
    display: flex;
    gap:0px;
    align-items: baseline;
    margin-top: 35px;
}


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

       font-family: "Tomato Grotesk Medium";
      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: 10px 0px 20px;
          flex-direction: column;
  }
.packaging-type-052025 > div {
    align-content: space-between;
    border-radius: 5px;
    border: 1px solid #ECE6E6;
    background: #FFFFFC;
    box-shadow: 2px 2px 8.2px 0 rgba(0, 0, 0, 0.04);
}
.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: row-reverse;
    justify-content: space-between;
}
.packaging-type-052025 .image-title h3 {
     font-family: "Tomato Grotesk Medium";
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-bottom:2px;
}
.packaging-type-052025 .image-title img {
    max-width: 140px;
    width: 100%;
    height: 100%;
    display: block;
}
.packaging-type-052025 .image-title .title {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
}

.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: 5px 25px;
    flex: calc(50% - 15px);
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    /* overflow:hidden; */
}
.packaging-type-052025 > div.active .flavours-052025 {
    display: none;
    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: "Tomato Grotesk Medium";
    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: #000;
    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: #000;
    color: white;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    padding: 5px;
    z-index: 99;
    color: #FFF;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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-gallery-swiper img {
    margin: 0 auto;
    width: 100%;
}

.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;
    background: #F9F8F7;
    
}
div#inside-onefit-facts{
    border-radius: 10px;
    background: #F6F7EF;
}
div#inside-onefit h2 {
    color: #000;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    font-size: 13.234px;
    font-style: normal;
    line-height: 16px;
    display: flex;
    gap: 7px;
    align-items: center;
}
.inside-onefit-version strong{
  color: #000;
}
.inside-onefit-icons {
    display: flex;
    margin: 0px 30px 30px;
    justify-content: space-between;
}
.inside-onefit-icons p {
    color: #000;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    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 #000;
    flex: 1 1 calc(50% - 16px);
    color: #000;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: 1px solid #000;
    background: transparent;
    padding: 7px;
}

.supplement-facts h3 {
    color: #000;
     font-family: "Tomato Grotesk Medium";
    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: #000;
     font-family: "Tomato Grotesk Medium";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 269.231% */
    text-align: left;
}

.supplement-facts .table-header {
    color: #000;
    text-align: right;
     font-family: "Tomato Grotesk Medium";
    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: #000; font-family: "Tomato Grotesk Medium";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: #000;
     font-family: "Tomato Grotesk Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%;
    margin-top: 15px;
    text-align: left;
}

table.table-summary {
    border: 1px solid #000;
    margin: 20px 0px 20px!important;
}
table.table-summary td {
    border: none!important;
    padding: 0 15px!important;
}
table.table-summary tr > td:first-child{
    font-weight:500!important;
}
body .white-popup.popup-052025 table.table-summary td {
    border: none !important;
    padding: 2px 10px !important;
    line-height: 18px;
}
body .white-popup.popup-052025 table.table-summary tr.first-row td{
    padding-top:10px!important;
}
body .white-popup.popup-052025 table.table-summary tr.last-row td{
    padding-bottom:10px!important;
}

p.supplement-remark {
    margin: 0;
     font-family: "Tomato Grotesk Medium";
    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;
    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 #000;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 0px 0px 2px #000 inset;
    border-radius: 2px;
    border: 1px solid #F6F7EF;
    background: #000;
    box-shadow: 0 0 0 3px #153A5B inset;
    color: white;
}
.inside-onefit-tabs .tab-content {
    display: none;
}
.inside-onefit-content h3 {
    color: #000;
    text-align: center;
     font-family: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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;
}



.packaging-group.activated .quantity-picker {
    display: flex;
}
/* .packaging-group.activated {
    padding-bottom: 40px;
} */
.packaging-group.activated[data-notify-me] {
    padding-bottom: 5px;
}
.product .quantity-picker > div.active * {
    color: white!important;
}

.product .quantity-picker > div.active {
    border-color: #B04524;
    background: #B04524;
    cursor: pointer;
}
.product .quantity-picker > div.active:after {
    display: none;
}

.product .quantity-picker > div {
    flex: 1;
    background: white;
    border: .2px solid #E5E5E5;
    padding: 10px 5px;
    text-align: center;
    border-radius: 5px;
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


h2.fon-heading strong {
    font-family: "Tomato Grotesk SemiBold";
    font-weight: 600;
}
h2.fon-heading {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.15px;
    font-family: "Tomato Grotesk Regular";
    text-transform: capitalize;
}

div#fon-quantity-selector {
    margin-bottom: 30px;
}
.fon-quick-quantity-selector {
    font-size: 16px;
    border-radius: 2px;
    background: #b04525;
    color: #3C3C3C;
    width: 100%;
    margin-top: 10px;
    font-weight: 400;
    border-radius: 4px;
    height: 48px;
    display: flex;
    font-weight:400;
    font-family: 'Tomato Grotesk Regular';
    justify-content: space-between;
    align-items: center;
    display: flex;
        border-radius: 2px;
  border: 1px solid #ECE6E6;
    background: #FFFFFC;
    box-shadow: 2px 2px 8.2px 0 rgba(0, 0, 0, 0.04);
}
.fon-quick-quantity-selector .quick-btn.quick-minus {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.fon-quick-quantity-selector .quick-btn.quick-plus {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.fon-quick-quantity-selector .quick-btn {
    font-size: 30px;
    font-family: 'Tomato Grotesk Regular';
    width: 100px;
    height: 100%;
    cursor: pointer;
    line-height: 30px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}



.fon-quick-quantity-selector .quick-quantity {
    font-weight: 700;
}
.fon-quick-quantity-selector .quick-quantity .quantity {
    display: none;
}
.fon-quick-quantity-selector .quick-btn.quick-plus {
    position: relative;
    top: 0px;
}
.fon-quick-quantity-selector .quick-btn img {
    width: 17px;
    position: relative;
    top: 0px;
}

.benefits .item {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    cursor:pointer;
}
.benefits .item .action .fx-icon-container {
    top: -7px;
}
.benefits .item .action {
    position: relative;
}

.benefits .item .image {
    width: 45px;
    height: 34px;
    padding-left:5px;
    flex: 0 0 10%;
}

.benefits .item .image img {
    max-width: 100%;
    height: auto;
    width:auto;
}
.benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.benefits .item.active .text {
    display: block;
}
.benefits .item .text {
    display: none;
}
.benefits .item > div:nth-child(2) {
    margin-right: auto;
}

.product .quantity-picker {
    display: none;
    gap: 3px;
}
.product .quantity-picker.actove {
    display: flex;
}
.product .quantity-picker p {
    margin: 0px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.15px;
    font-family: 'Tomato Grotesk SemiBold';
}

.product .quantity-picker p.price-each {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 274;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-top: 5px;
}
.cart-goals-container {
    padding: 0 30px;
}
.cart-goal {
    text-align: center;
}
.cart-goal h2 {
    font-size: 11px;
    margin: 0;
    line-height: 100%;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.15px;
    text-transform:unset;
}
.cart-goal p {
    border-radius: 1.5px;
    border: 0.3px solid #ECE6E6;
    background: #FFF;
    width: 89px;
    margin: 0px auto;
    color: #000;
    text-align: center;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: -0.15px;
    padding: 5px;
}
.quantity-picker .qty:last-child:after {
    content: "Best Value";
    position: absolute;
    left: 50%;
    top: -11px;
    color: #fff;
    text-align: center;
    font-family: Tomato Grotesk SemiBold;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -.15px;
    background: #b04525;
    width: 84%;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    transform: translateX(-50%);
}
.quantity-picker .qty {
    position: relative;
}
.goals-progress .circle {
    width: 22px;
    height: 22px;
    display: block;
    background: white;
    border: 0.5px solid #B04524;
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.05));
    border-radius: 50%;
    margin: 0 auto;
    /* align-content: center; */
}

.goal-progress {
    text-align: center;
    display: flex;
    align-items: center;
}

.goals-progress .goal-progress:first-child .circle {
    width: 8.66px;
    height: 8.66px;
    background: #B04524;
}

.goals-progress .goal-progress:nth-child(2) .circle {
    width: 13px;
    height: 13px;
}

.goals-progress .goal-progress:nth-child(3) .circle {
    width: 17px;
    height: 17px;
}
.goals-progress {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}
.goals-progress:before {
    content: '';
    height: .5px;
    width: 75%;
    position: absolute;
    left: 0;
    border: .5px dashed #000;
    top: 50%;
    transform: translateY(-50%) translateX(-25%);
    left: 31%;
    background-image: radial-gradient(black 1px, transparent 1px);
    background-size: 3px 1px;
    background-repeat: repeat-x;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1));
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1));
    pointer-events: none;
    border: none;
}
/* .cart-goal.matched h2, 
.cart-goal.matched p {
    color: #b04525;
} */
.goal-progress.matched .circle {
    background: #b04525!important;
}


.btn-orange {
    border-radius: 2px;
    border: 0px solid #B04524;
    background: #B04524;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.05);
    color: white;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.add-to-cart-container p {
    margin: 5px 0px;
}
.add-to-cart-container .btn-orange{

        border-radius: 2px;
        border: 0px solid #B04524;
        background: #B04524;
        box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.05);
        width: 100%;
        padding: 10px;
        height: 68px;
        color: #F5F5F5;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.15px;
        font-family:'Tomato Grotesk SemiBold';
}
/* .add-to-cart-container .btn-orange[disabled] {
    opacity: .6;
} */
.add-to-cart-container p {
    margin: 5px 0px;
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.15px;
    margin: 10px 0px;
}
.cert-prohibited img {
    height: auto;
}
.hasta-certified h2 {
    line-height: 100%;
    font-size: 20px;
    text-transform: unset;
}
.hasta-certified {
    padding: 15px 21px;
    border-radius: 2px;
    border: 1px solid #F5F5F5;
    background: #FFFFFC;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    cursor:pointer;
}
.hasta-content {
    padding-left: 20px;
    border-left: 1px solid rgba(222, 222, 222, 0.50);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
}
.hasta-certified h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.15px;
}
.hasta-certified p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.15px;
    margin-top: 15px;
}
.hasta-certified .row > div {
    align-content: center;
}


  .swiper-design-c-experts .swiper-pagination {
        bottom: -25px !important;
        right: 10px !important;
        left: auto !important;
        width: auto !important;
        top: auto !important;
    }
.design-c-experts-container img{
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.design-c-experts-container .expert-content-container > div {
    border: 1px solid rgba(236, 230, 230, 0.45);;
    border-left: none;
    height:100%;
    diplay:flex;
    align-content:center;
    margin-right:12px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    padding-left:15px;
    padding-right:10px;
    background: #F9F8F7;
}
.design-c-experts-container {
    border-radius: 2px;
    /* border: 1px solid rgba(236, 230, 230, 0.45); */
    
    position:relative;
}
.design-c-experts-container.mt-4 .swiper-pagination {
    text-align: right;
    bottom: -30px;
}
.design-c-experts-container h2 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
    text-transform: none;
}
.design-c-experts-container .swiper-pagination-bullet-active {
    background: black;
}
.design-c-experts-container h2 + p {
    color: #000;
    font-size: 12.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-bottom: 15px;
}
.design-c-experts-container .text p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 274;
    line-height: 17px;
    letter-spacing: -0.15px;
}
.design-c-how-to ol {
    list-style: number;
}
section#section-design-c-hall a {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}




@media screen and (max-width: 1566px) {
    .product-rating .rating-count{
            font-size: 11px;
    }
}
@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;
  }
}


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

  #section-comparison-table td:first-child {
    text-align: left;
    font-size: 12px;
}

    .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;
}


.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: "Tomato Grotesk Medium";
    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;
}



.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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    font-style: normal;
    font-weight: 700;
    line-height: 15.6px; /* 156% */
    text-transform: uppercase;
}

.variant-description.variant-description-html p {
    color: #4B4B4B;
     font-family: "Tomato Grotesk Medium";
    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;
}

.product-supporting img{
    border-radius:5px;
}
/* .product-supporting.image-1 img {
    border-radius: 5px;
    border: 1px solid #ECE6E6;
    opacity: 1;
    box-shadow: 2px 2px 14.3px 0 rgba(0, 0, 0, 0.05);
}
.product-supporting:not(.image-1) img {
    border: 1px solid white;
} */
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: 15px;
    justify-content:space-between;
    margin-top:15px;
}
.product-gallery-supporting > div {
    flex: 0 0 calc(33.333% - 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/60/assets/Arrow-Right.svg?v=107810213079493948561755502941');
}
.product-gallery-main .swiper-button-prev:after{
  background-image:url('//befirstornothing.com/cdn/shop/t/60/assets/Arrow-Right.svg?v=107810213079493948561755502941');
}
.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.20fr .80fr;
    padding-bottom: 30px;
    column-gap: 97px;
      align-items: unset;
    margin-bottom:10px;
    padding-bottom:0;
}
div#buy-now {
    padding: 0 15px;
    overflow:hidden;
}
section {
    overflow: hidden;
}
.product-title h1 strong {
    font-weight: 700;
}
.product-title h1 {
    margin-top: 10px;
    width: 100%;
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.15px;
    font-family: "Tomato Grotesk Medium";
}
.product-title h1 {
    font-weight: 400;
    font-family: 'Tomato Grotesk Regular';
    line-height: 102%;
    margin-bottom: 5px;
}
.product-title h1 strong {
    display: block;
    font-weight: 500;
    font-family: 'TOMATO GROTESK MEDIUM';
}
.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;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
}
.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: "Tomato Grotesk Medium";
    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 {
     font-family: "Tomato Grotesk Regular";
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    text-transform: capitalize;
}
.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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
  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: "Tomato Grotesk Medium";
  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: "Tomato Grotesk Medium";
    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;
}



.cart-goal.matched.last-matched {
    animation: wobble 2s ease;
}

@keyframes wobble {
    0%, 100% {
        transform: translateX(0%) rotate(0deg);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-10px) rotate(-3deg);
    }

    30% {
        transform: translateX(5px) rotate(3deg);
    }

    45% {
        transform: translateX(-4px) rotate(-2deg);
    }

    60% {
        transform: translateX(3px) rotate(1.5deg);
    }

    75% {
        transform: translateX(-2px) rotate(-1deg);
    }
}



.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: #000;
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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: "Tomato Grotesk Medium";
    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 {
    text-transform: inherit;
    color: #000;
    font-family: 'Tomato Grotesk SemiBold';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.15px;
}
.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;

}

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

.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;
    }
}



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



    .design-c-product-gallery .inner-wrapper-sticky {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }

      .design-c-experts-container .text p {
        font-size: 10px;
        line-height: 12px;
    }
  
  .cert-number + p {
      padding: 0 15px;
  }
  

  .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;
  }

.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 #000;
    }

.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 #000;
    }
  .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 {
      max-width: 100px;
      width: 100%;
      height: 100%;
      display: block;
      margin: 0px;
      margin-left: auto;
  }
  .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.active .image-title img {
      max-width: 100px;
  }
  .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;
}
.benefits .item {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    border-radius: 3px;
    border: 1px solid rgba(236, 230, 230, 0.50);
    background: #FFFFFC;
    box-shadow: 2px 2px 12.3px 0px rgba(0, 0, 0, 0.03);
    padding: 12px 15px 12px 20px;
}
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;
}

.design-c-add-to-cart h3 {
    color: #000;
    font-family: "Tomato Grotesk Medium";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 116.667% */
    letter-spacing: -0.15px;
    text-transform: capitalize;
    margin-bottom:10px;
    display:none;
}


@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;
              gap: 0;
  }
  
  .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){
    .packaging-type-052025 .image-title img {
        margin-right: 0px;
    }
    h2.fon-heading{
        font-size:13px;
    }
    .fon-quick-quantity-selector {
        font-size: 13px;
        height: 35px;
    }
.fon-quick-quantity-selector .quick-btn {
    width: 73px;
}

    .benefits .item {
    padding: 12px 15px;
}
.benefits .item .content {
    padding: 0 15px;
}
.benefits .item .content .fx-icon-container {
    right: 0px;
}

    .cart-goals-container {
    padding: 0 14px;
}
.product .quantity-picker > div .add-text {
    display: block;
}

p.hall-product-version {
    display: none !important;
}
section#section-design-c-hall .row > div:first-child {
    padding-bottom: 0 !important;
}
.hasta-certified {
    padding: 14px 21px;
}
.hasta-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.hasta-certified h2 {
    font-size: 14px;
}
    .hasta-content p {
        font-size: 12px;
        margin-top: 5px;
    }
.hasta-certified h2 {
    font-size: 14px;
    font-family: 'Tomato Grotesk SemiBold';
}


.goals-progress {
    margin-top: 8px;
}

    .product .quantity-picker > div p.price-each {
        font-size: 13px;
        margin-top: 5px;
    }
.product .quantity-picker > div p {
    line-height: 12px;
    font-size: 11px;
}
 div#block-product-ingredients a span {
    font-size: 12px;
}

    .product-short-description .text {
        font-size: 13px;
        line-height: 1.4em;
    }
.product-bundle-save .design-c-add-to-cart .cart-goals-container {
    border-radius: 2px;
    border: .5px solid #ECE6E6;
    background: #fffffc;
    box-shadow: 1px 5px 7.2px #0000000d;
    padding: 15px 10px;
}
.product-bundle-save .design-c-add-to-cart.floating h3 {
    display:block;
}
.product-bundle-save .design-c-add-to-cart {
    margin-top: 15px !important;
}
.product-bundle-save .design-c-add-to-cart {
    border-radius: 5px 5px 0 0;
    border: 1px solid #F2F2F2;
    background: #F9F8F7;
    box-shadow: 10px 10px 9.9px 0 rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 15px;
}
.product-bundle-save .design-c-add-to-cart .goals {
        gap: 0;
    }


      .section-design-c h2.h2+p {
      font-size: 14px;
      line-height: 100%;
  }
  
  div#buy-now {
      padding: 0px;
      overflow: hidden;
  }
  
     .section-hero {
        padding: 0;
    }
h2.heading-0525 {
        font-size: 15px;
        line-height: 100%;
    }
  .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: 27px !important;
        line-height: 110%!important;
        margin-bottom: 20px;
    }
.subscription-container>div:last-child .feature-container {
    padding: 0 10px 0px;
}

  
    .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;
            margin-top: 5px;
}
.fon-quick-quantity-selector {
    margin-top: 5px;
}
.packaging-type-052025 > div.active {
    gap: 30px;
}
  
    .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: 28px;
    line-height: 50.4px;
    margin-top: 10px;
    width: 100%;
    line-height: 32px;
}
  .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;
}

     .product-features-container {
        justify-content: space-between;
        align-content: space-between;
        padding: 15px;
        gap: 15px;
    }
  .product-features-container > div {
      flex: 0 0 calc(50% - 10px);
      gap: 10px;
  }
    .product-features-container span {
      font-size: 11px;
      line-height: 130%;
  }
  .packaging-type-052025 .image-title h3 {
      font-size: 16px;
  }
.product p.sub-heading {
        font-size: 12px;
        margin-top: 1px;
    }

  .product .cart-goal p {
    font-size: 11px;
    width: 67px;
    /* margin: 0 auto; */
}
.add-to-cart-container .btn-orange {
    height: 45px;
    line-height: 100%;
}

  .hasta-content p {
    font-size: 11px;
}
.design-c-experts-container h2 + p {
        font-size: 12px;
        margin-top: 10px;
    }
.design-c-experts-container h2 {
    margin-bottom:5px!important;
}
 
.benefits .item h3 {
        font-size: 12px;
        font-weight: 500;
        font-family: Tomato Grotesk SemiBold;
        line-height: 16px;
    }
.benefits .item .image {
    width: 29px;
    height: auto;
}
  .design-c-how-to ol {
    margin-bottom: 30px;
}
    .design-c-how-to li {
        color: #000;
        font-family: "Tomato Grotesk Light";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.15px;
    }
 .design-c-back-to-top a {
    width: 100%;
    display: block;
    border-radius: 2px;
}
.design-c-back-to-top {
    margin-top: 20px;
} 

  section#section-design-c-hall {
    padding: 17px !important;
    padding-top: 0px !important;


  div#buy-now {
      padding: 0px!important;
      overflow: hidden;
  }
  section#design-c-feature-review h2 {
      color: #000;
      font-family: "Tomato Grotesk Light";
      font-size: 29px !important;
      font-style: normal;
      font-weight: 400;
      line-height: 35px !important;
      letter-spacing: -0.15px;
      text-align: left !important;
  }
  section#design-c-feature-review p {
      color: #000;
      font-family: "Tomato Grotesk Light";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.3em;
      letter-spacing: -0.15px;
      text-transform: capitalize;
      text-align: left !important;
  }
    
  section#design-c-feature-review .btn-orange {
      opacity: 1;
      height: 45px;
      width:100%;
  }  
  #design-c-ingredients .ingredient-item p {
    font-size: 11px;
    line-height: 18px;
}
#design-c-ingredients .ingredient-item h3 {
    font-size: 22px;
}
}

   
@media screen and (max-width: 390px) {
    .design-c-experts-container h2 + p {
        font-size: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 12px;
    }
    .design-c-experts-container .text p {
        font-size: 9px;
        line-height: 10px;
    }
    .design-c-experts-container h2 {
        margin-bottom: 5px !important;
        font-size: 12px;
    }
    .cert-prohibited {
        padding: 0 15px;
    }
}

@media screen and (max-width: 375px) {
    .product .quantity-picker > div p {
        line-height: 11px;
        font-size: 10px;
    }
    div#certificate-html {
        height: 100vh;
        overflow: scroll;
        padding-bottom: 100px;
    }
}