/** Shopify CDN: Minification failed

Line 317:14 Expected "{" but found "and("
Line 3482:4 Unexpected "{"
Line 3483:4 Expected identifier but found "%"
Line 3487:4 Expected identifier but found "%"
Line 7857:17 Expected "{" but found "("

**/
/* header start */
.main-navigation {
    position: relative;
}

.header__menu+.header__menu {
    gap: 40px;
}

.header-column--left {
    gap: 40px;
}

.header a.main-nav-item,
.header .main-nav-item>a {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #ECF2DE;
    padding: 11.5px 10px;
    border-radius: 20px;
    transition: all 0.6s ease;
}

.header .header__search {
    max-width: 220px;
    width: 100%;
    display: block;
}

.header .predictive-search-wrapper .form__input-wrapper {
    border: 0;
    background: transparent;
}

.header .predictive-search-wrapper .form__input-wrapper input {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #4D4B44;
    padding: 14px 16px;
    height: 46px;
    border-radius: 25px;
    background: #FBFBF9;
}

.header .predictive-search-wrapper .form__input-wrapper input:placeholder {
    color: #4D4B44;
}

.header .predictive-search-wrapper .form__input-wrapper .icon {
    display: none;
}

.header .predictive-search-wrapper .form__input-wrapper button {
    background-color: transparent;
    background-image: url(/cdn/shop/files/search_7b78a9d9-f370-4a9c-9543-2180a7f56406.svg?v=1763973440);
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    right: 16px;
}

.header-column--center+.header-column--right {
    gap: 40px;
}

.header .header__icons--cart-open .icon {
    display: none;
}

.account_icon .icon {
    display: none;
}

.header .header__icons--cart-open {
    font-size: 0;
    background: url(/cdn/shop/files/shopping-bag.svg?v=1763973692);
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.account_icon a {
    font-size: 0;
    background: url(/cdn/shop/files/circle-user.svg?v=1763974684);
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

/* header End */
toggletip-engine {
    position: static;
}

.header-column--left,
.header__menu,
main-nav,
.container.header-grid {
    position: static;
}

.header {
    position: static;
}

.megamenu.megamenu--full {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
}

/*Mega Menu  */

.nav--multi-level {
    background-color: #FBFBF9;
}

.nav__content {
    background: transparent !important;
}

.nav .container,
.nav__secondary-menu__item {
    background: transparent !important;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

.header .main-nav-item.multi_level_megamenu {
    position: static;
}

.header .nav {
    top: 100% !important;
}

.header .display-centered--true {
    position: static;
}

.nav__tip {
    display: none;
}

.new-menu-wrapper {
    padding: 60px 15px 60px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    white-space: normal;
}

.new-menu-wrapper .left-side h3 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
}

.new-menu-wrapper .left-side {
    padding-right: 100px;
}

.new-menu-wrapper .center-menu .ms-title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #8D8B84;
}

.new-m-list .m-icon img {
    height: 16px;
    width: auto;
}

.new-menu-wrapper .center-menu .new-m-list li {
    padding: 10px 0px;
}

.new-menu-wrapper .center-menu .new-m-list li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
}

.new-menu-wrapper .center-menu .new-m-list li a::after {
    content: '';
    background: url('/cdn/shop/files/move-right.svg?v=1765875259');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.new-menu-wrapper .center-menu .new-m-list .divider {
    margin: 20px 0px;
    border-bottom: 1px solid #BABAB680;
    display: block !important;
}

.new-menu-wrapper .menu-blog {
    padding-left: 92px;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy {
    display: flex;
    gap: 18px;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-img {
    max-width: 110px;
    width: 100%;
    flex-shrink: 0;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-img img {
    border-radius: 2px;
    min-height: 90px;
    object-fit: cover;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info h4 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #8D8B84;
    margin: 0;
    text-transform: uppercase;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #4D4B44;
    padding: 10px 0px;
    max-width: 300px;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info .blg-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info .blg-link::after {
    content: '';
    background: url('/cdn/shop/files/move-right.svg?v=1765875259');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.menu-blog-list .menu-blog-card:not(:last-of-type) {
    margin-bottom: 45px;
}

.nav--mega_menu_wTf68K .nav__content {
    height: auto !important;
}

img.nm-dec {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 63.99em) {
    .header .nav {
        top: 0;
    }

    .nav .container {
        background: #FBFBF9 !important;
    }
}

@media screen and(max-width:1024px) {
    .new-menu-wrapper .left-side {
        padding-right: 40px;
    }

    .new-menu-wrapper .menu-blog {
        padding-left: 40px;
    }

    .menu-blog-list .menu-blog-card {
        max-width: 330px;
    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info .blg-link {
        font-size: 13px;
    }
}

/* Hide broken / undefined images */
.menu-blog-bdy img[src*="undefined"] {
    opacity: 0;
}

/* Smooth reveal when fixed */
.menu-blog-bdy img {
    transition: opacity 0.15s ease-in;
}

.nav--mobile .mob-menu-text {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #67645B;
    display: flex;
    align-items: center;
    padding-right: 30px;
    margin-bottom: 35px;
}

.nav--mobile .mob-menu-text::after {
    content: '';
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background: url('/cdn/shop/files/COSMIX_Navigation_Bar_Illustration_1.svg?v=1771479940');
    background-size: contain;
    background-repeat: no-repeat;
}

.nav__mobile-accordion-opener {
    padding: 0 0 13px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E !important;
    border-bottom: 1px solid #BABAB680 !important;
    border-top: 0;
}

.nav__mobile-dropdown__content-wrapper {
    padding-top: 20px;
}

.nav__mobile-dropdown__content-wrapper .shop-title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #8D8B84;
}

.nav--mobile .nav__main-menu-link--basic {
    height: unset;
    display: inline-flex;
    justify-content: flex-start;
    padding: 10px 0px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
    gap: 10px;
}

.nav--mobile .nav__main-menu-link--basic .nav__menu-icon img {
    width: 10px;
    object-fit: contain;
    height: auto;
}

.nav--mobile .nav__main-menu-link--basic::after {
    content: '';
    background: url('/cdn/shop/files/move-right.svg?v=1765875259');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.nav__mobile-dropdown__content-wrapper {
    display: none;
}

.nav__mobile-dropdown-wrapper--open .nav__mobile-dropdown__content-wrapper {
    display: block;
}

.nav__mobile-dropdown-wrapper {
    margin-bottom: 13px;
}

.nav__mobile-dropdown-wrapper .nav__mobile-accordion-opener {
    margin-bottom: 0;
}

.nav__mobile-accordion-opener {
    margin-bottom: 13px;
}

@media screen and (max-width:63.99em) {
    .nav .container {
        padding: 20px;
    }

    .menu-trigger.active {
        right: 20px;
        top: 20px;
    }

    .menu-blog-list {
        margin-top: 27px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy {
        flex-direction: column;
        gap: 22px;
    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy .blg-img {
        max-width: 100%;
    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy .blg-img img {
        width: 100%;
    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info h4 {
        font-size: 12px;
        line-height: 16px;

    }

    .menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info .blg-link {
        font-size: 12px;
        line-height: 16px;

    }

    .menu-trigger.active {
        width: 1.7rem;
        height: 1.7rem;
    }

    .menu-trigger.active span {
        background: #34322E !important;
    }

    .menu-blog-list .menu-blog-card:not(:last-of-type) {
        margin-bottom: 0;
    }

    .menu-blog-list .menu-blog-card:last-of-type {
        grid-column: span 2;
    }
}

/* Mega menu end  */


/* Footer start */
.footer-sections .form-email-signup .section__wrapper {
    padding-bottom: 1px !important;
    margin: 0;
}

.footer-sections .form-email-signup .container {
    display: block;
}

.footer-sections .form-email-signup__content {
    width: 100%;
}

.footer-sections .form-email-signup__content .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #FBFBF9;
    text-align: center;
}

.footer-sections .form-email-signup__content .heading__section {
    margin-bottom: 22px;
}

.footer-sections .form-email-signup__form .form__input-wrapper {
    background: transparent;
    border: 0;
    justify-content: center;
    gap: 12px;
}

.footer-sections .form-email-signup__form .form__input-wrapper .icon {
    display: none;
}

.footer-sections .form-email-signup__form .form__input-wrapper input:not(.button) {
    max-width: 373px;
    width: 100%;
    height: 46px;
    background: #FBFBF9;
    border: 0;
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #8D8B84;
    padding: 14px 16px;
}

.footer-sections .form-email-signup__form .form__input-wrapper .button {
    position: relative;
    top: 0;
    right: 0;
    transform: unset;
    padding: 10px 24px;
    background: #A75C51;
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #F8F8F3;
    border: 0;
    height: 46px;
    box-shadow: none;
}

.footer .container .footer__content>div p.text-display-sm {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #FBFBF9;
    padding: 10px;
}

.footer__menu ul,
.footer .rich-text__content ul {
    margin: 0 !important;
    padding: 0;
}

.footer__menu ul li,
.footer .rich-text__content ul li {
    padding: 10px 0 !important;
}

.footer__menu ul li a,
.footer .rich-text__content ul li a {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #FBFBF9;
}

.footer-contact .footer-item .footer-text p,
.footer-contact .footer-item .footer-text {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #FBFBF9;
}

.footer-item:not(:last-of-type) {
    margin-bottom: 20px;
}

.footer-item:last-child {
    align-items: center;
}

.footer__content p.text-display-sm {
    padding-left: 0 !important;
}

.footer_subheading p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FBFBF9;
    margin-bottom: 20px !important;
    margin-top: 10px;
}

/* Footer end*/

/* In the Spotlight start */
.spotlight-blogs .heading__section {
    margin-bottom: 93px;
}

.spotlight-blogs .heading__section h2 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-transform: capitalize;
    color: #34322E;
}

.spotlight-card {
    display: flex;
    flex-direction: row;
}

.spotlight-card .card__image {
    max-width: 50%;
    width: 100%;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.spotlight-card {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.spotlight-card .card__content {
    display: block;
    padding: 0 0 0 84px;
}

.spotlight-card.card:hover {
    transform: unset;
}

.spotlight-card .card__content .card__title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 14px;
}

.spotlight-card .card__content .card_caption_custom {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #757575;
    margin-bottom: 32px;
}

.spotlight-card .card__content .card_caption_custom svg {
    margin: 0 15px;
}

.spotlight-card .card__content .card__description {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    margin-bottom: 32px;
}

.spotlight-card .card__content .card__description,
.spotlight-card .card__content .card__description+p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #34322E;
}

.spotlight-card .card__content .card_link {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #A75C51;
}

.spotlight-card .card__bottom {
    display: none;
}

/* In the Spotlight end */

/* Product card start*/

.card.card--product {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.card.card--product .card__image {
    box-shadow: 0px 0px 8px 2px rgba(153, 153, 153, 0.25);
    border-radius: 4px;
}

.card.card--product .card__content .cat-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars {
    display: none;
}

.card.card--product .card__content .cat-wrap .pro-tag {
    font-family: Manrope;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    text-transform: uppercase;
    color: #14248b;
    display: flex;
    align-items: center;
    gap: 5px;
}

.card.card--product .card__content .cat-wrap .pro-tag img {
    width: 10px;
}

.card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #34322E;
    display: flex;
    align-items: center;
    gap: 5px;
}

.card.card--product .card__content .jdgm-prev-badge__text {
    display: none !important;
}

.card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1721_11351)"><path d="M5.76242 1.14745C5.78434 1.10318 5.81818 1.06591 5.86015 1.03986C5.90212 1.01381 5.95053 1 5.99992 1C6.04932 1 6.09773 1.01381 6.1397 1.03986C6.18166 1.06591 6.21551 1.10318 6.23742 1.14745L7.39242 3.48695C7.46851 3.64093 7.58083 3.77415 7.71974 3.87517C7.85864 3.9762 8.01999 4.042 8.18992 4.06695L10.7729 4.44495C10.8219 4.45204 10.8678 4.47268 10.9057 4.50455C10.9435 4.53641 10.9716 4.57822 10.9869 4.62525C11.0022 4.67228 11.0041 4.72265 10.9922 4.77066C10.9804 4.81868 10.9553 4.86242 10.9199 4.89695L9.05192 6.71595C8.92873 6.836 8.83656 6.98419 8.78334 7.14776C8.73012 7.31134 8.71745 7.48539 8.74642 7.65495L9.18742 10.2249C9.19606 10.2739 9.19078 10.3242 9.17217 10.3703C9.15357 10.4163 9.12239 10.4563 9.0822 10.4854C9.042 10.5146 8.99441 10.5319 8.94486 10.5354C8.8953 10.5388 8.84577 10.5283 8.80192 10.5049L6.49292 9.29095C6.34078 9.21106 6.17151 9.16932 5.99967 9.16932C5.82783 9.16932 5.65857 9.21106 5.50642 9.29095L3.19792 10.5049C3.15409 10.5282 3.10462 10.5386 3.05515 10.5351C3.00568 10.5316 2.95818 10.5142 2.91807 10.4851C2.87796 10.4559 2.84684 10.416 2.82825 10.3701C2.80966 10.3241 2.80435 10.2738 2.81292 10.2249L3.25342 7.65545C3.28252 7.48581 3.26992 7.31165 3.21669 7.14797C3.16347 6.98429 3.07123 6.83602 2.94792 6.71595L1.07992 4.89745C1.04422 4.86296 1.01892 4.81914 1.0069 4.77098C0.994889 4.72282 0.996642 4.67226 1.01196 4.62504C1.02728 4.57783 1.05556 4.53587 1.09356 4.50394C1.13157 4.47201 1.17778 4.4514 1.22692 4.44445L3.80942 4.06695C3.97955 4.0422 4.14112 3.97648 4.28022 3.87544C4.41931 3.77441 4.53178 3.64108 4.60792 3.48695L5.76242 1.14745Z" fill="%2334322E" stroke="%2334322E" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1721_11351"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.card.card--product .card__content .title_variants_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card.card--product .card__content .title_variants_wrap .card__title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #34322E;
}
.predictive-search .search-products__grid .card__title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #34322E;
}

.card.card--product .card__content .custom_card_variant .main-product__dropdown label {
    display: none;
}

.card.card--product .card__content .custom_card_variant .form__input-wrapper .icon {
    position: relative;
    right: 0;
    transform: unset;
    cursor: pointer;
    display:none;
}

.card.card--product .card__content .custom_card_variant .form__input-wrapper {
    background: transparent;
    box-shadow: none;
    border: 0;
    flex: auto;
}

.card.card--product .card__content .custom_card_variant select {
    width: auto;
    min-width: unset;
    display: inline-block;
    padding: 0;
    flex: auto;
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322e;
    border-radius: 0;
    outline: none;
    border: 0;
    text-align: right;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
    padding-right: 1.95rem;
    background-image: url('/cdn/shop/files/chevron-down.svg?v=1781675382');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right -0.05rem center;
}

.card.card--product .card__content .custom_card_variant select option {
    text-align: left;
}

.card.card--product .card__content .custom_card_variant select:focus-visible {
    outline: none;
    border: 0;
    border-radius: 0;
    outline-style: none !important;
}

.card.card--product .card__content variant-selects {
    margin: 0;
}

.card.card--product .card__content .price--on-sale .price__sale {
    flex-direction: row !important;
    gap: 10px;
}

.card.card--product .card__content .price--on-sale .price-item--regular,
.card.card--product .card__content .price-item--sale {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    color: #34322e !important;
}
.mini-cart__upsell .card.card--product .card__content .price__regular {
        font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    color: #34322e !important;
    margin-bottom: 20px;

}

.card.card--product .card__content .sale-discount-wrapped,
.card.card--product .card__content .price--on-sale span {
    line-height: 1 !important;
}

.card.card--product .card__content {
    gap: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.card.card--product .title_variants_wrap {
    column-gap: 5px;
}

.card.card--product .card__content .price--on-sale {
    margin-bottom: 20px;
    font-size: 0;
}

.card.card--product .card__content>div:not(.card__bottom1) {
    flex: 1;
}

/* Product card end */

.our-process .grid-content__header--left,
.hero-ingredients .grid-content__header--left {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.shop-fav-bottom {
    text-align: center;
}

.btn-row {
    display: flex;
    justify-content: center;
    column-gap: 10px;
}

.shop-favourites .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #628158;
    margin-bottom: 19px !important;
}

.shop-favourites .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.shop-favourites .heading__section .subheading {
    margin-bottom: 40px !important;
}

.shop-favourites .heading__section .subheading+svg {
    margin-bottom: 22px !important;
}

.shop-favourites .shop-fav-text {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.shop-favourites .heading__section {
    margin-bottom: 15px;
}

.shop-favourites .heading__section+div {
    margin-bottom: 20px;
}

.shop-favourites .custom_html {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.shop-favourites .custom_html a {
    display: inline-block;
    padding: 4px;
    border-bottom: 1px solid #A75C51;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #A75C51;
}

.card__badge.custom_badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    gap: 4px;
    background: #F7EEDB;
    border-radius: 20px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #34322E;
    top: 5px;
    right: 5px;
}

.card__badge.bestseller_badge.custom_badge:before {
    content: "";
    background: url(/cdn/shop/files/Page_Break_Illustrations.svg?v=1764219149);
    width: 12px;
    height: 20px;
}

.know-what-you-want {
    background-image: url('/cdn/shop/files/Rectangle_6905_1.png?v=1764220427') !important;
    background-color: transparent !important;
    margin-top: -45px;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.know-what-you-want .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
}

.know-what-you-want .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.know-what-you-want .rich-text__title-inline {
    align-items: center;
    gap: 31px !important;
}
.know-what-you-want .rich-text__title-inline .title-icon svg{
height:40px;
}
.know-what-you-want .rich-text__heading {
    margin: 0;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #172C10;
}

.know-what-you-want .rich-text__content .wysiwyg {
    padding: 10px;
}

.know-what-you-want .rich-text__content .wysiwyg p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #172C10;
}

.quality-standards .heading__section h2 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #34322E;
}

.quality-standards .heading__section {
    margin-bottom: 95px;
}

.quality-standards .rich-text__wrapper .wysiwyg p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
}

.hero-ingredients .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
}

.hero-ingredients .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #67645B;
}

.hero-ingredients .heading__section {
    margin-bottom: 15px;
}

.button--plain.button--icon_right {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #A75C51;
    padding: 4px;
}

.button--icon_right .icon {
    color: #A75C51;
}

.hero-ingredients .text--caption {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #34322E;
}

.our-process .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E !important;
}

.our-process .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #67645B !important;
}

.our-process .heading__section .subheading {
    margin-bottom: 20px !important;
}

.our-process .button--plain {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #25461A;
    border-color: #25461A;
    padding: 4px;
}

.our-process .heading__section {
    margin-bottom: 20px !important;
}

.community-snapshot .section-title h2 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-transform: capitalize;
    color: #34322E;
    margin: 0;
    text-align: center;
}

.community-snapshot .section-title h2 b {
    font-weight: 600;
    font-family: 'Manrope';
}

.community-snapshot .section-title {
    margin-bottom: 72px;
}

.community-snapshot .snapshot-row {
    display: flex;
    flex-wrap: wrap;
}

.community-snapshot .snapshot-row .left-side,
.community-snapshot .snapshot-row .right-side {
    width: 50%;
    overflow: hidden;
}

.snapshot-main-slider .main-imgshot img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.snapshot-thumb-slider .thumb-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.community-snapshot .snapshot-row .right-side {
    padding-left: 54px;
}

.community-snapshot .snapshot-row .slide-info h3 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 0;
}

.community-snapshot .snapshot-row .slide-info h4 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #A75C51;
    margin-bottom: 24px;
}

.community-snapshot .snapshot-row .slide-info p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.community-snapshot .snapshot-row .slide-info {
    padding-bottom: 20px;
    padding-left: 10px;
}

.community-snapshot .snapshot-row .slide-info .btn-group {
    display: flex;
    gap: 24px;
    margin-top: 35px;
}

.community-snapshot .snapshot-row .slide-info .btn-group .btn-cust {
    display: inline-block;
    padding: 10px 24px;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.6s ease;
}

.community-snapshot .snapshot-row .slide-info .btn-group .btn-cust.bg-color {
    background: #A75C51;
    color: #F8F8F3;
}

.community-snapshot .snapshot-row .slide-info .btn-group .btn-cust.bg-color-two {
    background: #F8F8F3;
    color: #25461A;
}

.community-snapshot .snapshot-row .slide-info .btn-group .btn-cust.bg-color:hover {
    background: #F8F8F3;
    color: #25461A;
}

.community-snapshot .snapshot-row .slide-info .btn-group .btn-cust.bg-color-two:hover {
    background: #A75C51;
    color: #F8F8F3;
}

.community-snapshot .snapshot-row .snapshot-thumb-slider {
    margin-top: 16px;
}

.community-snapshot .snapshot-row .snapshot-thumb-slider .thumb-img {
    width: 22.4%;
    cursor: pointer;
    margin-right: 16px;
}

.community-snapshot .snapshot-row .snapshot-thumb-slider::before {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    width: 44px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.16) 0%, #F8F8F3 100%);
    z-index: 3;
}

.community-snapshot .main-slider-wrape {
    position: relative;
}

.community-snapshot .snapshot-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(-50%);
    padding: 0 15px;
}

.community-snapshot .snapshot-prev,
.community-snapshot .snapshot-next {
    width: 48px;
    height: 48px;
    background: #FBFBF9;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-email-signup {
    margin: 0 !important;
    background: #F8F8F3;
}

.form-email-signup .container {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
}

.form-email-signup .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
}

.form-email-signup .heading__section {
    margin-bottom: 16px;
}

.form-email-signup .form__input-wrapper #newsletter {
    width: 100%;
    background: #fbfbf9;
    border: .5px solid #BABAB6;
    border-radius: 6px;
    font-family: Manrope;
    font-weight: 400;
    font-size: 14px;
    line-height: 44px;
    color: #8d8b84;
    padding: 0px 16px;
    flex: unset;
}

.form-email-signup .button {
    position: relative;
    transform: unset;
    right: 0;
    top: 0;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #ECF2DE;
    padding: 10px 24px;
    background: #234118;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
}

.form-email-signup__form .form__input-wrapper {
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: unset;
    border-radius: 0;
    justify-content: center;
    gap: 16px;
    align-items: unset;
}

.form-email-signup__form .form__input-wrapper .icon {
    display: none;
}

.icon-separator,
.heading-icon-separator {
    display: flex;
    justify-content: center;
}

.heading-icon-separator {
    padding: 40px 0 0;
}


.founder-story .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #748651;
}

.founder-story .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.founder-story .multicol-row-wrapper swiper-container {
    overflow: hidden;
}

.founder-story .container {
    width: 100%;
    position: relative;
    margin-left: calc((100% - var(--container-width)) / 2);
    margin-right: 0;
}
.swiper-button-next, .swiper-button-prev {
    transition: all .4s !important;
}
/* .grid-content__slider-nav .swiper-button-prev,
.grid-content__slider-nav .swiper-button-next {
    position: relative;
    top: 0;
    transform: unset;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 0;
} */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 0 !important;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="%230F1113" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 100% 100%;
}

.swiper-button-next:after {
    transform: scale(-1);
}



.home-testimonials .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #748651;
}

.home-testimonials .heading__section .subheading p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    position: relative !important;
    left: 0 !important;
    transform: unset !important;
    right: 0 !important;
    margin-top: 10px;
    white-space: unset !important;
}

.header__icons--cart-open .cart-count {
    background: #ecf2de;
    color: #234118;
}

.home-testimonials .card--testimonial__content .card--testimonial__testimonial p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    text-align: left;
}

.home-testimonials .card--testimonial__name {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #8D8B84;
    padding: 10px 10px 0px;
    margin: 0;
}

.home-testimonials .card--testimonial__name:before {
    content: "";
    display: block;
    width: 18px;
    height: 6px;
    background: url('data:image/svg+xml,<svg width="18" height="6" viewBox="0 0 18 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.84007C1 4.76318 1.05114 4.36524 1.32869 3.69361C1.96619 2.15096 5.15074 2.46123 7.08614 2.7793C8.86995 3.07245 9.88128 4.4324 13.4775 4.4861C14.5114 4.31763 15.091 3.89305 15.6692 3.16768C15.9406 2.75118 16.1673 2.2364 16.4717 1" stroke="%23DF7B6C" stroke-width="2" stroke-linecap="round"/></svg>');
    margin-bottom: 15px;
}

.home-testimonials .card--testimonial__source {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8D8B84;
    padding: 10px;
    margin: 0;
}

.home-testimonials .card--testimonial__content {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 15px;
}

.card--testimonial__testimonial {
    padding: 0;
    margin-bottom: 40px;
}

.founder-story .image_html {
    padding: 30px 10px 0px;
}

.founder-story .image_html h4 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 22px;
}

.founder-story .image_html p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.know-what-you-want .rich-text__wrapper.section__wrapper--background {
    padding: 22px 16px;
    background: #FBFBF9;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.shop-fav-mobile-heading .rich-text__heading {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #628158;
}

.shop-fav-mobile-heading .wysiwyg p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #34322E;
}

.mob-title {
    display: none;
}

.community-snapshot .snapshot-row .left-side .swiper-scrollbar {
    display: none;
}

.community-snapshot .snapshot-row .left-side .swiper-scrollbar-drag {
    background-color: #97A47D !important;
    position: relative;
}

.community-snapshot .snapshot-row .left-side .swiper-scrollbar {
    background: #D9D9D9 !important;
}

.swiper-scrollbar-drag:before {
    content: '';
    background-color: #97A47D;
    position: relative;
    left: -99vw;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
}

.founder-story {
    padding-right: 0 !important;
}

body .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background-color: #97A47D !important;
}

/* .slider-enabled .grid-content__slider-nav {
    display: flex;
    overflow: hidden;
} */
.spotlight-card.for-mobile.blog-mobile-card {
    display: none;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    z-index: unset !important;
}

.for-mobile {
    display: none !important;
}

.homepage-slider .aspect-ratio--default,
.homepage-slider .aspect-ratio__mobile--default {
    aspect-ratio: unset !important;
}

.homepage-slider .aspect-ratio--default .banner__background,
.homepage-slider .aspect-ratio__mobile--default .banner__background {
    position: unset !important;
}

/* Responsive start */

@media (max-width:1440px) {
    .founder-story .container {
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .header__menu+.header__menu {
        gap: 30px;
    }

    .header-column--left {
        gap: 30px;
    }

    .header-column--center+.header-column--right {
        gap: 30px;
    }

    .know-what-you-want .rich-text__title-inline {
        gap: 15px !important;
    }

    .know-what-you-want .rich-text__heading {
        font-size: 14px;
        line-height: 20px;
    }

    .know-what-you-want .title-icon svg {
        height: 30px;
    }

    .community-snapshot .snapshot-row .right-side {
        padding-left: 30px;
    }

    .founder-story .container {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .for-mobile {
        display: block !important;
    }

    .for-desktop {
        display: none !important;
    }

    .card.card--product .card__content .title_variants_wrap .card__title {
        font-size: 14px;
        line-height: 19px;
    }
.predictive-search .search-products__grid .card__title {
        font-size: 14px;
        line-height: 19px;
}
    .card.card--product .card__content .cat-wrap .pro-tag {
        font-size: 8px;
        padding-left: 0;
    }


    .card.card--product .card__content .jdgm-prev-badge__text:before {
        display: none;
    }

    .card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars {
        display: block;
        font-size: 10px;
    }

    .card.card--product .jdgm-preview-badge .jdgm-star.jdgm-star {
        color: #34322E;
    }

    .card.card--product .jdgm-prev-badge {
        display: flex !important;
    }

    .card.card--product .card__content .jdgm-prev-badge__text {
        font-family: 'Manrope';
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        color: #34322E;
    }

    .card.card--product .card__content .price--on-sale .price-item--regular,
    .card.card--product .card__content .price-item--sale {
        font-size: 14px;
    }

    .card.card--product .card__bottom {
        gap: 1px;
    }

    .card.card--product .custom_card_variant {
        border-bottom: 1px solid #DF7B6C;
    }

    .card.card--product .card__content .price--on-sale .price__sale {
        gap: 5px;
    }

    .card.card--product .card__content .cat-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .card.card--product button .hide-mobile {
        display: block !important;
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #ECF2DE;
    }

    .card.card--product .button--card span.cart-icon {
        display: none;
    }

    .know-what-you-want {
        margin-top: -10px;
        background-image: url('/cdn/shop/files/Rectangle_6908_c101365e-6ddd-4e9b-a695-b8a7c9065adb.png?v=1764242056') !important;
    }

    .grid-content__header--left .heading__section {
        padding: 0;
    }

    .know-what-you-want .heading__section h2 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 10px !important;
    }

    .know-what-you-want .heading__section .subheading p {
        font-size: 14px;
        line-height: 130%;
        text-align: center;
    }

    .know-what-you-want .rich-text__title-inline {
        gap: 15px !important;
        flex-direction: column;
    }

    .know-what-you-want .title-icon svg {
        height: 40px;
    }

    .know-what-you-want .rich-text__heading {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .know-what-you-want .rich-text__content .wysiwyg {
        padding: 13px 0px 0px;
    }

    .know-what-you-want .rich-text__content .wysiwyg p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .know-what-you-want .rich-text__wrapper.section__wrapper--background {
        padding: 13px 10px;
    }

    .shop-fav-bottom {
        padding-left: calc(var(--gap) / 2);
        padding-right: calc(var(--gap) / 2);
        background: #f8f8f3;
        padding-top: 56px;
        padding-bottom: 30px;
    }

    .shop-fav-bottom .title {
        font-family: 'Manrope';
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #34322E;
        margin-bottom: 15px;
    }

    .shop-fav-bottom .btn-row {
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #34322E;
    }

    .shop-fav-bottom .btn-row .button--plain {
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #405F36;
        padding: 0;
    }

    .shop-fav-bottom .btn-row .button--plain.btn2 {
        color: #A75C51;
        border-color: #A75C51;
    }

    .bottom-text {
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #34322E;
        text-align: center;
        margin-top: 7px !important;
    }

    .shop-fav-bottom .svg-icon {
        margin-bottom: 16px;
    }

    .shop-fav-bottom .btn-row .button--plain .icon {
        color: #405F36;
    }

    .spotlight-card.card {
        flex-direction: column;
    }

    .spotlight-card .card__content {
        padding: 0;
    }

    .spotlight-card .card__image {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .spotlight-blogs .heading__section h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .spotlight-blogs .heading__section {
        margin-bottom: 25px;
    }

    .spotlight-card .card__content .card__title {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .spotlight-card .card__content .card_caption_custom {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        margin-bottom: 24px;
    }

    .spotlight-card .card__content .card_caption_custom svg {
        margin: 0 10px;
    }

    .spotlight-card .card__content .card__description,
    .spotlight-card .card__content .card__description+p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;

    }

    .spotlight-card .card__content .card__description {
        margin-bottom: 0;
        margin-top:20px;
    }

    .spotlight-card .card__content {
        padding: 0px 0 0;
    }

    .spotlight-blogs .grid-content__header--center {
        margin: 0;
    }

    .quality-standards .heading__section h2 {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .quality-standards .heading__section {
        margin-bottom: 40px;
    }

    .grid-content__header--center {
        margin-bottom: 0 !important;
    }

    .quality-standards .rich-text__wrapper .wysiwyg p {
        font-size: 14px;
    }

    .quality-standards .rich-text__icon svg {
        height: 52px;
    }

    .hero-ingredients .heading__section h2 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 12px !important;
    }
    .hero-ingredients .heading__section p{
        text-align:center;
    }


    .hero-ingredients .heading__section .subheading p {
        font-size: 14px;
        line-height: 130%;
        text-align: center;
    }

    .hero-ingredients-bottom {
        margin-left: calc(var(--gap) / 2);
        margin-right: calc(var(--gap) / 2);
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #67645B;
        margin-top: 48px;
        border-bottom: 1px solid #B3B1AD;
        padding-bottom: 48px;
    }

    .hero-ingredients .text--caption {
        font-size: 14px;
        line-height: 130%;
        text-align: center;
    }

    .our-process .heading__section h2 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 12px !important;
    }

    .our-process .heading__section .subheading p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .mob-title {
        display: block;
    }

    .community-snapshot .snapshot-row .left-side,
    .community-snapshot .snapshot-row .right-side {
        width: 100%;
    }

    .community-snapshot .section-title h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .community-snapshot .section-title {
        margin-bottom: 48px;
    }

    .community-snapshot .main-slider-wrape h3 {
        font-family: 'Recoleta';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        color: #34322E;
        margin-bottom: 20px;
    }

    .community-snapshot .snapshot-nav {
        display: none;
    }

    .community-snapshot .snapshot-row .snapshot-thumb-slider {
        display: none;
    }

    .community-snapshot .snapshot-row .right-side {
        padding-left: 0;
        padding-top: 36px;
    }

    .community-snapshot .snapshot-row .slide-info h3 {
        display: none;
    }

    .community-snapshot .snapshot-row .slide-info h4 {
        text-align: center;
        margin-bottom: 12px;
    }

    .community-snapshot .snapshot-row .slide-info p {
        text-align: center;
    }

    .community-snapshot .snapshot-row .slide-info .btn-group {
        flex-direction: column;
        padding: 0 10px;
    }

    .community-snapshot .snapshot-row .slide-info .btn-group .btn-cust {
        text-align: center;
    }

    .community-snapshot .snapshot-row .slide-info {
        padding-bottom: 20px;
        padding-left: 0px;
    }

    .community-snapshot .snapshot-row .left-side .swiper-scrollbar {
        display: block;
        border-radius: 5px !important;
        overflow: hidden;
        margin-top: 8px;
    }

    .form-email-signup .heading__section .subheading p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .form-email-signup__form .form__input-wrapper {
        flex-direction: column;
        gap: 29px;
    }

    .form-email-signup .button {
        width: 100%;
        text-align: center;
    }

    .form-email-signup__form {
        padding: 0 !important;
    }

    .home-testimonials .heading__section h2 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 12px !important;
    }

    .home-testimonials .heading__section .subheading p {
        text-align: center;
    }

    .home-testimonials .card--testimonial__content .card--testimonial__testimonial p {
        font-size: 16px;
        line-height: 22px;
    }

    .home-testimonials .card--testimonial__name {
        font-size: 14px;
    }

    .home-testimonials .card--testimonial__source {
        font-size: 12px;
        line-height: 16px;
    }

    .card--testimonial__testimonial {
        margin-bottom: 10px;
    }

    .form-email-signup .container {
        padding-left: 36px;
        padding-right: 36px;
    }

    .form-email-signup .form__input-wrapper #newsletter {
        max-width: 100%;
    }

    .founder-story .heading__section h2 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 12px !important;
    }

    .founder-story .heading__section .subheading p {
        text-align: center;
    }

    .our-process .heading__section .custom_image {
        display: none;
    }

    .our-process .grid-content__header--left {
        margin-bottom: 0 !important;
    }

    .founder-story .image_html h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .footer-sections .form-email-signup .container {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-sections .form-email-signup .section__wrapper {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .footer-sections .form-email-signup__content .heading__section h2 {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .heading-icon-separator {
        padding: 40px 0 0px;
    }


}

@media (max-width: 375px) {
    .shop-fav-bottom .btn-row .button--plain {
        font-size: 12px;
    }

    .shop-fav-bottom .btn-row .button--plain .icon {
        font-size: 12px;
    }
}

.quantity button {
    z-index: 1;
}

.hero-ingredients .figure img {
    max-height: 200px;
    object-fit: contain !important;
}

/* learn Page start */
.comman-page-banner {
    background-image: url(/cdn/shop/files/Rectangle_1.png?v=1766126518);
    min-height: 452px;
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comman-page-banner .banner-info {
    text-align: center;
}

.comman-page-banner .banner-info h1 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #FBFBF9;
    margin: 0 0 16px;
}

.comman-page-banner .banner-info p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #FBFBF9;
}

.section-title {
    text-align: center;
}

.section-title h2 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-transform: capitalize;
    color: #34322E;
    margin: 0;
}

.section-title h2 b {
    font-family: 'Manrope';
    font-weight: 600;
}

.section-title {
    margin-bottom: 56px;
}

.guides-card .guides-card-body {
    align-items: flex-start;
    padding: 12px 22px;
    background: #F4F4F4;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.guides-card .guides-card-body h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 10px;
}

.guides-card .guides-card-body p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.guides-card .guides-card-body p b {
    font-weight: 600;
}

.guides-card .guides-card-body p:not(:last-of-type) {
    margin-bottom: 9px;
}

.guides-card .guides-card-body .guides-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 4px;
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #25461A;
    margin-top: 12px;
}

.guides-card-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 27px;
}

.decode-discover .decode-search {
    max-width: 948px;
    width: 100%;
    margin: 0 auto 20px;
}

.decode-discover .decode-search .input-wrapper {
    position: relative;
}

.decode-discover .decode-search .input-wrapper input {
    width: 100%;
    height: 46px;
    background: #fbfbf9;
    border: .5px solid #BABAB6;
    border-radius: 24px;
    font-family: Manrope;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #8d8b84;
    padding: 14px 45px 14px 16px;
    outline: none;
    outline-offset: 0;
    outline-style: none !important;
}

.decode-discover .decode-search .input-wrapper input:placeholder {
    color: #8D8B84;
}

.decode-discover .decode-search .input-wrapper button {
    position: absolute;
    top: 10px;
    right: 16px;
}

.decode-nav {
    display: flex;
    gap: 10px;
    max-width: 1019px;
    margin: auto;
    justify-content: space-between;
    margin-bottom: 37px;
    overflow: auto;
    white-space: nowrap;
}

.decode-nav a {
    display: inline-block;
    padding: 10px;
    border-bottom: 1px solid transparent;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
}

.decode-nav a:hover,
.decode-nav a.active {
    border-color: #DF7B6C;
}

.decode-info-block {
    display: flex;
}

.decode-info-block:not(:last-of-type) {
    margin-bottom: 27px;
    padding-bottom: 27px;
    border-bottom: 1px solid #BABAB6;
}

.decode-info-block .decode-num {
    flex-shrink: 0;
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 40px;
    line-height: 54px;
    color: #DF7B6C;
    text-transform: uppercase;
}

.decode-info-block .decode-text-wrape {
    flex: 1;
    padding-left: 115px;
}

.decode-info-block .decode-text-wrape .decode-inner-block h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    margin-bottom: 8px;
}

.decode-info-block .decode-text-wrape .decode-inner-block .decode-audio {
    display: none;
    align-items: center;
    gap: 15px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #67645B;
    margin-bottom: 12px;
    cursor: pointer;
}

.decode-info-block .decode-text-wrape .decode-inner-block p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.decode-info-block .decode-text-wrape .decode-inner-block:not(:last-of-type) {
    margin-bottom: 19px;
}

.decode-info {
    max-width: 935px;
    margin: auto;
    width: 100%;
    max-height: 650px;
    overflow: auto;
    padding-right: 14px;
}

#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent;
    background-color: transparent;
}

#style-4::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #BABAB680;
    border: 2px solid #BABAB680;
}

.section-title p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #34322E;
}

.mythbusters-card .mythbusters-card-body {
    padding: 20px 24px;
    background: #F4F4F4;
    border: 1px solid #BABAB6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    color: #172C10;
    transition: all 0.6s ease;
}

.mythbusters-card .mythbusters-card-body .mythbusters-titl-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.mythbusters-card .mythbusters-card-body .title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

.mythbusters-card .mythbusters-card-body p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    padding: 10px;
}

.mythbusters-slider:not(.mob-slider-active) .mythbusters-card {
    height: 300px !important;
}

.mythbusters-slider {
    overflow: hidden;
}



.mythbusters-slider .swiper-slide-active .mythbusters-card-body {
    background: #25461A;
    color: #FBFBF9;
}

.mythbusters-slider .swiper-slide-active .mythbusters-card-body .title {
    color: #FBFBF9;
}

.mythbusters-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s ease-in-out;
    cursor: pointer;
}

.mythbusters-card-inner .mythbusters-card-body,
.mythbusters-card-inner .mythbusters-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

.mythbusters-card:hover .mythbusters-card-inner {
    transform: rotateY(180deg);
}

.mythbusters-card .mythbusters-back {
    padding: 20px 24px;
    background: #FBFBF9;
}

.mythbusters-back .mythbusters-titl-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.mythbusters-card .mythbusters-back .mythbusters-titl-wrap h6 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #172C10;
}

.mythbusters-card .mythbusters-back p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #172C10;
}

.mythbusters-slider .swiper-wrapper {
    align-items: center;
}

.mythbusters-slider .swiper-button {
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 0;
}

.mythbusters-slider .swiper-button svg {
    width: 24px;
    height: 24px;
}

.mythbusters-slider .swiper-button::after,
.mythbusters-slider .swiper-button::before {
    display: none;
}


.cos-tabpane {
    display: none;
}

.cos-tabpane.fade {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.cos-tabpane.show {
    display: block;
}

.cos-tabpane.fade.show {
    opacity: 1;
}

.cos-nav-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 48px;
}

.cos-btn {
    padding: 10px;
    border-bottom: 1px solid transparent;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
}

.cos-btn:hover,
.cos-btn.active {
    border-color: #DF7B6C;
}

.blrc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.card-style-one .card-style-one-body {
    padding: 12px;
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-style-one .card-style-one-body .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.card-style-one .card-style-one-body .card-img {
    margin-bottom: 13px;
}

.card-style-one .card-style-one-body .card-info {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-style-one .card-style-one-body .title {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 10px;
}

.card-style-one .card-style-one-body .date-info {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #8D8B84;
    margin-bottom: 9px;
}

.card-style-one .card-style-one-body .card-info p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    margin-bottom: 8px;
    flex: 1;
}

.card-style-one .card-style-one-body .crd-full-btn {
    padding: 10px 24px;
    display: block;
    text-align: center;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #25461A;
}

.for-only-mobile {
    display: none;
}

.plain-btn {
    display: inline-block;
    padding: 10px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #25461A;
}

.text-center {
    text-align: center;
}

.mt-24 {
    margin-top: 24px;
}

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


    .blrc-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width:991px) {
    .blrc-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:767px) {
    .comman-page-banner {
        min-height: unset;
        padding: 64px 0px;
        background-image: url('/cdn/shop/files/mob-banner.png?v=1766140032');
    }

    .comman-page-banner .banner-info h1 {
        font-size: 16px;
        line-height: 22px;
    }

    .comman-page-banner .banner-info p {
        font-size: 14px;
        line-height: 19px;
    }

    .section-title h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .section-title {
        margin-bottom: 45px;
    }

    .guides-card-row {
        display: block;
        margin-right: -15px;
    }

    .guides-card-row .swiper-pagination {
        justify-content: center;
        position: relative !important;
        bottom: 0;
        margin-top: 32px;
    }

    .guides-card-row .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #7C7C7A;
        padding: 0 !important;
    }

    .guides-card-row .swiper-pagination .swiper-pagination-bullet::before {
        display: none !important;
    }

    .decode-info-block .decode-num {
        display: none;
    }

    .decode-info-block .decode-text-wrape {
        padding-left: 0;
    }

    .decode-info-block .decode-text-wrape .decode-inner-block {
        padding: 18px;
        background: #FBFBF9;
        border: 1px solid #BABAB6;
        border-radius: 6px;
    }

    .decode-info {
        max-height: unset;
        padding-right: 0;
        margin-bottom: 32px;
    }

    .decode-info-block:not(:last-of-type) {
        margin-bottom: 8px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .decode-info-block .decode-text-wrape .decode-inner-block:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .decode-nav {
        margin: auto auto 32px;
    }

    .learn-decoder .section-title {
        margin-bottom: 24px;
    }

    .decode-discover .decode-search {
        margin: 0 auto 10px;
    }

    .mythbusters-slider .swiper-slide-active {
        height: unset !important;
    }

    .mythbusters-slider .swiper-button {
        display: none;
    }

    .mythbusters-slider {
        margin: 0 -15px;
    }

    .mythbusters-slider .adopters-card .adopters-card-body{
        height:100%;
    }

    .mythbusters-card .mythbusters-card-body p {
        font-size: 16px;
    }

    

    .mythbusters-card .mythbusters-card-body {
        background: #628158;
    }

    .cos-nav-tab {
        margin-bottom: 4px;
    }

    .card-style-one .card-style-one-body {
        background: #F8F8F3;
        box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
        border-radius: 8px;
        margin: 20px 0px 20px 20px;
    }

    .blrc-grid {
        margin: 0 -15px !important;
    }

    .for-only-mobile {
        display: block;
    }

    .cos-tab-wrapper .mt-24 {
        margin-top: 0px;
    }

    .cards-slider-mob {
        margin: 0 -15px;
    }
    .clicked-product{
        height:100%;
    }
    .shop-favourites swiper-container[data-mobile-layout=grid]::part(wrapper){
        gap: 24px 24px;
    }
}

/* learn Page end */

#ProductGridContainer .heading__section h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin-bottom: 16px;
}

#ProductGridContainer .heading__section p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    margin: 0;
}

.cosmix-club .collage-grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.cosmix-club .collage-grid-img img+img {
    margin-top: 24px;
}

.collage-grid-img.swiper-slide.size-lg {
    max-width: 600px;
    width: 100%;
}

.collage-grid-img.swiper-slide.size-sm {
    max-width: 355px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.collage-grid-img.swiper-slide {
    height: auto;
}

.collageSwiper {
    overflow: hidden;
}

.club-banner-info h2 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-transform: capitalize;
    color: #67645B;
    text-align: center;
    margin-bottom: 40px;
}

body:not(.template-index) .icon-separator {
    padding: 72px 0px;
}

.buzzz-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

.buzz-crad .buzz-crad-body .buzz-crad-img {
    margin-bottom: 24px;
}

.buzz-crad .buzz-crad-body .buzz-crad-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.buzz-crad .buzz-crad-body .buzz-info h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
}

.buzz-crad .buzz-crad-body .buzz-info p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #0F1113;
    margin-bottom: 12px;
}

.buzz-crad .buzz-crad-body .buzz-social {
    display: flex;
    gap: 10px;
}

.buzz-crad .buzz-crad-body .buzz-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #B9C3A8;
    border-radius: 50%;
}

.section-title.mb-40 {
    margin-bottom: 40px;
}

.cos-tabs.style-two .cos-nav-tab {
    gap: 5px;
    margin-bottom: 64px;
    padding: 0 34px;
}

.cos-tabs.style-two .cos-nav-tab .cos-btn {
    padding: 10px 16px;
    background: #fafaf6;
    box-shadow: 0 0 2px #00000040;
    border-radius: 6px;
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #34322e;
    border: 0;
    flex: 1;
}

.cos-tabs.style-two .cos-btn:hover,
.cos-tabs.style-two .cos-btn.active {
    background: #748651;
    color: #FBFBF9;
}

.cp-testimonials {
    background: url('/cdn/shop/files/cp-testimonials.png?v=1766739072');
    background-size: cover;
    background-repeat: no-repeat;
}

.small-title {
    margin-bottom: 36px;
}

.small-title h4 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #67645B;
}

.creator-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px;
}

.feedback-form {
    max-width: 357px;
    width: 100%;
    margin: 0 auto 0;
}

.feedback-form .input-wrape label {
    display: block;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    padding: 10px;
}

.feedback-form .input-wrape textarea {
    padding: 10px 16px;
    width: 100%;
    height: 100px;
    background: #FBFBF9;
    border: 0.5px solid #BABAB6;
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #8D8B84;
    outline: none;
    resize: none;
}

.feedback-form .input-wrape input {
    padding: 10px 16px;
    width: 100%;
    height: 46px;
    background: #FBFBF9;
    border: 0.5px solid #BABAB6;
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #8D8B84;
    outline: none;
}

.feedback-form .input-wrape textarea::placeholder,
.feedback-form .input-wrape input::placeholder {
    color: #8D8B84;
}

body *:focus-visible {
    outline-offset: 0px;
    outline-style: unset !important;
}

.with-dot {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

.with-dot:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #DF7B6C;
    border-radius: 50%;
    display: inline-block;
}

.feedback-form .input-wrape {
    margin-bottom: 16px;
}

.feedback-form .submit-btn {
    display: block;
    padding: 10px 24px;
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #25461A;
    width: 100%;
    transition: all 0.6s ease;
}

.feedback-form .submit-btn:hover {
    background: #25461A;
    color: #F8F8F3;
}

.collageSwiper-mobile {
    display: none;
}

@media screen and (max-width:991px) {
    .cos-tabs.style-two .cos-nav-tab {
        padding: 0;
    }

    .cos-tabs.style-two .cos-nav-tab .cos-btn {
        font-size: 12px;
        padding: 10px 10px;
    }
}

@media screen and (max-width:767px) {
    .buzzz-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .heading .heading__section h1 {
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #34322E;
    }

    .heading .subheading_html {
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #34322E;
    }

    .club-banner-info h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 12px;
    }

    .collageSwiper.only-desktop {
        display: none;
    }

    .collageSwiper-mobile {
        display: block;
        overflow: hidden;
        padding-left: 20px;
        padding-right: 20px;
    }

    .collageSwiper-mobile img {
        border-radius: 8px;
    }

    .collageSwiper-mobile .swiper-pagination-progressbar {
        position: relative;
        margin-top: 10px;
        background: #D9D9D9;
    }

    .collageSwiper-mobile .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #97A47D;
    }

    body:not(.template-index) .icon-separator {
        padding: 60px 0;
    }

    .section-title.mb-40 {
        margin-bottom: 16px;
    }

    .buzz-crad .buzz-crad-body .buzz-info h3 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .buzz-crad .buzz-crad-body .buzz-info p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .buzz-crad .buzz-crad-body .buzz-social {
        justify-content: center;
    }

    .buzz-crad .buzz-crad-body .buzz-crad-img {
        margin-bottom: 16px;
    }

    .small-title h4 {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .small-title {
        margin-bottom: 24px;
    }

    .cos-tabs.style-two .cos-nav-tab {
        display: grid;
        flex-wrap: wrap;
        margin-bottom: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .cos-tabs.style-two .cos-nav-tab>*:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        padding: 10px 30px;
    }

    .creator-grid.swiper {
        margin-right: -15px;
    }

    .creator-grid .creator-card {
        margin-bottom: 15px;
    }

    .cp-testimonials {
        background-image: url('/cdn/shop/files/cp-testimonials-mob.png?v=1766745725');
    }
}


.slider-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9;
    padding: 0 15px;
    transform: translateY(-50%);
}

.slider-nav .swiper-button-prev-1,
.slider-nav .swiper-button-next-1 {
    transition: .3s;
    padding: 0;
    background: #ffffff;
    border: 0;
    border-radius: 100%;
    min-height: 36px;
    min-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.slider-nav .swiper-button-next-1 {
    transform: scale(-1);

}

.popup-overlay {
    display: flex;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    position: relative;
    max-height: 80%;
    width: 80%;
    background-color: white;
    overflow-y: auto;
    padding: 60px 20px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.popup-overlay.active .popup-content {
    transform: translateY(0);
    opacity: 1;
}

.popup-content .close1 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    background-color: #405f36;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.popup-images {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 30px;
}

.popup-images img {
    max-width: calc(50% - 20px);
    height: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
}

@media (min-width: 768px) {
    .popup-images {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .popup-content {
        max-height: 90%;
        width: 90%;
    }

    .popup-images {
        flex-direction: column;
        overflow-x: scroll;
        overflow-y: scroll;
        padding-bottom: 20px;
    }

    .popup-images img {
        width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }

}

    {
    % comment %
}

Test report popup end {
    % endcomment %
}

.certification-logo {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    max-width: 100% !important;
    margin: auto;
}

.certifications-data .certification-row:not(:last-of-type) {
    margin-bottom: 36px;
}

.certifications-data .certification-row {
    display: flex;
    flex-wrap: wrap;
}

.certifications-data .certification-row>* {
    width: 50%;
}

.certifications-data .certification-row .col-left h3 {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 15px;
}

.certifications-data .certification-row .col-left p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #000000;
}

.certifications-data .certification-row .col-left .link-btn {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #A75C51;
    display: inline-flex;
    align-items: center;
    padding: 4px;
    gap: 4px;
    border-bottom: 1px solid #A75C51;
    margin-top: 19px;
}

.certifications-data .certification-row .col-right img {
    display: block;
    margin-left: auto;
    border-radius: 6px;
}

.ingredients-list .what-inside {
    background: #F7EEDB;
    padding: 45px;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 60px;
}

.ingredients-list .what-inside p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    flex-shrink: 0;
}

.ingredients-list .what-inside p span {
    color: #A75C51;
}

.inside-tag {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 44px;
}

.inside-tag span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #A75C51;
}

.inside-tag span::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12M4 4L12 12" stroke="%23A75C51" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.ingredients-row {
    display: flex;
    flex-wrap: wrap;
    margin: -30px -15px 0;
}

.ingredients-row .ingredient-card {
    width: 25%;
    padding: 0 15px;
    margin-top: 30px;
}

.ingredient-card .ingredient-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.ingredient-card .ingredient-name {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #303030;
}

.ingredients-list .right-side {
    flex: 1;
    padding-left: 60px;
}

.ingredients-list {
    display: flex;
}

.ingredients-list .left-side p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #7C7C7A;
}

.ingredients-list .left-side a {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #A75C51;
    display: inline-block;
    padding: 5px 0;
    border-bottom: 1px solid #A75C51;
}

.ingredients-part {
    padding: 100px 0px;
}

.nn-accordion {
    border-bottom: 1px solid #BABAB6;
    padding-bottom: 30px;
}

.nn-accordion:not(:last-of-type) {
    margin-bottom: 30px;
}

.nn-accordion .nn-accordion-head {
    position: relative;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #628158;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 35px;
}

/* .nn-accordion .nn-accordion-head::before {
    content: '';
    width: 15px;
    height: 2px;
    border-radius: 1px;
    background: #628158;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
} */

.nn-accordion .nn-accordion-head::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url("/cdn/shop/files/plus.svg?v=1774587169");
    width: 24px;
    height: 24px;
}

button.nn-accordion-head.active::after {
    background: url("/cdn/shop/files/minus.svg?v=1774587298");
}

.nn-accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

.nn-accordion-inner {
    padding-top: 32px;
    padding-left: 35px;
    padding-right: 35px;
}


.certificates-images {
    display: flex;
    column-gap: 30px;
    flex-direction: row;
    justify-content: center;
}

@media screen and (max-width:991px) {
    .ingredient-card .ingredient-img {
        min-height: 100px;
        margin-bottom: 10px;
    }

    .ingredients-row .ingredient-card {
        width: 33.33333333%;
    }

    .ingredients-list .what-inside {
        padding: 30px;
    }

    .inside-tag {
        gap: 5px 20px;
    }

    .inside-tag br {
        display: none;
    }

    .inside-tag span {
        font-size: 12px;
    }

    .certifications-data .certification-row .col-left {
        padding-right: 20px;
    }

    .certifications-data .certification-row .col-left p br {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .certificates-images {
        row-gap: 30px;
        flex-direction: column;
    }

    .nn-accordion .nn-accordion-head {
        font-size: 18px;
        line-height: 25px;
        padding: 0 0;
    }

    .nn-accordion .nn-accordion-head::before {
        right: 0;
    }

    .nn-accordion .nn-accordion-head::after {
        right: 6px;
    }

    .ingredients-list {
        display: block;
    }

    .ingredients-list .right-side {
        padding-left: 0;
    }

    .ingredients-list .left-side p br {
        display: none;
    }

    .ingredients-list .left-side p {
        font-size: 16px;
        line-height: 22px;
    }

    .ingredients-list .left-side a {
        font-size: 12px;
        line-height: 16px;
        padding-top: 0;
    }

    .ingredients-row {
        margin: 0px 0px 0;
        right: -15px;
    }

    .ingredients-row::before {
        content: '';
        width: 40px;
        height: 132px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.16) 0%, #F8F8F3 100%);
        position: absolute;
        right: 0;
        z-index: 2;
    }

    .ingredients-row .ingredient-card {
        margin-top: 0;
    }

    .nn-accordion {
        padding-bottom: 20px;
    }

    .nn-accordion:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .ingredients-part {
        padding: 60px 0;
    }

    .ingredients-list .what-inside {
        padding: 20px 27px;
        flex-direction: column;
        gap: 15px;
    }

    .inside-tag {
        gap: 5px 20px;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .inside-tag span {
        font-size: 14px;
    }

    .certifications-data .certification-row>* {
        width: 100%;
    }

    .certifications-data .certification-row .col-left {
        padding-right: 0;
        margin-top: 20px;
    }

    .certifications-data .certification-row:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .certifications-data .certification-row {
        flex-direction: column-reverse;
    }

    .ingredients-list .right-side {
        margin-top: 30px;
    }

    .nn-accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

    .ingredients-list .left-side a svg {
        width: 16px;
    }
}

.certificates-images-slider {
    overflow: hidden;
    position: relative;
}


/* about us start */
.abt-scroll-nav {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
}

.abt-scroll-nav a {
    display: inline-block;
    padding: 10px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #34322E;
    border-bottom: 1px solid transparent;
    transition: all 0.6s ease;
}

.abt-scroll-nav a:hover,
.abt-scroll-nav a.is-active {
    border-color: #DF7B6C;
}

.card-style-two .card-style-two-body .img-wrape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.card-style-two .card-style-two-body .card-info-cust {
    margin-top: 21px;
}

.card-style-two .card-style-two-body .card-info-cust h3 {
    padding: 10px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
    margin: 0;
}

.card-style-two .card-style-two-body .card-info-cust p {
    padding: 10px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.about-scroller .section-title {
    margin-bottom: 44px;
}

.offset-right-container {
    margin-left: calc((100% - var(--container-width)) / 2);
}

.how-started-slider {
    overflow: hidden;
}

.swiper-cust-nav button {
    position: relative;
    display: flex;
    align-items: center;
    top: 0;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 0;
    padding: 0;
}

.swiper-cust-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 1;
    padding-right: 5%;
}

.how-we-started {
    padding-bottom: 120px;
}

.howwe-do-it {
    padding-top: 120px;
    padding-bottom: 120px;
}

.about-scroller .section-title h2+p {
    margin-top: 25px;
}

.acne-info-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.acne-info-group>* {
    width: 33.33333333%;
    padding: 0 25px;
}

.acne-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.acne-card .acne-card-body {
    display: flex;
    align-items: center;
    gap: 25px;
}

.acne-card .acne-card-body .acne-card-info {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    flex: 1;
}

.acne-card .acne-card-body .acne-img {
    display: block !important;
    width: 79px;
    height: 79px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.acne-card .acne-card-body .acne-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.acne-info-group .acne-card:not(:last-of-type) {
    margin-bottom: 150px;
}

.acne-info-group .acne-right .acne-card .acne-card-body {
    flex-direction: row-reverse;
}

.cos-tabs.style-three .cos-nav-tab {
    align-items: unset;
    margin-bottom: 80px;
}

.cos-tabs.style-three .cos-btn {
    padding: 16px 24px;
    background: #FBFBF9;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #172C10;
    border: 0;
    flex: 1;
}

.cos-tabs.style-three .cos-btn.active,
.cos-tabs.style-three .cos-btn:hover {
    background-color: #A75C51;
    color: #FBFBF9;
}

.promise-you {
    padding-top: 120px;
    padding-bottom: 120px;
}

.promise-img {
    margin-bottom: 66px;
}

.promise-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.about-scroller .ingredients-row .ingredient-card .ingredient-img img {
    max-height: 160px;
}

.about-scroller .ingredients-list .left-side h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #628158;
    margin-bottom: 15px;
}

.about-scroller .ingredients-list .left-side p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    margin-bottom: 16px;
}


.wins-mentions {
    padding: 120px 0px;
    background-image: url('/cdn/shop/files/Mentions-bg.png?v=1766998729');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.press-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 31px;
}

.press-features-grid .title-box h4 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #234118;
    margin-bottom: 16px;
}

.press-features-grid .title-box p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    margin-bottom: 32px;
}

.btn-new-one {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    gap: 4px;
    background: #FBFBF9;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #25461A;
    transition: all 0.6s ease;
}

.new-testimonial-card .new-testimonial-card-body {
    padding: 20px 8px;
    background: #FFFFFF;
    border-radius: 4px;
    height: 100%;
}

.new-testimonial-card .new-testimonial-card-body p {
    padding: 4px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
    margin-bottom: 20px;
}

.new-testimonial-card .new-testimonial-card-body .user-name-info h5 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #8D8B84;
    padding: 10px;
    margin: 0;
}

.new-testimonial-card .new-testimonial-card-body .user-name-info img {
    margin-left: 10px;
}

.new-testimonial-card .new-testimonial-card-body .user-name-info h6 {
    padding: 0 0px 0px 10px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8D8B84;
    margin: 0;
}

.new-testimonial-card .new-testimonial-card-body .user-name-info img+h6 {
    padding-top: 10px;
    padding-bottom: 10px;
}


.new-testimonials-row {
    display: flex;
}

.new-testimonials-row .testimonials-left {
    flex-shrink: 0;
}

.new-testimonials-row .testimonials-left h2 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #234118;
}

.new-testimonials-row .testimonials-left p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.new-testimonials-row .testimonials-right {
    flex: 1;
    padding-left: 65px;
}

.new-testimonials-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.said-about-us {
    padding-top: 96px;
    margin-top: 96px;
    border-top: 1px solid #BABAB680;
}

.wins-mentions .section-title {
    margin-bottom: 80px;
}

body.template-page-new-about-us {
    background: #F8F8F3;
}

.swiper-pagination.new-style {
    display: none;
}

.wins-mentions .new-testimonials-slide .new-testimonial-card {
    display: none;
}

.wins-mentions .new-testimonials-slide .new-testimonial-card:nth-child(-n+3) {
    display: block;
}

.cos-btn-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    gap: 4px;
    background: #234118;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #ECF2DE;
}

.mt-20 {
    margin-top: 20px;
}

.cos-btn-new.bg-two {
    color: #F8F8F3;
    background: #A75C51;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
}

.abt-scroll-nav.is-fixed {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    z-index: 2;
    padding-bottom: 10px;
    padding-top: 10px;
}

@media screen and (max-width:1600px) {
    .offset-right-container {
        margin-left: auto;
        max-width: calc(100% - var(--gap) * 2);
    }
}

@media screen and (max-width:1024px) {
    .acne-info-group>* {
        padding: 0 15px;
    }

    .acne-info-group {
        margin: 0 -15px;
    }

    .new-testimonials-slide {
        gap: 20px;
    }

    .new-testimonials-row .testimonials-right {
        padding-left: 50px;
    }
}

@media screen and (max-width:991px) {
    .cos-tabs.style-three .cos-nav-tab {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 48px;
    }

    .cos-tabs.style-three .cos-btn {
        font-size: 16px;
    }

    .about-scroller .section-title h2+p br {
        display: none;
    }

    .acne-info-group {
        flex-direction: column;
        gap: 30px;
    }

    .acne-info-group>* {
        width: 100%;
    }

    .acne-info-group .acne-center {
        order: -1;
    }

    .acne-info-group .acne-left .acne-card .acne-card-body {
        flex-direction: row-reverse;
    }

    .acne-info-group .acne-card:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .press-features-grid .title-box p br {
        display: none;
    }

    .btn-new-one {
        padding: 10px 15px;
    }

    .new-testimonials-row {
        flex-direction: column;
    }

    .new-testimonials-row .testimonials-right {
        padding-left: 0;
    }

    .new-testimonials-row .testimonials-left {
        flex-shrink: 0;
        margin-bottom: 24px;
        text-align: center;
    }

    .new-testimonials-row .testimonials-left p br {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .swiper-pagination.new-style {
        display: block;
    }

    .abt-scroll-nav {
        display: none;
    }

    .offset-right-container {
        margin-left: auto;
        max-width: calc(100% - var(--gap));
        margin-right: auto;
        width: var(--container-width);
    }

    .about-scroller .section-title {
        margin-bottom: 13px;
    }

    .swiper-cust-nav {
        display: none;
    }

    .how-started-slider {
        margin-right: -15px;
    }

    .swiper-pagination.new-style {
        position: relative;
        margin-top: 8px;
        width: calc(100% - 15px) !important;
        background-color: #D9D9D9;
    }

    .swiper-pagination.new-style .swiper-pagination-progressbar-fill {
        background-color: #97A47D;
    }

    .how-we-started {
        padding-bottom: 72px;
    }

    .howwe-do-it {
        padding-top: 72px;
        padding-bottom: 72px;
        background-color: #F4F4F4;
    }

    .section-title p {
        font-size: 14px;
        line-height: 19px;
    }

    .cos-tabs.style-three .cos-nav-tab {
        display: grid;
        flex-wrap: wrap;
        margin-bottom: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .cos-tabs.style-three .cos-btn {
        font-size: 14px;
        line-height: 19px;
        padding: 10px 16px;
    }

    .cos-tabs.style-three .cos-nav-tab>*:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        padding: 10px 30px;
    }

    .cos-tabs.style-three .cos-btn br {
        display: none;
    }

    .howwe-do-it .section-title {
        margin-bottom: 36px;
    }

    .about-scroller .section-title h2+p {
        margin-top: 15px;
    }

    .acne-card .acne-card-body {
        gap: 10px;
        align-items: flex-start;
    }

    .promise-you {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .promise-img {
        margin-bottom: 40px;
    }

    .about-scroller .ingredients-list .left-side {
        text-align: center;
    }

    .about-scroller .ingredients-list .left-side h3 {
        font-size: 18px;
        line-height: 25px;
        color: #34322E;
        margin-bottom: 8px;
    }

    .about-scroller .ingredients-list .left-side p {
        font-size: 14px;
        line-height: 130%;
        color: #34322E;
    }

    .about-scroller .ingredients-list .left-side a {
        display: none;
    }

    .nn-accordion-inner {
        padding-top: 32px;
        padding-left: 0;
        padding-right: 0;
    }

    .about-scroller .ingredients-row {
        right: 0;
    }

    .wins-mentions {
        padding: 72px 0 82px;
        background-image: url('/cdn/shop/files/mentions-mobile.png?v=1767006576');
    }

    .press-features-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        margin: 0 -2.5px;
    }

    .features-column {
        width: 100%;
        margin-bottom: 28px;
        text-align: center;
    }

    .press-features-grid .new-testimonial-card {
        width: 50%;
        padding: 0 2.5px;
        margin-bottom: 5px;
    }

    .wins-mentions .section-title {
        margin-bottom: 28px;
    }

    .press-features-grid .title-box h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 8px;
    }

    .press-features-grid .title-box p {
        margin-bottom: 0;
    }

    .press-features-grid .title-box .btn-new-one {
        display: none;
    }

    .press-features-grid .new-testimonial-card {
        display: none;
    }

    .press-features-grid .new-testimonial-card:nth-child(-n+5) {
        display: block;
    }

    .mob-separate {
        padding: 60px 0px;
        text-align: center;
    }

    .said-about-us {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
    }

    .new-testimonials-row .testimonials-left h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 12px;
    }

    .wins-mentions .new-testimonials-slide .new-testimonial-card {
        display: none;
    }

    .wins-mentions .new-testimonials-slide .new-testimonial-card:nth-child(-n+4) {
        display: block;
    }

    .wins-mentions .new-testimonials-slide {
        gap: 5px;
        grid-template-columns: repeat(2, 1fr);
    }

    .ingredients-mob-info {
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #67645B;
        margin-top: 24px;
    }

    .ingredients-mob-info a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        gap: 4px;
        border-bottom: 1px solid #A75C51;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #A75C51;
    }

    .about-scroller .ingredients-row .ingredient-card {
        padding: 0 0;
    }

    .about-scroller .ingredients-list .right-side {
        margin-right: -15px;
    }
}

/* About us end */

/* the-scoop start */

.the-scoop-part {
    background-image: url('/cdn/shop/files/scoop-bg-desktop.png?v=1767071055');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.the-scoop-part .section-title h2 {
    color: #172C10;
}

.the-scoop-part .section-title {
    margin-bottom: 73px;
}

.scoop-grid-one {
    display: grid;
    gap: 99px;
    grid-template-columns: repeat(2, 1fr);
}

.scoop-grid-one .scoop-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.scoop-grid-one .scoop-info h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #3A4329;
    margin-bottom: 28px;
    text-transform: capitalize;
}

.scoop-grid-one .scoop-info p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
}

.scoop-grid-one .scoop-info p:not(:last-of-type) {
    margin-bottom: 20px;
}

.scoop-info .metafield-rich_text_field p {
    margin-bottom: 20px;
}

.scoop-grid-one .scoop-info .scoop-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #405F36;
    margin: 30px 0px 20px;
}

.scoop-grid-one:not(:last-of-type) {
    margin-bottom: 124px;
}

.scoop-num-grid {
    display: grid;
    gap: 43px 86px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 30px;
}

.scoop-num-grid .scoop-numb-card h4 {
    font-family: 'Recoleta';
    font-weight: 500;
    font-size: 60px;
    line-height: 82px;
    color: #DF7B6C;
    margin: 0 0 0px;
}

.scoop-num-grid .scoop-numb-card p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #34322E;
}

@media screen and (max-width:1530px) {
    .scoop-grid-one .scoop-info .scoop-tag svg {
        width: 20px;
    }

    .scoop-grid-one .scoop-info .scoop-tag {
        font-size: 20px;
    }

    .scoop-grid-one {
        gap: 60px;
    }
}

@media screen and (max-width:1024px) {
    .scoop-grid-one {
        gap: 25px;
    }

    .scoop-num-grid .scoop-numb-card p br {
        display: none;
    }

    .scoop-num-grid .scoop-numb-card p {
        font-size: 16px;
    }

}

@media screen and (max-width:991px) {
    .scoop-grid-one {
        grid-template-columns: repeat(1, 1fr);
    }

    .scoop-grid-one .mob-img {
        margin: 32px 0px;
    }

    .scoop-grid-one .mob-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

    .scoop-grid-one:not(:last-of-type) {
        margin-bottom: 92px;
    }

    .scoop-grid-one .scoop-info {
        text-align: center;
    }

    .scoop-grid-one .scoop-info .scoop-tag {
        justify-content: center;
    }

    .the-scoop-part {
        background-size: cover;
    }

    .the-scoop-part .mob-text {
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #34322E;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:767px) {
    .the-scoop-part {
        background-image: url('/cdn/shop/files/scoop-bg-mob.png?v=1767082544');
        background-size: 100% 100%;
    }

    .the-scoop-part .section-title {
        margin-bottom: 44px;
    }

    .scoop-grid-one .scoop-info h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .scoop-grid-one .scoop-info p {
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
    }

    .scoop-grid-one .scoop-info .scoop-tag svg {
        width: 16px;
    }

    .scoop-grid-one .scoop-info .scoop-tag {
        justify-content: center;
        flex-direction: column;
        font-size: 24px;
        line-height: 33px;
        gap: 0;
    }

    .scoop-num-grid {
        gap: 43px 43px;
    }

    .scoop-num-grid .scoop-numb-card h4 {
        font-size: 48px;
        line-height: 65px;
    }

    .scoop-num-grid .scoop-numb-card p {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: center;

    }
}

/* the-scoop end */

/* nnpp-how-to-make-superfood */
.nnpp-how-to-make-superfood {
    background: #F8F8F3;
    border-radius: 8px;
    padding: 33px 65px 33px 150px;
}

.nnpp-how-to-make-superfood .nnpp-how-to-make__title {
    text-align: left;
    margin-bottom: 34px;
}

.step-grid {
    display: flex;
    gap: 68px;
    flex-wrap: wrap;
}

.step-grid .step-block {
    flex: 1;
    width: 100%;
}

.step-grid .step-block h5 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #DF7B6C;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-grid .step-block h5.text-black {
    color: #34322E;
}

.step-grid .step-block p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.step-grid .step-block ul {
    list-style: disc;
    padding-left: 2rem;
}

.step-grid .step-block ul li {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.step-grid .step-block ul li a {
    text-decoration: underline;
}

.step-grid .step-block ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

.step-grid .step-block:last-child {
    flex: 0 0 515px;
    max-width: 515px;
}

.template-product-superfood .nnpp-how-to-make-wrape {
    padding-bottom: 80px !important;
}

.template-product-superfood .nnpp-how-to-make-wrape .left-dec {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media screen and (max-width:1530px) {
    .template-product-superfood .nnpp-how-to-make-superfood {
        padding: 33px 65px 33px 250px;
    }
}

@media screen and (max-width:1024px) {
    .step-grid {
        gap: 25px;
    }

    .step-grid .step-block:last-child {
        flex: 0 0 350px;
        max-width: 350px;
    }

    .template-product-superfood .nnpp-how-to-make-wrape .left-dec {
        width: 210px;
    }

}

@media screen and (max-width:991px) {
    .step-grid .step-block:last-child {
        flex: 0 0 220px;
        max-width: 220px;
    }

    .nnpp-how-to-make-superfood {
        padding: 33px 65px 33px 33px;
    }

    .ingredients-list .left-side {
        flex-shrink: 0;
    }
}

@media screen and (max-width:767px) {
    .step-grid {
        flex-direction: column;
    }

    .step-grid .step-block:last-child {
        flex: 1;
        max-width: 100%;
    }

    .nnpp-how-to-make-superfood {
        padding: 24px 15px 56px;
    }

    .nnpp-how-to-make-superfood .nnpp-how-to-make__title {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .step-grid .step-block {
        text-align: center;
    }


    .step-grid .step-block h5 {
        font-size: 16px;
        line-height: 22px;
        justify-content: center;
    }

    .step-grid .step-block p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        margin: 0;
    }

    .step-grid .step-block p br {
        display: none;
    }

    .step-grid .step-block ul li {
        text-align: left;
    }

    .template-product-superfood .nnpp-how-to-make-wrape .left-dec {
        width: 110px;
        height: auto;
    }
}

/* nnpp-how-to-make-superfood  end*/

/* academy start */
.academy-grid {
    display: flex;
    flex-wrap: wrap;
}

.academy-grid .academy-right {
    padding-left: 62px;
    flex: 1;
}

.academy-grid .academy-desc {
    flex-shrink: 0;
    max-width: 254px;
    width: 100%;
}

.academy-desc p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    margin-bottom: 32px;
}

.btn-cust-one {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    padding: 10px 24px;
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #25461A;
    transition: all 0.6s ease;
}

.btn-cust-one:hover {
    background-color: #234118;
    color: #F8F8F3;
}

.academy-card-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}

.academy-grid .academy-right {
    min-width: 0;
}

.academy-grid .academy-swiper {
    width: 100%;
}

@media screen and (max-width:991px) {
    .academy-grid .academy-desc {
        display: none;
    }

    .academy-grid .academy-right {
        padding-left: 0;
        flex: 1;
    }

    .academy-grid {
        display: block;
    }

    .academy-card-grid {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .cosmix-academy .section-title {
        margin-bottom: 20px;
    }

    .cosmix-academy .card-style-one .card-style-one-body {
        margin: 0;
    }

}

@media screen and (max-width: 767px) {
    .academy-grid .card-style-one .card-style-one-body .card-img img {
        height: 170px;
    }
}

/* academy end */
/* Product FAQ start */
.nnpp-faqs {
    position: relative;
    padding: 120px 0;
    background: #F1F5E6;
    overflow: visible;
    z-index: 0;
}

.nnpp-faqs::before,
.nnpp-faqs::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 96px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
    z-index: 2;
}

.nnpp-faqs::before {
    top: -1px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 96' preserveAspectRatio='none'><path fill='%23fbfbf9' d='M0,64 C200,10 400,10 720,48 C1040,86 1240,20 1440,46 L1440,0 L0,0 Z'/></svg>");
}

.nnpp-faqs::after {
    bottom: -1px;
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 96' preserveAspectRatio='none'><path fill='%23fbfbf9' d='M0,64 C200,10 400,10 720,48 C1040,86 1240,20 1440,46 L1440,0 L0,0 Z'/></svg>");
}

.nnpp-faqs>* {
    position: relative;
    z-index: 3;
}

.nnpp-faqs .nnp-wrapepr {
    display: block;
}

/* Title */
.nnpp-faqs .faq-title-cust h2,
.nnpp-faqs .faq-title-cust h3 {
    text-align: center;
    color: #67645B;
}

.nnpp-faqs .faq-title-cust h2 {
    font-family: 'Recoleta';
    font-size: 36px;
    font-weight: 400;
    line-height: 0.9;
    margin: 0 0 10px 0;
}

.nnpp-faqs .faq-title-cust h3 {
    font-family: 'Manrope';
    font-size: 36px;
    font-weight: 600;
    line-height: 0.9;
    margin-bottom: 44px;
}

/* FAQ list */
.nnpp-faqs .nnp-wrapepr .faq-list>* {
    border-bottom: 1px solid #BABAB6;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* Accordion title */
.npp-accordion .npp-title {
    position: relative;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    padding-right: 50px;
}

/* Plus icon */
.npp-accordion .npp-title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    transition: transform 300ms ease;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V19M5 12H19" stroke="%2334512A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center / contain no-repeat;
}

.npp-accordion .npp-title.active::before {
    transform: translateY(-50%) rotate(45deg);
}

/* Accordion content (SMOOTH) */
.npp-accordion .npp-content {
    height: 0;
    overflow: hidden;
    transition: height 350ms ease;
}

.npp-accordion .npp-content-inner {
    padding-top: 10px;
}


/* Text */
.npp-accordion .npp-content p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.pdp-lightbox__content-container .figure--image {
    max-width: 1000px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/* Mobile */
@media screen and (max-width: 767px) {

    .nnpp-faqs::before,
    .nnpp-faqs::after {
        height: 50px;
    }

    .npp-accordion .npp-title {
        font-size: 16px;
    }

    .npp-accordion .npp-content p {
        font-size: 16px;
        line-height: 22px;
    }

    .pdp-lightbox__content-container .figure--image {
        max-width: calc(100% - 30px);
    }
}

/* Product FAQ end */



/* from the experts start */
.template-product-multivitamin .nnpp-how-to-make {
    margin-bottom: 0;
}

.from-the-experts .section-title {
    margin-bottom: 35px;
}

.from-the-experts .section-title h2 {
    color: #67645B;
}

/* from the experts end */

/* variant_options start */
.variant_options .button--pill {
    display: inline-block;
    padding: 10px 24px;
    background: #f8f8f3;
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #25461a;
    border: 1px solid transparent;
    transition: all .6s ease;
    cursor: pointer;
}

.variant_options .button--pill:hover,
.button--pill.is-selected,
.button--pill:has(input:checked) {
    border-color: #97a47d !important;
    color: #25461a;
    border-radius: 6px;
    background-color: #f8f8f3 !important;
}

.main-product__fieldset legend {
    margin: 0;
    min-width: unset;
    flex-shrink: 0;
}

/* variant_options end */

/* experts  start */
.experts-slider {
    overflow: hidden;
}

.experts-item .experts-item-body {
    display: flex;
    gap: 20px;
    padding: 20px 24px;
    background: #F4F4F4;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    margin: 10px 0;
    filter: blur(5px);
    transition: all 0.6s ease;
}

.experts-item .experts-item-body .experts-item-img {
    max-width: 287px;
    width: 100%;
    flex-shrink: 0;
}

.experts-item .experts-item-body .experts-item-img img {
    border-radius: 4px;
}

.experts-item .experts-item-body .experts-item-info h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #172C10;
    margin-bottom: 20px;
}

.experts-item .experts-item-body .experts-item-info p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #172C10;
}

.experts-slider .swiper-slide-active .experts-item-body {
    background: #F5F9EF;
    border-color: #BABAB6;
    min-height: 425px;
    filter: blur(0px);
}

.experts-item .experts-item-body .experts-item-info h3 i {
    font-size: 12px;
}

swiper-container .swiper-button-next,
swiper-container .swiper-button-prev {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 0;
    width: 48px;
    height: 48px;
}

@media screen and (max-width:1024px) {
    .expert-slider-wrap .swiper-button-prev {
        left: 0px;
    }

    .expert-slider-wrap .swiper-button-next {
        right: 0px;
    }
}

@media screen and (max-width:991px) {
    .experts-item .experts-item-body {
        flex-direction: column-reverse;
    }

    .experts-item .experts-item-body .experts-item-img {
        max-width: 100%;
    }

}

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

    .expert-slider-wrap .swiper-button-prev,
    .expert-slider-wrap .swiper-button-next {
        display: none;
    }

    .expert-slider-wrap {
        margin: 0 -15px;
    }

    .experts-slider .swiper-slide-active .experts-item-body {
        min-height: unset;
    }

    .experts-item .experts-item-body {
        padding: 16px;
        height: -webkit-fill-available;
        justify-content: flex-end;
    }

    .experts-item .experts-item-body .experts-item-info p {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

    .experts-item .experts-item-body .experts-item-info h3 {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .experts-item {
        height: auto !important;
    }

    .from-the-experts .section-title {
        margin-bottom: 14px;
    }
}

/* experts  end */

/* Blog page start */
.blog .grid-archive__content {
    align-items: stretch;
}

.blog .card-style-one {
    height: 100%;
}

/* .blog .card-style-one .card-style-one-body .card-info p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

.blog .card-style-one .card-style-one-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog .card-style-one .card-style-one-body .card-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog .card-style-one .card-style-one-body .title {
    flex: 1;
}

@media screen and (max-width: 767px) {
    .blog .card-style-one .card-style-one-body {
        margin: 0;
    }

    .blog .card-style-one .card-style-one-body .card-img img {
        height: 100px !important;
    }

    .card-style-one .card-style-one-body .title {
        font-size: 18px;
        line-height: 25px;
    }

    .card-style-one .card-style-one-body .date-info {
        font-size: 8px;
        line-height: 11px;
    }

    .blog .card-style-one .card-style-one-body .card-info p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.4;
        flex: unset;
    }



    .card-style-one .card-style-one-body .crd-full-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 24px;
    }
}

.card-style-one .card-style-one-body .card-img img {
    height: 300px;
}

.related-articles swiper-container {
    align-items: stretch;
}

.related-articles swiper-container swiper-slide {
    height: auto !important;
    margin-bottom: 15px;
}

.related-articles .card-style-one {
    height: 100%;
}

.related-articles .card-style-one .card-style-one-body .card-info p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-articles .card-style-one .card-style-one-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.related-articles .card-style-one .card-style-one-body .card-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.related-articles .card-style-one .card-style-one-body .title {
    flex: 1;
}


.back-to-blogs {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    gap: 4px;
    border-bottom: 1px solid #172C10;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #172C10;
    margin-bottom: 64px;
    margin-top: 34px;
}

.back-to-blogs__icon svg path {
    fill: currentColor;
}

.back-to-blogs__icon svg path {
    stroke: currentColor;
}

.blog-article-hero .byline {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .related-articles .card-style-one .card-style-one-body {
        margin: 0;
    }

    .related-articles .card-style-one .card-style-one-body .card-img img {
        height: 175px !important;
    }

    .card-style-one .card-style-one-body .card-img img {
        height: 100px;
    }

    .guides-card-row .swiper-pagination {
        text-align: center;
        margin: 10px auto 0 !important;
    }

    .guides-card-row .swiper-pagination .swiper-pagination-bullet {
        transform: scale(1) !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0;
    }

    .guides-card-row .swiper-pagination .swiper-pagination-bullet:not(:last-of-type) {
        margin-right: 5px;
    }

    .back-to-blogs {
        margin-bottom: 44px;
        margin-top: 16px;
    }

    .ui-share-inline--article .ui-share-icon {
        width: 32px;
        height: 32px;
    }

    .blog-article-hero .byline {
        font-size: 12px;
        line-height: 16px;
        margin-top: 0;
    }

    .ui-share-inline--article .ui-share-icon svg,
    .ui-share-inline--article .white.whatsapp svg,
    .ui-share-inline--article .white.email svg {
        width: 15px;
        height: 15px;
    }
}

/* Blog page end */

/* Cart Drawer start */
.mini-cart__footer {
    position: relative !important;
}

.mini-cart {
    height: 100vh;
    overflow-y: hidden;
}

.mini-cart__sidebar {
    height: calc(100vh - 275px);
    overflow: auto;
}

.cart-item__image {
    width: 87px;
    height: 87px;
    border-radius: 8px;
    margin: 0;
}

.cart-item {
    display: flex;
    gap: 36px;
    align-items: center;
}

.cart-item .cart-item-left .cart-item-img-title {
    display: flex;
    gap: 20px;
}

.cart-item-left {
    flex: 1;
}

.cart-item-center .price-div {
    text-align: center;
}

.mini-cart .cart-item__remove-wrapper button {
    top: 0;
    right: 0;
    padding: 5px 8px;
    height: auto;
    justify-self: center;
    margin-bottom: 8px;
}

.cart-item__quantity {
    margin-top: 0;
}

.mini-cart .quantity input {
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
}

@media (min-width: 64em) {
    .mini-cart {
        width: 648px;
    }
}

@media screen and (max-width:991px) {
    .mini-cart {
        max-width: 500px;
    }

    .cart-item__image {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .cart-item__category {
        background: transparent !important;
        padding: 0;
        font-size: 8px;
        line-height: 11px;
        gap: 0;
    }

    .cart-item .cart-item-left .cart-item-img-title {
        gap: 8px;
    }

    .cart-item {
        gap: 0;
        flex-wrap: wrap;
    }

    .cart-item-right {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 12px;
    }

    .cart-item-left {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .cart-item__category span.cat_icon {
        position: relative;
        left: 0;
        top: 0;
    }

    .cart-item__remove-wrapper {
        align-self: flex-start;
    }

    .cart-item .price-div dl {
        display: flex;
        align-items: flex-end;
        gap: 10px;
    }

    .mini-cart .quantity input {
        width: 82px;
        height: 26px;
        box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    }

    .cart-item .price-div .text-xs {
        font-size: 10px;
    }

    .cart-item__title {
        gap: 1px;
    }

    .cart-upsell__heading {
        font-size: 12px;
        line-height: 16px;
    }

    .template-cart .cart-items-container .cart-item--bordered {
        margin-bottom: 12px;
    }

    .template-cart .cart-item .quantity input {
        width: 82px;
        height: 26px;
        box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    }
}

.template-cart .cart-items-container .cart-item.cart-item--bordered:last-of-type {
    border: 0;
}

.cart-item-right {
    margin-top: 20px;
}

/* Cart Drawer end */


.flip-card {
    width: 100%;
    height: 100%;
    background: none;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
    transition: transform 0.4s ease-in-out;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s ease-in-out;
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}


.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
    padding: 20px 24px;
}

/* Front Face Styling */
.flip-card-front {
    background: #F4F4F4;
    border: 1px solid #BABAB6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.swiper-slide-active .flip-card-front {
    background: #25461A;
}

.flip-card-back {
    background: #FBFBF9;
    border: 1px solid #BABAB6;
    border-radius: 6px;
    transform: rotateY(180deg);
}

.flip-card .flip-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.flip-card .flip-title h3 {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #172C10;
    margin: 0;
}

.swiper-slide-active .flip-card .flip-title h3 {
    color: #FBFBF9;
}

.flip-card p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #172C10;
    padding: 10px;
}

.swiper-slide-active .flip-card p {
    color: #FBFBF9;
}

.swiper-slide-active .flip-card .flip-card-back .flip-title h3 {
    color: #172C10;
}

.flip-card .flip-card-back .flip-title svg path {
    stroke: #172C10;
}

.swiper-slide-active .flip-card .flip-card-back p {
    color: #172C10;
}

.mythbusters-card .flip-card {
    pointer-events: none;
}

.swiper-slide-active.mythbusters-card .flip-card {
    pointer-events: all;
}

.section-title p.tab-desc {
    display: none;
}

.section-title p.tab-desc {
    margin-top: 25px;
}

body.template-page-press {
    background: #F8F8F3;
}

.press-grid-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 991px) {
    .press-grid-new {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .section-title p.tab-desc {
        margin-top: 15px;
    }

    .press-grid-new {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .template-product-superfood .nnpp-how-to-make-superfood {
        padding: 24px 15px 56px !important;
    }
}

.h-100 {
    height: 100% !important;
}

.h-100 .card__image {
    height: auto !important;
}

.template-product-nnpp-pro .main-product__blocks .short_description br,
.main-product__blocks .short_description br {
    display: none;
}

.ingredient-card .ingredient-img img {
    max-height: 200px;
}

.new-testimonial-card .new-testimonial-card-body .user-name-info svg {
    display: block;
}

span.flavour-tag.limited.edition {
    background-color: #b25a4f;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
}

/* span.flavour-tag.limited.edition::after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_new_tag)"><path d="M6.62479 10.3334C6.56527 10.1026 6.44502 9.89209 6.27653 9.72361C6.10805 9.55513 5.8975 9.43488 5.66679 9.37536L1.57679 8.32069C1.50701 8.30088 1.4456 8.25886 1.40186 8.20099C1.35813 8.14312 1.33447 8.07256 1.33447 8.00002C1.33447 7.92749 1.35813 7.85693 1.40186 7.79906C1.4456 7.74119 1.50701 7.69916 1.57679 7.67936L5.66679 6.62402C5.89742 6.56456 6.10792 6.44441 6.27639 6.27605C6.44486 6.10769 6.56517 5.89728 6.62479 5.66669L7.67946 1.57669C7.69906 1.50664 7.74105 1.44492 7.799 1.40095C7.85696 1.35699 7.92771 1.33319 8.00046 1.33319C8.0732 1.33319 8.14395 1.35699 8.20191 1.40095C8.25987 1.44492 8.30185 1.50664 8.32146 1.57669L9.37546 5.66669C9.43497 5.8974 9.55523 6.10795 9.72371 6.27644C9.89219 6.44492 10.1027 6.56517 10.3335 6.62469L14.4235 7.67869C14.4938 7.69809 14.5558 7.74003 14.6 7.79807C14.6442 7.85612 14.6682 7.92706 14.6682 8.00002C14.6682 8.07298 14.6442 8.14393 14.6 8.20197C14.5558 8.26002 14.4938 8.30196 14.4235 8.32136L10.3335 9.37536C10.1027 9.43488 9.89219 9.55513 9.72371 9.72361C9.55523 9.89209 9.43497 10.1026 9.37546 10.3334L8.32079 14.4234C8.30118 14.4934 8.2592 14.5551 8.20124 14.5991C8.14328 14.6431 8.07254 14.6669 7.99979 14.6669C7.92704 14.6669 7.85629 14.6431 7.79834 14.5991C7.74038 14.5551 7.69839 14.4934 7.67879 14.4234L6.62479 10.3334Z" stroke="%23F8F8F3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_new_tag"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg>');
} */

.empty-info {
    display: none;
    text-align: center;
}

.mythbusters-card .flip-card img {
    width: auto;
    max-height: 160px;
    object-fit: contain;
}

@media screen and (max-width:767px) {
    .mythbusters-card .flip-card img {
        max-height: 130px;
    }
}

.quality-standards .rich-text__wrapper svg {
    transition: all 0.6s ease;
}

.quality-standards .rich-text__wrapper svg path {
    fill: #25461A;
}

.quality-standards .rich-text__wrapper:hover svg path {
    fill: #A75C51;
}

.creator-card.swiper-slide {
    height: unset !important;
    display: flex !important;
}


.creator-grid .swiper-button-prev,
.creator-grid .swiper-button-next {
    position: relative;
    display: flex;
    align-items: center;
    top: 0;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 0;
    padding: 0;
}

.solution-slider-wrap .swiper-button-prev:hover::after,
.solution-slider-wrap .swiper-button-next:hover::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.article-pimg img {
    width: 100%;
    height: auto;
}

.moreless-button-on-mob {
    display: none;
    align-items: center;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #34322e !important;
    margin-top: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #34322e;
    align-items: center;
    gap: 8px;
}

.moreless-button-on-mob::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="%2334322e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 5L19 12L12 19" stroke="%2334322e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}


@media screen and (max-width:767px) {
    .template-product-superfood .product-strip {
        font-size: 14px !important;
        background: transparent !important;
    }

    .template-product-superfood .cosmix-academy .section__wrapper {
        padding-left: 15px;
        margin: 0 0;
        max-width: 100%;
    }

    .moreless-button-on-mob {
        display: inline-flex;
    }

    .moretext-mob {
        display: none;
    }

    .nnpp-benefit-tab {
        flex: unset !important;
    }

    .nnpp-benefits-tabs {
        justify-content: center !important;
    }
}

.header a.main-nav-item:hover,
.header .main-nav-item>a:hover {
    background: #FFFF;
    color: #25461a !important;
}

.header .main-nav-item>a .icon {
    height: auto !important;
}

.header .main-nav-item>a:hover .icon {
    color: #25461a !important;
}

.grid-archive__header.sticky-subheader .sorting_options .shop-filter {
    max-width: 100%;
}

.grid-archive__header__inner-container {
    background: var(--color-background-body);
}

@media screen and (max-width:767px) {
    .sorting_options .shop-filter {
        display: grid;
        grid-auto-flow: column;
        /* items row me rahenge */
        grid-auto-columns: max-content;
        /* har item apni width lega */
        gap: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        /* smooth mobile scroll */
    }

    .card.card--product .card__content .price--on-sale {
        margin-bottom: 18px;
        font-size: 0;
    }

    .collection .grid-archive__content {
        grid-gap: 24px;
    }

    .ingredients-list .right-side {
        position: relative;
    }

    .ingredients-list .right-side::before {
        content: "";
        display: block !important;
        width: 44px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.16) 0%, #F8F8F3 100%);
        position: absolute;
        left: auto;
        right: 0;
        z-index: 2;
        top: 0;
    }
}

.sorting_options .shop-filter a {
    border-bottom: 1px solid transparent;
}

.sorting_options .shop-filter a:hover {
    color: #234118;
    border-color: #4d4b44;
}


.facets__facet details summary .icon {
    display: block !important;
}

.facets__facet details summary {
    pointer-events: all !important;
}

.shop-filter [aria-current]:not([aria-current=false]) {
    border-bottom: 1px solid;
}

.know-what-you-want1 .rich-text__title-inline {
    margin-bottom: 26px;
    gap: 20px !important;
}

.know-what-you-want1 .rich-text__wrapper {
    padding: 16px;
    height: 100%;
}

.know-what-you-want1 .rich-text__wrapper .rich-text__heading {
    margin-bottom: 0;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #172C10;
}

.know-what-you-want1 .rich-text__wrapper p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #172C10;
}

.know-what-you-want1 .title-icon svg {
    width: 18px;
}

.rich-text__link-wrapper:hover p {
    color: #34322E;
}

@media screen and (max-width:767px) {
    .know-what-you-want1 .rich-text__title-inline {
        flex-direction: column;
        margin-bottom: 20px;
        gap: 10px !important;
    }

    .know-what-you-want1 .rich-text__wrapper .rich-text__heading {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .know-what-you-want1 .rich-text__wrapper p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .flavour-selected,
    .flavour-option {
        gap: 5px !important;
        font-size: 13.5px;
        padding: 10px 10px !important;
    }


    .flavour-tag {
        padding: 2px 4px !important;
        font-size: 9.5px !important;
    }

    .flavour-option img {
        width: 30px !important;
        height: 30px !important;
    }

    .flavour-selected img {
        margin-right: 0 !important;
        width: 30px !important;
        height: 30px !important;
    }

    .template-product-pancake-2 .jdgm-widget.jdgm-widget {
        width: var(--container-width);
        max-width: calc(100% - var(--gap)) !important;
        margin: 0px auto !important;
    }
}

.recipe-videos .video-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.recipe-videos .video-card .video-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
}


.recipe-videos .video-card .video-info h3 {
    flex: 1;
}

@media (max-width: 63.99em) {
    .main-product__media {
        margin: 0 0 0 0 !important;
    }

}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: relative;
}

:root {
    --swiper-scrollbar-drag-bg-color: #97a47d;
}

.nn-accordion,
.nn-accordion-body {
    overflow-anchor: none;
}

.video-card .video-img::before {
    z-index: 1;
}

.video-card .video-img .play-icon {
    z-index: 2;
}

#solutionsStickyNav.is-absolute {
    position: fixed;
    left: 0;
    right: 0;
    display: none;
}


.blog-main-image .aspect-ratio--default {
    aspect-ratio: 2 / 1 !important;
}

.main-article.wysiwyg ul li,
.shopify-policy__container ul li,
.main-article.wysiwyg ol li,
.shopify-policy__container ol li {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #34322E;
}

.main-article h3 {
    font-family: 'Manrope';
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #34322E;
}

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

    .main-article.wysiwyg ul li,
    .shopify-policy__container ul li,
    .main-article.wysiwyg ol li,
    .shopify-policy__container ol li {
        font-size: 14px;
    }

    .variant_options .button--pill {
        padding: 10px 10px;
    }

    .main-product__fieldset--pills div.variant_options {
        justify-content: center;
    }
}

.footer__menu ul li a:hover,
.footer .rich-text__content ul li a:hover {
    color: #A75C51 !important;
}

swiper-slide {
    height: unset !important;
}

.menu-blog-list .menu-blog-card .menu-blog-bdy .blg-info .blg-link:hover,
.new-menu-wrapper .center-menu .new-m-list li a:hover {
    color: #8D8B84;
}

.same-h-card .rich-text__link-wrapper {
    display: block;
    height: 100%;
}

.know-what-you-want .rich-text__wrapper.section__wrapper--background {
    height: 100%;
}

.decode-info-block .decode-text-wrape .decode-inner-block .decode-audio .audio-player {
    display: none;
}

.learn-mythbusters {
    overflow: hidden;
}

.video-card .video-img .play-icon {
    transition: all 0.6s ease;
}

.video-card:hover .video-img .play-icon {
    transform: translateY(-50%) scale(1.2);
}

.jdgm-paginate__page.jdgm-curt {
    font-size: 16px !important;
}

.card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars {
    display: flex !important;
}

.card.card--product .card__content .cat-wrap .jdgm-prev-badge__stars .jdgm-star {
    display: none !important;
}

.card--product .jdgm-prev-badge__stars::after {
    content: "(" attr(data-score) ")";
}

.template-product-multivitamin .nnpp-how-to-make__steps .nnpp-how-to-make__step:last-of-type .nnpp-how-to-make__step-title {
    color: #34322E;
}

.template-product-multivitamin .nnpp-how-to-make__steps .nnpp-how-to-make__step:last-of-type .nnpp-how-to-make__step-title::before {
    content: '';
    display: inline-block;
    background: url('/cdn/shop/files/baseLogo_85157c2d-d13f-4753-a9a8-46da66c79a03.png?v=1767073467');
    width: 11px;
    height: 24px;
    vertical-align: middle;
}

.template-product-multivitamin .nnpp-how-to-make__steps .nnpp-how-to-make__step:last-of-type .nnpp-how-to-make__step-description {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.main-product__blocks .product-converter__title {
    margin-bottom: 5px;
}

.short_description {
    margin-bottom: 5px;
}

.nnpp-benefits-header .you-can-see {
    text-transform: capitalize;
}

.deco-img {
    max-width: 248px;
}

@media screen and (max-width:767px) {
    .main-article__sidebar {
        display: block !important;
        margin-top: 30px;
    }

    .pancake-wrapper .right-side h3 {
        font-size: 16px;
        line-height: 22px;
        font-family: 'Manrope';
        font-weight: 600;
        text-align: center;
    }

    .pancake-wrapper .step-info .step-box h6 {
        margin-bottom: 10px !important;
    }

    .template-product-pancake-2 .jdgm-widget.jdgm-widget {
        max-width: 100% !important;
    }
}

.videos-scrollbar {
    padding: 0 15px;
    margin: 15px 0px 0px;
    position: relative;
    overflow: hidden;
}

/* .flavour-dropdown .flavour-tag{
display:none !important;
} */
.main-product__blocks .pro-rating .jdgm-prev-badge__stars {
    display: flex;
    align-items: center;
}

.main-product__blocks .pro-rating .jdgm-prev-badge__stars::after {
    content: "(" attr(data-score) " stars)";
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    margin-left: 8px;
}

.main-product__blocks .pro-rating .jdgm-prev-badge::after {
    content: attr(data-number-of-reviews) " reviews";
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
}

.product-converter__title .jdgm-prev-badge__text {
    font-size: 0 !important;
    background: #222222;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.right-side-info .jdgm-prev-badge {
    gap: 8px !important;
}

@media screen and (max-width:767px) {
    .card.card--product .jdgm-prev-badge {
        display: flex !important;
    }

    .card--product .jdgm-prev-badge__stars::after {
        content: attr(data-score) "  stars";
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        color: #222222;
    }

    .card.card--product .jdgm-prev-badge::after {
        content: attr(data-number-of-reviews) " reviews";
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        color: #222222;
        margin-left: 5px
    }
}


/* Hide Judge.me stars when there are no reviews */
.jdgm-prev-badge[data-number-of-reviews="0"] {
    display: none !important;
}

.template-product-pancake-2 .certificates-images-wrapper {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}

.template-page-solutions swiper-slide.creator-slide {
    margin: 8px;
    padding-right: 8px;
    margin-left: 0;
    margin-right: 0;
}

.card__badge.limited-edition_badge .tag-icon {
    display: block;
    background-image: url(/cdn/shop/files/Page_Break_Illustrations.png?v=1764934015);
}

.card.card--product .card__content .title_variants_wrap .card__title {
    text-transform: capitalize;
}

@media screen and (max-width:767px) {
    .template-page-solutions .creator-description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin: 0 !important;
    }

    .template-page-solutions .creator-product {
        font-size: 13px;
        line-height: 16px;
    }

    .jdgm-rev-widg {
        padding: 24px 16px !important;
    }
}

.footer-sections .form-email-signup__content,
.form-email-signup__form {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    border-radius: 6px;
}


.card.card--product .card__content .title_variants_wrap.has-two-dropdowns {
    flex-direction: column;
    align-items: flex-start;
}

.title_variants_wrap.has-two-dropdowns .custom_card_variant {
    width: 100%;
}

.title_variants_wrap.has-two-dropdowns variant-selects {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.title_variants_wrap.has-two-dropdowns variant-selects .icon {
    top: 2px;
}

@media screen and (max-width:768px) {
    .card.card--product .has-two-dropdowns .custom_card_variant {
        border-bottom: 0;
    }

    .title_variants_wrap.has-two-dropdowns variant-selects .main-product__dropdown {
        border-bottom: 1px solid #DF7B6C;
    }
}

@media screen and (max-width:767px) {
    .title_variants_wrap.has-two-dropdowns variant-selects {
        grid-template-columns: repeat(1, 1fr);
    }
}

.academy-right .card-style-one {
    height: 100%;
}

.academy-right swiper-slide {
    margin: 0 !important;
    padding: 12px;
}

.right-side-info .pro-tag {
    margin-bottom: 10px !important;
}

.main-product__blocks .quantity input {
    width: 100% !important;
}

.main-product__blocks .quantity {
    padding: 0 5px !important;
}

.flavour-options {
    max-height: 300px;
    overflow: auto;
}

/* Protein bar new design */
.why-this-bar .bar-img-video {
    max-width: 1248px;
    width: 100%;
    margin: 0 auto 90px;
}

.why-this-bar .custom-video-wrapper {
    position: relative;
}

.why-this-bar .video-inner {
    position: relative;
}

.why-this-bar .video-poster {
    width: 100%;
    object-fit:cover;
    display: block;
}

.why-this-bar .custom-video {
    width: 100%;
    display: none;
}

.why-this-bar .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(35, 65, 24);
    color: white;
    border: none;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    font-size: 24px;
    cursor: pointer;
    z-index: 2;
}

.why-this-bar .why-this-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 78px;
}

.why-this-bar .why-this-grid .bar-info-card {
    text-align: center;
}

.why-this-bar .why-this-grid .bar-info-card .icon-cst {
    margin-bottom: 13px;
    max-height: 50px;
}

.why-this-bar .why-this-grid .bar-info-card h3 {
    font-family: 'Recoleta';
    font-weight: 500;
    font-size: 48px;
    line-height: 65px;
    color: #542E29;
    margin-bottom: 20px;
}

.why-this-bar .why-this-grid .bar-info-card p {
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #34322E;
}


.lab-container-wrapper .lab-container:nth-child(odd) {
    position: relative;
    margin-right: calc((100% - 160rem) / 2);
    margin-left: 0;
    max-width: 100%;
}

.lab-container-wrapper .lab-container:nth-child(even) {
    position: relative;
    margin-left: calc((100% - 160rem) / 2); 
    margin-right: 0;
    max-width: 100%;
}

.lab-container .lab-row-one {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.lab-container-wrapper .lab-container:nth-child(even) .lab-row-one {
    flex-direction: row-reverse;
}

.lab-container .lab-row-one .lab-img {
    max-width: 50%;
    width: 100%;
}

.lab-container .lab-row-one .lab-img img {
    width: calc(100% - 10%);
    height:auto;
    margin-right: auto;
    display: block;
}

.lab-container-wrapper .lab-container:nth-child(even) .lab-row-one .lab-img img {
    margin-right: 0;
    margin-left: auto;
}

.lab-container .lab-row-one .lab-info {
    width: 50%;
}

.lab-container .lab-row-one .lab-info p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #34322E;
}

.diy-flavour-make .main-head h3 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #34322E;
    margin-bottom: 24px;
}

.diy-flavour-make .main-head h3 span {
    color: #DF7B6C;
}

.diy-flavour-make .main-head p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #34322E;
}

.diy-flavour-make .main-head {
    margin-bottom: 56px;
}

.step-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 37px;
    margin-top: 37px;
    border-top: 1px solid #34322E80;
}

.step-pagination button {
    padding: 10px 24px;
    background: #234118;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #F8F8F3;
    transition: all 0.6s ease;
}


.step-pagination button.disabled {
    background: #F8F8F3;
    color: #234118;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
}

.step-pagination .voting-count {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    gap: 4px;
    background: #F7EEDB;
    border-radius: 20px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #3B8822;
}

.diy-flavour-make .step-block {
    padding: 0 66px;
}

.step-option-list .option-grid {
    display: flex;
    align-items: center;
    gap: 20px;
}

.step-option-list .option-grid .grid-lbl {
    position: relative;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #8D8B84;
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 250px;
}

.step-option-list .option-grid .grid-lbl::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 30px;
}

.step-option-list .option-grid.dessert .grid-lbl::before {
    background-color: #C99C5A;
}

.step-option-list .option-grid.fruity .grid-lbl::before {
    background-color: #628158;
}

.step-option-list .option-grid.nutty .grid-lbl::before {
    background-color: #A75C51;
}

.step-option-list .option-grid.weird .grid-lbl::before {
    background-color: #452DF6;
}

.step-option-list .option-grid:not(:last-of-type) {
    margin-bottom: 40px;
}

.step-option-list .option-grid .grid-select-opt {
    flex: 1;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.grid-select-opt .opt-box span {
    display: inline-block;
    padding: 9px 34px;
    background: #F8F8F3;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    border: 1px solid transparent;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #4D4B44;
    cursor: pointer;
}

.option-grid.dessert .grid-select-opt .opt-box input {
    display: none;
}

.opt-box input:checked+span {
    background: #F7EEDB;
    border-color: #C99C5A;
}

.option-grid.dessert .grid-select-opt .opt-box input:checked+span {
    background: #F7EEDB;
    border-color: #C99C5A;
}

.option-grid.fruity .grid-select-opt .opt-box input:checked+span {
    background: #ECF2DE;
    border-color: #748651;
}

.option-grid.nutty .grid-select-opt .opt-box input:checked+span {
    background: #F6E2DE;
    border-color: #A75C51;
}

.option-grid.weird .grid-select-opt .opt-box input:checked+span {
    background: #d0caff;
    border-color: #452DF6;
}


.texture-opt .grid-select-opt {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.creation-name-form .form-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.creation-name-form input {
    background: #FBFBF9;
    border: 0.5px solid #BABAB6;
    border-radius: 6px;
    max-width: 695px;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #BABAB6;
    margin-bottom: 85px;
}

.creation-name-form .submit-btn {
    padding: 10px 24px;
    background: #F8F8F3;
    box-shadow: 0px 2px 8px 4px rgba(179, 179, 179, 0.25);
    border-radius: 6px;
    max-width: 218px;
    width: 100%;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #25461A;
    margin-top: 28px;
    transition: all 0.6s ease;
}

.creation-name-form .submit-btn:hover {
    background: #25461A;
    color: #F8F8F3;
}



.diy-flavour-make .selection-result {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #34322E;
    margin-top: 50px;
}


.main-product__blocks .flavours-wrapper {
    margin-top: 25px;
}

.nnpp-benefits-intro .intro-text {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}


.diy-flavour-make .step-block:not(:last-of-type) {
    /* border-bottom: 1px solid #BABAB680; */
    padding-bottom: 48px;
    margin-bottom: 48px;
}

.opt-box input {
    display: none;
}

@media screen and (max-width:1440px) {
    .nnpp-how-to-make-wrape .container {
        padding: 0 96px;
    }
}

@media screen and (max-width:1024px) {
    .why-this-bar .why-this-grid .bar-info-card h3 {
        font-size: 38px;
        line-height: 45px;
    }

    .lab-container-wrapper .lab-container:nth-child(odd) {
        margin-right: 0;
        padding-right: 15px;
    }

    .lab-container-wrapper .lab-container:nth-child(even) {
        margin-left: 0;
        padding-left: 15px;
    }

    .lab-container .lab-row-one .lab-info p {
        font-size: 20px;
        line-height: 26px;
    }

    .lab-container-wrapper .lab-container:not(:last-of-type) {
        margin-bottom: 60px;
    }

    .step-option-list .option-grid .grid-select-opt {
        gap: 10px;
    }

    .grid-select-opt .opt-box span {
        padding: 9px 10px;
    }

    .step-option-list .option-grid {
        gap: 10px;
    }

    @media screen and (max-width:1440px) {
        .nnpp-how-to-make-wrape .container {
            padding: 0 15px;
        }
    }

}


@media screen and (max-width:991px) {
    .why-this-bar .why-this-grid .bar-info-card h3 {
        font-size: 28px;
        line-height: 35px;
    }

    .why-this-bar .why-this-grid .bar-info-card p {
        font-size: 14px;
    }

    .why-this-bar .why-this-grid .bar-info-card p br {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .why-this-bar .bar-img-video {
        margin-bottom: 67px;
    }

    .why-this-bar .why-this-grid {
        gap: 36px 24px;
        align-items: center;
    }

    .why-this-bar .why-this-grid .bar-info-card h3 {
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin-bottom: 10px;
    }

    .why-this-bar .why-this-grid .bar-info-card .icon-cst {
        max-width: 35px;
    }

    .why-this-bar .why-this-grid .bar-info-card p {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .lab-container .lab-row-one .lab-img {
        max-width: 100%;
    }

    .lab-container .lab-row-one .lab-info {
        width: 100%;
        margin-bottom: 36px;
    }

    .lab-container .lab-row-one .lab-img img {
        width: 100%;
    }

    .lab-container .lab-row-one {
        flex-direction: column-reverse;
    }

    .lab-container .lab-row-one .lab-info p {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .lab-container-wrapper .lab-container:nth-child(even) .lab-row-one {
        flex-direction: column-reverse;
    }

    .diy-flavour-make .step-block {
        padding: 0 0;
    }

    .diy-flavour-make .main-head h3 span {
        display: block;
    }

    .diy-flavour-make .main-head h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .step-option-list .option-grid {
        display: block;
    }

}

.creation-name-form p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #34322E;
}

.diy-flavour-make .mob-result {
    display: none;
}

@media (max-width: 767px) {

    .diy-flavour-make .tab-nav {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        margin-bottom: 23px;
    }

    .diy-flavour-make .tab-btn {
        flex: 0 0 auto;
        cursor: pointer;
        white-space: nowrap;
        font-family: 'Manrope';
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        color: #8D8B84;
        padding: 0 10px 10px;
        border-bottom: 3px solid transparent;
    }

    .diy-flavour-make .tab-btn.active {
        border-color: #C99C5A;
        color: #34322E;
    }

    .grid-select-opt .opt-box span {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .grid-select-opt .opt-box:not(:last-of-type) {
        margin-bottom: 12px;
    }

    .grid-select-opt .opt-box span::after {
        content: '';
        width: 24px;
        height: 24px;
        background: url('/cdn/shop/files/plus_de77a09a-edf4-41b9-88a9-a2b311388108.svg?v=1774591285');
    }

    .diy-flavour-make .tab-nav::-webkit-scrollbar {
        display: none;
    }

    .grid-select-opt .opt-box input:checked+span::after {
        background: url('/cdn/shop/files/x.svg?v=1774592028');
    }

    .diy-flavour-make .main-head {
        margin-bottom: 50px;
    }

    .diy-flavour-make .step-block:not(:last-of-type) {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .step-pagination .voting-count {
        order: 1;
        margin: 32px auto 0;
    }

    .step-pagination {
        flex-wrap: wrap;
        gap: 0;
    }

    .step-pagination button {
        padding: 10px 40px;
    }

    .creation-name-form input {
        margin-bottom: 50px;
    }

    .diy-flavour-make .mob-result {
        display: block;
        font-family: 'Manrope';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #34322E;
        margin-top: 40px;
    }
}

.nnpp-benefits-text a svg path {
    stroke: currentColor;
}

.npp-accordion .npp-content p a {
    text-decoration: underline;
}


@media screen and (max-width:767px) {
    .ingredients-list swiper-container::after {
        content: "";
        display: block !important;
        width: 44px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.16) 0%, #F8F8F3 100%);
        position: absolute;
        left: auto;
        right: 0;
        z-index: 2;
        top: 0;
    }
}

.ingredients-list .right-side::before {
    display: none !important;
}

.product-ing .nn-accordion-body {
    height: autp;
    overflow: unset;
    display: none;
}

.product-ing .nn-accordion.open .nn-accordion-body {
    display: block;
}

.product-ing .ingredients-list swiper-container {
    margin-right: -15px;
}

body.template-product-full-yeast-protein-2 {
    background-color: #FBFBF9;
}

.template-product-full-yeast-protein-2 .main-product__content .pro-tag .cat_icon {
    width: 23px;
}

.why-this-bar.fyp-benefits {
    position:relative;
    /* background: url('/cdn/shop/files/fyp-bck.png?v=1776928118'); */
    padding: 133px 0 174px;
    background:#E0E5F4;
    /* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
}

.why-this-bar.fyp-benefits:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    background-image: url('/cdn/shop/files/top.png?v=1777009191');
}

.why-this-bar.fyp-benefits:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("/cdn/shop/files/bottom.png?v=1777009260");
}

.why-this-bar.fyp-benefits .why-this-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 187px;
}

.why-this-bar.fyp-benefits .video-play-btn {
    background: transparent;
}

.why-this-bar.fyp-benefits .why-this-grid .bar-info-card h3 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #34322E;
}

.why-this-bar.fyp-benefits .why-this-grid .bar-info-card p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #34322E;
}

.why-this-bar.fyp-benefits .why-this-grid .bar-info-card .icon-cst {
    max-height: 100px;
    object-fit: contain;
}

.template-product-full-yeast-protein-2 .nnpp-benefit-tab {
    background: #FAFAF6;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.fyp-comparison {
    position:relative;
    padding: 105px 0 225px;
    background:#F4F4F4;
}

.fyp-comparison:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    background-image: url('/cdn/shop/files/comparison-top.png?v=1777009576');
}

.fyp-comparison:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("/cdn/shop/files/comparison-bottom.png?v=1777009612");
}

.fyp-comparison .tabel-title h3 {
    font-family: 'Recoleta';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-transform: capitalize;
    color: #67645B;
    text-align: center;
}

.fyp-comparison .table-wrapper {
    margin: 73px 0 117px;
}
.fyp-comparison .table-wrapper img {
  width: 100%;
  height: auto;
}

/* Desktop visible by default */
.fyp-comparison .desktop-img {
  display: block;
}

.fyp-comparison .mobile-img {
  display: none;
}

/* Switch on mobile */
@media (max-width: 767px) {
  .fyp-comparison .desktop-img {
    display: none;
  }

  .fyp-comparison .mobile-img {
    display: block;
  }
}

.fyp-steps {
    background: #C26054;
    border-radius: 8px;
    padding: 40px 110px;
}

.fyp-steps h5 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #FBFBF9;
    margin-bottom: 42px;
}

.fyp-steps .fyp-step-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 140px;
}

.fyp-steps .step-block h6 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #FBFBF9;
}

.fyp-steps .step-block p {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FBFBF9;
}

.adopters-title h3 {
    font-family: 'Recoleta';
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    text-transform: capitalize;
    color: #67645B;
    margin-bottom:35px;
}

.adopters-card .adopters-card-body {
    padding: 20px 24px;
    background: #F4F4F4;
    border-radius: 6px;
    display: flex;
}

.adopters-card .adopters-card-body .adopters-info {
    flex: 1;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.adopters-card .adopters-card-body .adopters-info p {
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #34322E;
}

.adopters-card .adopters-card-body .adopters-info h6 {
    padding: 10px;
    margin: 0;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #34322E;
}

.adopters-card .adopters-card-body .adopters-img-video {
    max-width: 287px;
    width: 100%;

  aspect-ratio: 9 / 16; 
  overflow: hidden;
  border-radius: 3px; 
}

/* BOTH image & video same behavior */
.adopters-card .adopters-card-body .adopters-img-video img,
.adopters-card .adopters-card-body .adopters-img-video video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 👈 important */
  display: block;
}
.swiper-slide-active.adopters-card .adopters-card-body{
    background:#E0E5F4;
}
.adopters-slider{
    position:relative;
}
.adopters-slider .swiper-navigation {
    position: absolute;
    left: -20px;
    right: -20px;
    display: flex;
    justify-content: space-between;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.adopters-slider .swiper-navigation button {
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.template-product-full-yeast-protein-2:not(.minicart) .mini-cart {
    transform: translate(70rem);
}
@media screen and (max-width:1300px){
.adopters-card .adopters-card-body .adopters-img-video {
    max-width: 160px;
}
.adopters-card .adopters-card-body .adopters-info p{
    font-size:13px;
}
.fyp-comparison{
        padding: 100px 0 100px;
    }
    .why-this-bar.fyp-benefits{
        padding: 100px 0 100px;
    }
    .why-this-bar.fyp-benefits .why-this-grid{
            gap: 137px;
    }
}
@media screen and (max-width:1024px){
    .why-this-bar.fyp-benefits .why-this-grid{
        gap: 80px;
    }
    .fyp-steps{
        padding: 40px 60px;
    }
    .fyp-steps .fyp-step-grid{
        gap:80px;
    }
    
    .adopters-card .adopters-card-body .adopters-info p{
        font-size: 13px;
    }
    .adopters-card .adopters-card-body .adopters-img-video {
    max-width: 150px;
}
.adopters-card .adopters-card-body .adopters-info{
        padding-right: 10px;
}
}

@media screen and (max-width:991px){
.why-this-bar.fyp-benefits .why-this-grid {
    gap: 30px;
}
.why-this-bar.fyp-benefits .why-this-grid .bar-info-card .icon-cst{
        max-height: 80px;
}
.fyp-steps .fyp-step-grid {
    gap: 30px;
}
.fyp-steps .step-block p br{
    display:none;
}
.why-this-bar.fyp-benefits {
    padding: 72px 0 72px;
}
.fyp-comparison {
    padding: 72px 0 72px;
}
.adopters-card .adopters-card-body {
    flex-direction: column-reverse;
    gap: 20px;
}
.adopters-card .adopters-card-body .adopters-img-video{
    max-width:100%;
    aspect-ratio:unset;
}
.adopters-card .adopters-card-body .adopters-img-video img{
    width:100%;
    max-height:250px;
}
.adopters-card .adopters-card-body .adopters-info{
    padding:0;
}
.adopters-slider .swiper-navigation button{
        width: 35px;
    height: 35px;
}
.adopters-slider .swiper-navigation{
        left: -10px;
    right: -10px
}
.adopters-card .adopters-card-body{
        padding: 15px 15px;
}
}

@media screen and (max-width:767px){
  .fyp-benefits .section-title h2 br{
    display:none;
  }
  .why-this-bar.fyp-benefits .why-this-grid{
            gap: 36px 24px;
    grid-template-columns: repeat(2, 1fr);
  }
  .why-this-bar.fyp-benefits .why-this-grid > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
    margin: 0 auto;
}
  .why-this-bar.fyp-benefits .why-this-grid .bar-info-card h3{
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 10px;
  }
  .why-this-bar.fyp-benefits .why-this-grid .bar-info-card p{
        font-size: 14px;
        line-height: 20px;
        text-align: center;
  }
  .why-this-bar.fyp-benefits .why-this-grid .bar-info-card .icon-cst {
    max-height: 50px;
    max-width: 100%;
}
.adopters-title h3,
.fyp-comparison .tabel-title h3{
    font-size: 24px;
        line-height: 33px;
}
.fyp-comparison:before,
.why-this-bar.fyp-benefits:before{
        height: 25px;
        top: -24px;
}
.fyp-comparison:after,
.why-this-bar.fyp-benefits:after{
        height: 25px;
            bottom: -24px;
}
.fyp-steps {
    padding: 20px 20px;
}
.fyp-steps h5{
    font-size: 20px;
        margin-bottom: 35px;
}
.fyp-steps .fyp-step-grid{
    gap: 25px;
    grid-template-columns: repeat(1, 1fr);
}
.fyp-steps .step-block h6{
    font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
}
.fyp-steps .step-block p br{
display:block;
}
.why-this-bar.fyp-benefits,
.fyp-comparison {
    padding: 47px 0 47px;
}

}
.flavour-finder .main-product__add-to-cart form {
    margin: 0;
}

.flavour-finder .suggested-wrapper .cart-area-wrapper {
    align-items: flex-end;
}

section.shopify-section .section__wrapper.flavour {
    padding: 0px 0 5rem;
}

@media max-width (767px){
.flavour-finder .suggested-wrapper .cart-area-wrapper {
    text-align: left;
}
section.shopify-section .section__wrapper.flavour {
    padding: 0px 0 5rem;
}
}




/* FAQS TABS SECTION CSS */

.faqs-new .tab-teaser {
  	display: flex;
  	flex-direction: row;
  	padding: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
  	align-items: start;
  }

 .faqs-new .tab-menu {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    padding-right: 50px;
  }
 .faqs-new .tab-menu ul{
    list-style: none;
  }
   .faqs-new .tab-menu ul li{
    margin-bottom: 1.5em;
  }

.faqs-new .section-header__title {
	font-family: Recoleta;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 22px !important;
	line-height: 32px;
	letter-spacing: .02em;
	color: #44331c !important;
	margin-bottom: 0 !important;
	text-transform: capitalize !important;
}
.faqs-new .active.section-header__title, .faqs-new .section-header__title:hover {
  text-decoration:underline;
}
 .faqs-new .tab-main-box {
    flex: 5;
  }

 .faqs-new .tab-content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
 .faqs-new .tab-content p {
  	margin-top: 0px;
    margin-bottom:15px !important;
  }

 .faqs-new .tab-box {
    flex: 1;
    display: none;
  }
.faqs-new .custom-accordion {
	border: none;
	margin-bottom: 0;
}

.faqs-new .custom-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #44331c !important;
  cursor: pointer;
  background-color: transparent;
}
.faqs-new .tab-teaser .active::after {
	content: "";
}

.faqs-new .custom-accordion-icon {
  width: 18px;
  height: 18px;
  fill: #44331c;
}
.faqs-new .custom-accordion-icon .plus-icon {
  display: block; /* Show the plus symbol by default */
}

.faqs-new .custom-accordion-icon .minus-icon {
  display: none; /* Hide the minus symbol by default */
}

.faqs-new .custom-accordion.active .plus-icon {
  display: none; /* Hide the plus symbol when accordion is active */
}

.faqs-new .custom-accordion.active .minus-icon {
  display: block; /* Show the minus symbol when accordion is active */
}


.faqs-new .custom-accordion-content {
  display: none;
  padding: 10px;
}
.faqs-new .custom-accordion-title {
	font-family: Recoleta;
	font-style: normal;
	font-weight: 500 !important;
	font-size: 19px !important;
	line-height: 29px;
	letter-spacing: .02em;
	color: #44331c !important;
	margin-bottom: 0 !important;
	max-width: calc(100% - 25px);
}
.faqs-new .custom-accordion-content p{
  font-family: 'Manrope';
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 27px;
text-align: left;
letter-spacing: 0.02em;
color: #44331c;
}


.faqs-new .custom-accordion.active .custom-accordion-content {
  display: block;
}
@media (max-width: 767px){
    .faqs-new .tab-teaser {
      flex-direction: column !important;
      align-items: center;
    }

    .faqs-new .tab-menu {
      text-align: center;
      margin-bottom: 20px;
      padding-right: 0;
}
    .faqs-new .tab-main-box {
      text-align: center;
    }

    .faqs-new .tab-content {
      display: inline-block;
      text-align: left;
    }

   .faqs-new .tab-box {
      display: block;
    }

    .faqs-new .tab-menu ul {
      display: inline-block;
    }

    .faqs-new .tab-menu ul li {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 10px;
    }
  }

.nav__content {
    overflow: auto;
}

.guides-swiper .swiper-pagination{
justify-content: center;
}

@media screen and (max-width:1440px){
    .lab-container-wrapper .lab-container:not(:last-of-type){
        margin-bottom:40px;
    }
.lab-container-wrapper .lab-container:nth-child(even) {
    margin-left: auto;
    max-width: 160rem;
    padding-left: 100px;
}
.lab-container-wrapper .lab-container:nth-child(odd) {
    margin-right: auto;
    max-width: 160rem;
    padding-right: 100px;
}
}

@media screen and (max-width:767px){
.lab-container-wrapper .lab-container:nth-child(even){
    padding-left:0;
}
.lab-container-wrapper .lab-container:nth-child(odd) {
    padding-right:0;
}
.lab-container .lab-row-one .lab-info{
    padding:0 20px;
}
}

.template-page-solutions swiper-slide .clicked-product.pcard{
    height:100%;
    padding-bottom:12px;
}
.founder-story swiper-container {
  position: relative;
}

.founder-story .story-nav {
  position: absolute;
  left: 0;
  bottom: 24px;
  z-index: 20;
  display: flex;
  gap: 12px;
}

.founder-story .story-prev,
.founder-story .story-next {
  position: static;

  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.12);

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  pointer-events: auto;
}

.founder-story .story-prev svg,
.founder-story .story-next svg {
  width: 24px;
  height: 24px;
}

.founder-story .story-prev.swiper-button-disabled,
.founder-story .story-next.swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}

.cart-item .cart-item-center .text-md.price-div{
    font-size: 16px;
    font-weight: 600;
    color: #111;
}
.footer-sections .form__output-wrapper{
    color: lightgreen;
}
.footer-sections .form__output-wrapper span{
    color: lightgreen;
}
@media (max-width: 1600px) and (min-width: 1024px){
    .founder-story .container {
    margin-left: 0;
}
}