/** Shopify CDN: Minification failed

Line 20:30 Expected ":"

**/
body:not(body.template-product),
html:not(html.html--product) {
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    body,
    html {
    overflow-x: hidden !important;
    }
}

@media only screen and (min-width: 1024px) {
  .template-product #MainContent .shopify-section--product .wrapper--full-padded {
    padding: 0 var(--gutter);c
    max-width: 1300px;
  }
}

.form-vertical input, .form-vertical select, .form-vertical button, .form-vertical textarea {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
}
/* Old announcement bar */
#fsb_container {
    display: none !important;
}

/* //////// End old announcement bar //////// */

/* Global fonts */
@font-face {
    font-family: 'Apercu Pro Regular';
    src: url('/cdn/shop/files/apercu_pro_regular-webfont.woff2?v=1715950573') format('woff2'),
        url('/cdn/shop/files/apercu_pro_regular-webfont.woff?v=1715950572') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Apercu Pro Mono';
    src: url('/cdn/shop/files/apercumonoproregular-webfont.woff2?v=1716238952') format('woff2'),
        url('/cdn/shop/files/apercumonoproregular-webfont.woff?v=1716238952') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Silk Serif';
    src: url('/cdn/shop/files/SilkSerifRegular.woff2?v=1716237392') format('woff2'),
        url('/cdn/shop/files/SilkSerifRegular.woff?v=1716237392') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Silk Serif Italic';
    src: url('/cdn/shop/files/SilkSerifItalic.woff2?v=1716237392') format('woff2'),
        url('/cdn/shop/files/SilkSerifItalic.woff?v=1716237392') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Silk Serif Light';
    src: url('/cdn/shop/files/SilkSerifLight.woff2?v=1716427349') format('woff2'),
        url('/cdn/shop/files/SilkSerifLight.woff?v=1716427349') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Silk Serif Light Italic';
    src: url('/cdn/shop/files/SilkSerifLightItalic.woff2?v=1716427349') format('woff2'),
        url('/cdn/shop/files/SilkSerifLightItalic.woff?v=1716427349') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* @font-face {
    font-family: '';
    src: url('') format('woff2'),      
    url('') format('woff');
    font-weight: normal;
    font-style: normal;
} */

/* Global fonts - root */
:root {
    /* --PRIMARY-BUTTONS-COLOR-TEXT: ; */
    /* --SECONDARY-BUTTONS-COLOR-TEXT: ; */
    /* --OUTLINE-BUTTONS-WHITE-TEXT: ; */
    /* --OUTLINE-BUTTONS-WHITE-BORDER: ; */
    --FONT-STACK-BODY: "Apercu Pro Regular" !important;
    --FONT-STACK-HEADING: "Silk Serif Light" !important;
    --FONT-STACK-HEADING-ITALIC: "Silk Serif Light Italic" !important;
    --FONT-STACK-HEADING-THICK:  "Silk Serif Light" !important;
    --FONT-STACK-HEADING-THICK-ITALIC:  "Silk Serif Light Italic" !important;
    /*--FONT-STACK-HEADING-THICK:  "Silk Serif" !important;
    --FONT-STACK-HEADING-THICK-ITALIC:  "Silk Serif Italic" !important;*/
    --FONT-STACK-BUTTON: "Apercu Pro Mono" !important;
    --FONT-STACK-ACCENT: "Apercu Pro Mono" !important;
    --FONT-STACK-SUBHEADING: "Apercu Pro Mono" !important;
    --FONT-STACK-NAV: "Apercu Pro Regular" !important;
    --black: #2F3433;
    --OUTLINE-BUTTONS-BLACK-BORDER:#2F3433;
    --OUTLINE-BUTTONS-BLACK-TEXT: #2F3433;
}


h1 em, h2 em, h3  em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
    font-family: var(--FONT-STACK-HEADING-ITALIC);
}

h1 b, h2 b, h3 b, h4 b, h5 b {
  font-weight: normal;
}

.h6 {
  font-size: 32px;
}

.h6 {
  font-size: 24px;
}
.section__heading,
.section__heading p,
.featured-collection__top .section__heading h1,
.featured-collection__top .section__heading h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 110% !important;
    letter-spacing: -0.5px;
}


.body--rounded-corners {
    --radius: 7px;
}

@media screen and (max-width: 767px) {
    .section__heading,
    .section__heading p {
        font-size: 30px;
        letter-spacing: -0.3px;
    }
}

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

.three-fifty-height-mobile {
    --min-h: 350px;
}

.three-fifty-height-mobile {
    min-height: var(--min-h);
}
/* //////// End global fonts //////// */

/* Global vars */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ccc;
}
::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.no-scroll-lock {
    overflow: hidden;
}

.icon-shopping-bag {
    stroke-width: 1px !important;
}

.icon-shopping-bag .cart-indicator {
    fill: currentColor;
}

select {
  background-image: url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/down4-512.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) calc(50% + 2px);
  -webkit-appearance: none;
  appearance: none;
  padding: 5px 30px 5px 10px;
}

p a {
    text-underline-offset: 4px;
}

.aos-initialized .text-reveal__cropper {
    overflow: visible;
}
/* //////// End global vars //////// */

/* Buttons */
.btn {
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
}

.btn--text {
    min-height: 0;
}

.btn--text:before,
.btn--text:after {
    background: #CBBEA5;
    bottom: -5px;
}

@media screen and (max-width: 767px) {
    .btn {
        font-size: 12.6px;
        letter-spacing: 0.504px;
      justify-content: center;
    }

  #FeaturedCollection--template--16663370760362__section_collection_alt_aDxApK .btn {
    min-width: 325px;
  }
}

@media screen and (min-width: 480px) {
    .btn--large:not(.btn--text):not(.btn--submit):not(.shopify-section-group-group-footer .btn) {
        min-width: 325px;
    }
}

@media screen and (min-width: 768px) {
    .btn--large:not(.btn--text):not(.btn--submit):not(.shopify-section-group-group-footer .btn) {
        /* width: 250px; */
        min-width: 0;
        padding-left: 6vw;
        padding-right: 6vw;
    }
}
/* //////// End buttons //////// */

/* Announcement */
.announcement * {
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    letter-spacing: 0.56px;
}
/* //////// End announcement //////// */

/* Header */

/*.mobile-menu__item--level-1:last-child .mobile-navlink--level-2 * {
  font-weight: normal !important;
}*/

.site-header {
    min-height: 127px;
}

.drawer .search-form__inner {
    padding: 8px var(--gutter-mobile);
}

.predictive-search__product-image figure {
  height: 130%;
}

.site-header.site-header--compress {
    min-height: 0;
}

.site-header.site-header--transparent:hover:not(.site-header--compress.site-header--transparent:hover) {
    background-color: var(--bg) !important;
}

.site-header .logo:not(.site-header.site-header--compress .logo) {
    margin-top: 29px;
}

.site-header .menu__items:first-of-type:not(.site-header.site-header--compress .menu__items:first-of-type) {
    margin-top: 3px;
}

.site-header--nav-left .menu__item--icons:not(.site-header--nav-left.site-header--compress .menu__item--icons) {
    margin-top: 4.5px;
}

.site-header .menu__items-below-custom {
    position: absolute;
    bottom: -62px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.site-header .menu__items-below-custom .navlink--toplevel {
    padding-left: 1.8vw;
    padding-right: 1.8vw;
}

.site-header .menu__item.grandparent .down-arrow,
.site-header localization-form .down-arrow {
    transition: transform 0.5s ease;
}

.site-header .menu__item.grandparent:hover .down-arrow:not(localization-form .down-arrow) {
    transform: rotate(180deg);
}

.site-header localization-form.clicked .down-arrow {
    transform: rotate(180deg) !important;
}

.site-header localization-form .down-arrow {
    margin-left: 0;
    margin-bottom: 2px;
}

.site-header localization-form {
    padding-left: 15px;
}

.site-header localization-form ul,
.drawer localization-form ul {
    z-index: 99999;
    background-color: #ffffff;
    margin-top: 5px;
    padding: 10px 20px;
    border: 1px solid #ccc;
}

.drawer localization-form ul {
    top: -330px;
    left: 60px;
}

.site-header localization-form ul li,
.drawer localization-form ul li {
    margin-bottom: 10px;
}

.drawer .mobile-menu__item-cross-border {
    overflow: visible;
    padding-left: 20px;
}

.site-header localization-form ul .navtext,
.drawer localization-form ul .navtext {
    color: var(--black)
}

.site-header .icon-search {
    width: 18px;
}

.site-header .icon-shopping-bag {
    width: 16px;
}

.site-header .down-arrow {
    margin-left: 3.5px;
    margin-top: 3px;
}

.site-header .down-arrow path {
    fill: currentColor;
}

.site-header .navtext {
    font-size: 16px;
    line-height: normal;
}

.site-header .header__dropdown .navlink--grandchild .navtext {
    font-size: 16px !important;
}

.site-header--nav-left .menu__item--icons {
    gap: 15px;
}

.site-header .menu__item--account .navlink {
    padding-bottom: 11px;
}

.site-header .dropdown__family .navlink--child .navtext {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 1.75vw !important;
    /* font-size: 26px; */
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.26px;
}

.site-header .header__dropdown .menu__block--narrow .hero__content,
.site-header .header__dropdown .menu__block--wide .hero__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 14px 8px;
}

.site-header .header__dropdown .menu__block--narrow .hero__content.center-vertically,
.site-header .header__dropdown .menu__block--wide .hero__content.center-vertically {
    justify-content: center;
}

.site-header .header__dropdown .menu__block--narrow .hero__content .hero__description.flip,
.site-header .header__dropdown .menu__block--wide .hero__content .hero__description.flip {
    order: 1;
}

.site-header .header__dropdown .menu__block--narrow .hero__content .hero__title.flip,
.site-header .header__dropdown .menu__block--wide .hero__content .hero__title.flip {
    order: 2;
}

.site-header--compress .search-popdown .search-popdown__toggle {
    display: none !important;
}

.site-header .grandparent.kids-4.images-1 .header__grandparent__links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-left: calc(var(--gutter) / 2 + 5px);
}

.site-header .header__dropdown__wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.site-header .header__dropdown__image-two {
    margin-top: 22px;
}

.site-header .header__dropdown .hero__title {
    font-size: 2vw;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-align: center;
    padding: 0px 15px;
}

.site-header .header__dropdown .hero__description {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 15px;
    font-family: var(--FONT-STACK-BUTTON);
}

.mobile-menu__item--level-1 {
    display: flex;
}

.mobile-menu__item--level-1 {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 26px;
}

.mobile-dropdown * {
    font-family: var(--FONT-STACK-BODY);
    font-size: 16px;
}

.mobile-navlink--level-2 {
    font-weight: bold;
}

.sub-level-three li {
    list-style: none;
    margin-left: 0px;
    margin: 10px 0px 10px 0px;
}

.sub-level-three {
    margin-bottom: 20px;
}

.mobile-navlink--level-2 {
    padding-bottom: 0;
}

.has-scrolled .site-header .grandparent .header__dropdown__wrapper {
    padding-bottom: 120px;
}

.menu__item.is-visible .header__dropdown:after {
    top: 0;
}

.site-header .search-popdown__close .icon {
    pointer-events: all;
}

/* .grandparent.kids-2.images-1 .header__grandparent__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
} */

.site-header .header__block-image.side-by-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    flex: 3;
}

.site-header .header__block-image.side-by-side .header__dropdown__image-two  {
    margin-top: 0;
}

.site-header .header__block-image.side-by-side .header__dropdown__image {
    height: 14vw;
}

.site-header .header__block-image.side-by-side .image-fill {
    padding: 0;
    height: 100%;
}

.menu__item.parent.is-visible .header__dropdown:after {
  display: none;
}

@media screen and (max-width:480px) {
    .site-header--compress .logo {
        max-width: 250px;
        padding: 0;
    }
    .site-header--nav-left .logo .logo__image-link--home:not(.logo__image-link--single),
    .site-header--compress .logo .logo__image-link--home:not(.logo__image-link--single) {
        left: 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .site-header .header__dropdown .hero__title {
        font-size: 1.8vw;
    }
}
/* //////// End header //////// */

/* Slideshow */
.slide__text__wrapper {
    padding-top: 0 !important;
    padding-bottom: 15px;
}

.slideshow .slide__heading {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.slideshow .slide__text {
    font-size: 17px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .slideshow .slide__text__wrapper {
        width: 100%;
        padding-bottom: 10px;
    }
    .slideshow .slide__heading {
        font-size: 40px;
        font-weight: 300;
        letter-spacing: -0.4px;
    }
    .slideshow .slide__text {
        font-size: 16px;
    }
}
/* //////// End slideshow //////// */

/* Image with text */
.image-with-text .image-with-text__image,
.image-with-text .image-with-text__image-bg {
    border-radius: 0;
}

.image-with-text .image-with-text__heading {
    font-size: 30px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.5px;
}

.template-index .image-with-text .image-with-text__text {
    max-width: 390px;
}

.image-with-text .image-with-text__text * {
    font-size: 17px;
    line-height: 120%;
}

.image-with-text .image-with-text__text-fine-print * {
    margin-top: 20px;
    font-size: 14px;
}

.template-index .image-with-text .text-center .image-with-text__text {
    margin-left: auto;
    margin-right: auto;
}

.template-index .image-with-text .text-right .image-with-text__text {
    margin-left: auto;
}

.image-with-text .subheading-text,
.subheading-text{
    font-family: var(--FONT-STACK-ACCENT);
}

.image-with-text_palo-santo .subheading-text {
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

/* @media screen and (min-width: 768px) and (max-width: 1250px) {
    .image-with-text .btn--large {
        width: 26vw;
    }
} */

.image-with-text .image-with-text__heading-mobile {
    display: none;
}

@media screen and (max-width: 950px) {
    .image-with-text.image-with-text--image-sixty .image-with-text__heading {
        font-size: 38px;
        letter-spacing: -0.4px;
    }
}

@media screen and (max-width: 767px) {
    .template-index .image-with-text .image-with-text__content {
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .image-with-text .image-with-text__heading,
    .image-with-text.image-with-text--image-sixty .image-with-text__heading {
        font-size: 30px;
        letter-spacing: -0.4px;
    }
    .image-with-text .image-with-text__text * {
        font-size: 15px;
    }
    .image-with-text_palo-santo .image-with-text__content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .image-with-text .image-with-text__heading-desktop {
        display: none;
    }
    .image-with-text .image-with-text__heading-mobile {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 999;
        display: block;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%) !important;
        text-align: center;
    }

    .image-with-text__items--inline-left .image-with-text__content,
    .image-with-text__items--inline-right .image-with-text__content {
      padding-top: 0px;
    }

    .image-with-text__content-items {
      padding-top: 20px;
    }
}

.image-with-text__items--overlay-right .image-with-text__content {
    background: transparent;
  border: none;
  flex-basis: 70% !important;
  padding-left: 20px;
}

.image-with-text__items--overlay-left-custom .image-with-text__content .image-with-text__heading,
.image-with-text__items--overlay-right .image-with-text__content .image-with-text__heading {
  font-size: 54px !important;
}

.image-with-text__items--overlay-left-custom .image-with-text__content .image-with-text__heading {
    margin-left: -250px;
}

/* .image-with-text__items--overlay-right-custom .image-with-text__content {
    padding-right: 20px;
} */

/* .image-with-text__items--overlay-right-custom .image-with-text__content .image-with-text__heading {
    white-space: nowrap;
    position: absolute;
    top: -85px;
} */

.image-with-text__items--overlay-left-custom .image-with-text__content {
    padding-left: 20px;
}

/* .image-with-text__items--overlay-right-custom .image-with-text__content-items {
    margin-top: 85px
} */

.wrapper--full .image-with-text__items--overlay-right .image-with-text__image {
    width: 78%;
}

.image-with-text__items--overlay-right .image-with-text__text {
    width: 30%;
}

@media screen and (max-width: 1400px) {
    .wrapper--full .image-with-text__items--overlay-right .image-with-text__image {
        width: 75%;
    }
    .image-with-text__items--overlay-right .image-with-text__text {
        width: 34%;
    }
}

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

    .wrapper--full .image-with-text__items--overlay-right .image-with-text__image {
        width: 70%;
    }
    .image-with-text__items--overlay-right .image-with-text__text {
        width: 40%;
    }
}

@media screen and (max-width: 1024px) {
    .image-with-text__items--overlay-left-custom .image-with-text__content .image-with-text__heading {
        margin-left: -350px;
    }
}

@media screen and (max-width: 900px) {
    .wrapper--full .image-with-text__items--overlay-right .image-with-text__image {
        width: 65%;
    }
    .image-with-text__items--overlay-right .image-with-text__text {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .wrapper--full .image-with-text__items--overlay-right .image-with-text__image {
        width: 100%;
        margin-bottom: 0;
    }

    .image-with-text__items--overlay-right .image-with-text__content {
        background: transparent;
        border: none;
        flex-basis: 100% !important;
        margin: 0;
        padding-top: 0;
    }

    .image-with-text__items--overlay-right .image-with-text__text {
        width: 100%;
    }

    .image-with-text__items--overlay-right .image-with-text__content .image-with-text__heading {
        font-size: 28px !important;
    }

    .image-with-text__items--overlay-left-custom .image-with-text__content .image-with-text__heading {
        margin-left: 0;
        font-size: 32px !important;
    }

}

/* //////// End image with text //////// */

/* Results section */
.results__image-with-text .image-with-text__heading {
    font-size: 32px;
    line-height: 118.182%;
    letter-spacing: -1.65px;
    text-transform: capitalize;
    max-width: 615px;
}

.results__image-with-text .image-with-text__text * {
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.2px;
}

.results__image-with-text .image-with-text__text p {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2F3433;
}

.results__image-with-text .image-with-text__subtext * {
    font-size: 17px;
    line-height: 120%;
}

.results__image-with-text .image-with-text__text p:empty {
    display: none;
}

@media screen and (min-width: 768px) {
    .results__image-with-text {
        margin-bottom: 100px;
    }
    .results__image-with-text .image-with-text__content {
        gap: 20px;
        padding-top: 6vw;
        padding-left: 6vw;
        padding-bottom: 4.65vw;
        max-width: calc(600px + 6vw + calc(.6666666667* var(--gutter)));
    }
}

@media screen and (max-width: 767px) {
    .results__image-with-text .image-with-text__content {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .results__image-with-text .image-with-text__heading {
        font-size: 30px;
        line-height: 110%;
        letter-spacing: -0.3px;
        margin-bottom: 20px;
    }
    .results__image-with-text .image-with-text__text {
        margin-bottom: 30px;
    }
    .results__image-with-text .image-with-text__text * {
        font-size: 15px;
        letter-spacing: 0.15px;
    }
    .results__image-with-text .image-with-text__subtext * {
        font-size: 14px;
    }
}
/* //////// End results section /////// */

/* Featured collection */
.featured-collection .featured-collection__top {
    margin-bottom: 10px;
    align-items: center;
}

.featured-collection .section__header.section__header--btn-top {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin-bottom: 25px;
}

.featured-collection .text-center .section__header.section__header--btn-top {
    flex-direction: column;
    gap: 20px;
}

.featured-collection .text-right .section__header.section__header--btn-top {
    flex-direction: row-reverse;
}

.featured-collection .section__header.section__header--btn-top .section__header--heading-text {
    max-width: var(--site-width-narrow);
}

.featured-collection .section__header.section__header--btn-top .section__header--btn {
    flex-shrink: 0;
}

.featured-collection .section__header.section__header--btn-top .featured-collection__top__button {
    margin-top: 0;
}

.featured-collection .section__heading {
    margin-bottom: 0;
}

.featured-collection .section__text {
    font-size: 17px;
    line-height: 120%;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .featured-collection {
        padding-top: 45px;
        padding-bottom: 35px;
    }
    #skin-specific-products .featured-collection {
        padding-bottom: 0;
    }
    .featured-collection .featured-collection__top {
        margin-bottom: 20px;
    }
    /* .featured-collection .featured-collection__top__button {
        display: none;
    } */
    .featured-collection .section__text {
        font-size: 15px;
        margin-top: 10px;
    }
    .featured-collection .section__header.section__header--btn-top * {
        text-align: center;
    }
    .featured-collection .section__header.section__header--btn-top,
    .featured-collection .text-right .section__header.section__header--btn-top {
        text-align: center;
        flex-direction: column;
        gap: 20px;
    }
    .featured-collection .section__header.section__header--btn-top .section__header--btn {
        width: 100%;
    }
}

.custom-scrollbar__thumb:before {
  background: var(--black);
}

.featured-collection__top__button {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
    bd-variants {
        min-height: 40px !important;
        display: block;
    }
    .featured-collection .text-right .section__header.section__header--btn-top:not(:has(.btn--text)) .section__header--btn,
    .featured-collection .text-left .section__header.section__header--btn-top:not(:has(.btn--text)) .section__header--btn {
        margin-bottom: -10px;
    }
}

/* Featured collection alt */
.featured-collection-alt .featured-collection__top__button {
    display: block;
}

@media screen and (min-width: 768px) {
    .featured-collection-alt .wrapper--full-padded {
        display: flex;
        padding-left: 0;
    }
    .featured-collection-alt .featured-collection__top {
        width: 30%;
        background-color: #fff;
        padding-left: var(--gutter);
        padding-right: 25px;
        margin-bottom: -10px;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
    }
    .featured-products .featured-collection__top {
        width: 25%;
    }
    .featured-collection-alt .featured-collection__top.text-left {
        align-items: flex-start;
    }
    .featured-collection-alt .featured-collection__top.text-right {
        align-items: flex-end;
    }
    .featured-collection-alt .featured-collection__container {
        width: 75%;
        margin-left: 0;
    }
    .featured-products .featured-collection__container {
        padding-left: 5px;
    }
    .featured-collection-alt .carousel {
        padding-left: 5px;
    }
}

.featured-collection__container.carousel__container .product-grid-item .product-grid-item__quick-atc {
  margin-top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .featured-collection-alt .featured-collection__top {
        width: 40%;
    }
    .featured-collection-alt .featured-collection__container {
        width: 60%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .featured-collection-alt .featured-collection__top {
        padding-left: 3vw;
    }
    .featured-collection-alt .featured-collection__top__button {
        width: 100%;
    }
    .featured-collection-alt .featured-collection__top__button .btn:not(.btn--text) {
        width: 100%;
    }
}

@media screen and (max-width: 1320px) {
    .featured-collection-alt .section__heading,
    .featured-collection-alt .section__heading p {
        font-size: 30px;
        letter-spacing: -0.4px;
    }
}

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

  /* .featured-collection__top__wrapper * {
    text-align: center;
  } */
  
  .slide__buttons.main-buttons {
    justify-content: center;
  }

   .featured-collection-alt .section__heading,
    .featured-collection-alt .section__heading p {
        font-size: 30px;
        letter-spacing: -0.4px;
    }
  
    .featured-collection-alt {
        padding-bottom: 50px;
    }
    .featured-collection-alt .featured-collection__top {
        margin-bottom: 35px;
    }
    .featured-collection-alt .featured-collection__top__button {
        display: flex;
        margin-top: 20px;
      justify-content: center;
    }
    .featured-collection-alt .featured-collection__top.text-center .featured-collection__top__button {
        margin-left: auto;
        margin-right: auto;
    }
    .featured-collection-alt .featured-collection__top.text-right .featured-collection__top__button {
        margin-left: auto;
    }
    .featured-products .product-grid-item__quick-atc {
        margin-top: auto !important;
    }
}

@media screen and (max-width: 479px) {
    .featured-collection-alt .featured-collection__top__button {
        min-width: 300px;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
    }
}

.collection-promo__heading {
  font-size: 24px !important;
}
/* //////// End featured collection //////// */

/* /////// TAB COLLECTIONS /////// */

.tab-collections__products-counter {
  font-size: 12px;
  text-transform: uppercase;
}

.tabs__link {
  font-size: 12px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
.tab-collections__container .product-grid-item--featured {
  width: 50%;
}
}

/* /////// End TAB COLLECTIONS /////// */

/* Product grid item */
.product-grid-item {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
}

/* hide reviews on bundles */

#bundles .yotpo.bottomLine,
#bundles-primally-pure .yotpo.bottomLine,
.product-grid-item.bundle .yotpo.bottomLine{
  display: none;
}

#bundles-primally-pure .product-grid-item__quick-atc bd-variants,
#bundles .product-grid-item__quick-atc bd-variants {
  display: none;
}

.product-grid-item .btn--submit {
    display: block;
}

.product-grid-item .btn--submit {
    display: block;
}


#best-sellers-primally-pure .product__badge.best-seller .best-seller {
  display: none;
}

.product-grid-item .product__badge {
    margin-top: 20px;
    margin-left: 20px;
}

@media screen and (max-width: 1600px) {
    .product-grid-item .product__badge {
        margin-top: 10px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .product-grid-item .product__badge {
        margin-top: 8px;
        margin-left: 8px;
    }
}

.template-product .product__badge {
    margin-top: 20px;
    margin-left: 20px;
}

.product-grid-item .product-grid-item__title,
.blog__post-item .blog__post-title-link,
#rebuy-widget-98792 .rebuy-product-block .rebuy-product-info .rebuy-product-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 110% !important;
    letter-spacing: -0.26px;
    font-family: var(--FONT-STACK-HEADING-THICK);
}


.product-grid-item .product-grid-item__price,
#rebuy-widget-98792 .rebuy-product-block .rebuy-product-info .rebuy-product-price {
    font-family: var(--FONT-STACK-BUTTON) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    word-spacing: -8px;
}

#rebuy-widget-98792 .rebuy-product-block .rebuy-product-info .rebuy-product-price {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

#rebuy-widget-98792 .rebuy-product-block select {
  font-family: var(--FONT-STACK-BODY) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    border-color: #000 !important;
  background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #000, #919191);
    background-position: calc(100% - 15px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), calc(100% - 2.2em) 0em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 2.5em;
}

@media screen and (max-width: 768px) {
  #rebuy-widget-98792 .flickity-button {
    display: none;
  }

  #rebuy-widget-98792 .rebuy-product-grid.medium-columns-2 {
    margin-left: -20px;
  }
  
  #rebuy-widget-98792 .rebuy-product-grid.medium-columns-2 .rebuy-product-block {
    width: 40%;
  }
}

.product-grid-item .product__badge__item,
.template-product .product__badge__item {
    border-radius: 0;
    font-family: var(--FONT-STACK-BODY);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

@media screen and (max-width: 1600px) {
    .product-grid-item .product__badge__item {
        font-size: 12px;
        padding: 4px 6px;
    }
  .template-index .rebuy-product-block.tag-new:after {
        font-size: 12px !important;
        padding: 4px 6px !important;
        top: 30px !important;
        left: 30px !important;
    }
}

@media screen and (max-width: 767px) {
    .product-grid-item .product__badge__item {
        font-size: 10px;
        padding: .5px 4px 2.5px;
    }
  .template-index .rebuy-product-block.tag-new:after {
        font-size: 10px !important;
        padding: 1px 4px 2px !important;
        top: 28px !important;
        left: 28px !important;
    }
}

.popup-quick-view__title {
  font-size: 24px;
}

.product-grid-item .product-grid-item__quick-atc {
    margin-top: 15px;
}

.product__price--off {
  display: none;
}

/* MIGHT NEED TO COMMENT OUT */
.template-collection .product-grid-item .product-grid-item__quick-atc,
.search-page .product-grid-item .product-grid-item__quick-atc {
    margin-top: auto;
}

/* .product-grid-item.bundle .product-grid-item__quick-atc {
  margin-top: -15px !important;
} */


.template-collection .product-grid-item .product-grid-item__info {
    margin-bottom: 15px;
}

.product-grid-item .product-grid-item__quick-atc .select--quick-add-ctr {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    border: 1px solid #2F3433;
}

.product-grid-item .product-grid-item__quick-atc .select--quick-add {
    width: 100%;
    padding: 6px 10px;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 12px;
    font-weight: 400;
    border: none;
}

@media screen and (max-width: 768px) {
  .product-grid-item .product-grid-item__quick-atc .select--quick-add {
      width: 100%;
      padding: 6px 10px;
      font-family: var(--FONT-STACK-BUTTON);
      font-size: 11px !important;
      font-weight: 400;
      border: none;
  }
}

.product-grid-item .product-grid-item__quick-atc .select--quick-add-ctr svg {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.quick-add-border {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-left: 1px solid #2F3433;
    pointer-events: none;
}

.template-product .quick-add-border {
  background: transparent;
}

.product-grid-item .product-grid-item__quick-atc .btn--quick-add {
    width: 100%;
    margin-top: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #505B43;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.product-grid-item .starting-at-price,
.product-single .starting-at-price {
    margin-right: 2px;
    font-size: 12px !important;
    word-spacing: -5px !important;
}

.product-single .starting-at-price {
    margin-top: 4px;
}

.product-single .starting-at-prod-ctr .product__price--compare {
    display: none;
}


@media screen and (max-width: 767px) {
    /* .product-grid-item .product__badge {
        margin-top: 10px;
        margin-left: 10px;
    } */
    .product-grid-item .starting-at-price,
    .product-single .starting-at-price {
        font-size: 10px !important;
        word-spacing: -4px !important;
    }
    .product-single .starting-at-price {
        margin-top: 6px;
    }
    .template-product .product__badge {
        margin-top: 16px;
        margin-left: 13px;
    }
    .product-grid-item .product-grid-item__image {
        margin-bottom: 10px;
    }
    .product-grid-item .product-grid-item__info {
        gap: 7px;
        margin-bottom: 10px;
    }
    .template-collection .product-grid-item .product-grid-item__info {
        margin-bottom: 10px;
    }
    .product-grid-item .product-grid-item__title,
    .blog__post-item .blog__post-title-link,
    #rebuy-widget-98792 .rebuy-product-block .rebuy-product-info .rebuy-product-title {
        font-size: 18.5px;
        letter-spacing: -0.185px;
    }
    .product-grid-item .product-grid-item__price,
    #rebuy-widget-98792 .rebuy-product-block .rebuy-product-info .rebuy-product-price {
        font-size: 12.5px;
    }
    .product-grid-item .product-grid-item__quick-atc,
    .featured-collection__container.carousel__container .product-grid-item .product-grid-item__quick-atc {
        margin-top: auto;
    }
    .template-product .product__badge__item {
        font-size: 12px;
        letter-spacing: 0.4px;
    }
    .product-grid-item .product-grid-item__quick-atc .select--quick-add {
        font-size: 12.5px;
    }
    .product-grid-item .product-grid-item__quick-atc .btn--quick-add {
        margin-top: 10px;
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: 12.5px;
        letter-spacing: 0.5px;
    }
    .carousel--mobile .grid__item,
    .carousel--mobile .carousel__item {
        margin-right: 15px;
    }

    .template-collection .buttons-list .carousel--mobile .carousel__item  {
      width: max-content;
    }

}

@media only screen and (min-width: 768px) {
    .carousel:not(.flickity-enabled), .carousel--inactive {
        display: flex;
        text-align: center;
        justify-content: center !important;
    }
}

/* //////// End product grid item //////// */

/* Collection list section */
.collection-list-slider .section__header {
    display: flex;
    margin-bottom: 15px;
}

.collection-list-slider .section__heading,
.collection-list-slider .section__heading p {
    margin: 0;
    text-align: left;
}

@media screen and (max-width: 768px) {
.collection-list-slider .section__heading,
.collection-list-slider .section__heading p {
    margin: auto !important;
    text-align: center !important;
}
}

.collection-list-slider .collection-list-slider__button {
    margin: 0 0 5px;
}

.collection-list-slider .list-collections__item__title {
    font-family: var(--FONT-STACK-HEADING-THICK);
    font-size: 26px;
    letter-spacing: -0.26px;
    line-height: normal;
}

.collection-list-slider .list-collections__item__content {
    padding: 18px;
}

@media screen and (min-width: 768px) {
    .collection-list-slider .wrapper--full-padded {
        display: flex;
        align-items: stretch;
        padding-left: 0;
    }
    .collection-list-slider .section__header {
        padding-left: var(--gutter);
        z-index: 2;
        background: #fff;
        margin-bottom: 0;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }
    .collection-list-slider .section__heading {
        width: 170px;
        margin-right: 20px;
    }
    .collection-list-slider .section__heading p {
        font-size: 30px;
    }
    .collection-list-slider .carousel__container {
        flex-basis: 80%;
        margin: 0;
    }
    .collection-list-slider .carousel {
        padding: 0 0 0 5px;
    }
}

@media screen and (min-width: 1024px) {
    .collection-list-slider .flickity-prev-next-button.previous {
        left: 10px !important;
    }
    .collection-list-slider .flickity-prev-next-button.next {
        right: -40px !important;
    }
}

@media screen and (max-width: 767px) {
    .collection-list-slider .list-collections-section {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .collection-list-slider .collection-list-slider__button {
        display: none;
    }
    .collection-list-slider .list-collections__item__title {
        font-size: 22px;
        letter-spacing: -0.22px;
    }
    .collection-list-slider .carousel--mobile .carousel__item {
        margin-right: 10px;
    }
}

@media screen and (max-width: 400px) {
    .collection-list-slider .list-collections__item__title {
        font-size: 20px;
        letter-spacing: -0.20px;
    }
}
/* //////// End collection list section //////// */

/* Banner image */
.banner-image .banner-image__heading {
    font-size: 70px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.7px;
}

.banner-image .text__subheading {
    font-family: var(--FONT-STACK-ACCENT);
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .banner-image .banner-image__heading {
        font-size: 30px;
        letter-spacing: -0.4px;
    }
}
/* //////// End banner image //////// */

/* Banner image cta */
.banner-image-cta .cta-container {
    width: 16vw;
    max-width: 266px;
    min-width: 190px;
    border-radius: 20px;
    border: 2px solid #FFF;
}

.banner-image-cta .banner-image__heading {
    margin-bottom: 50px;
    max-width: 665px;
    margin-left: auto;
    margin-right: auto;
}

.banner-image-cta .cta-container__desktop {
    display: block;
    position: absolute;
    left: 70px;
}

.banner-image-cta .cta-container__mobile {
    display: none;
}

.banner-image-cta .cta-container img {
    width: 65%;
}

.banner-image-cta .cta-title {
    color: #fff;
    padding: 18px 10px;
    border-top: 2px solid #fff;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 15px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.banner-image-cta .btn--text:before, 
.banner-image-cta .btn--text:after {
    background-color: currentColor;
}

@media screen and (max-width: 1200px) {
    .banner-image-cta .cta-container__desktop,
    .banner-image-cta .cta-container__desktop {
        left: 3vw;
        bottom: 3vw;
    }
}

@media screen and (max-width: 1150px) {
    .banner-image-cta .banner-image__heading {
        font-size: 30px;
        letter-spacing: -0.5px;
        max-width: 515px;
    }
}

@media screen and (max-width: 930px) {
    .banner-image-cta .banner-image__text-container {
        flex-direction: column;
    }
    .banner-image-cta .cta-container {
        position: relative;
        left: 0;
        bottom: 0;
    }
    .banner-image-cta .cta-container__desktop {
        display: none;
    }
    .banner-image-cta .cta-container__mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .banner-image-cta .banner-image__text-wrapper {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .banner-image-cta .banner-image__heading {
        max-width: 360px;
    }
    .banner-image-cta .cta-title {
        font-size: 13px;
        letter-spacing: 0.52px;
        padding: 12px 10px;
    }
}
/* //////// End banner image cta //////// */

/* Tolstoy section */
.tolstoy__section .brick__block--image {
    flex-basis: 25%;
    max-width: 532px;
}

.tolstoy__section .brick__block--image .featured-image__content-inner {
    padding: 40px 20px;
}

.tolstoy__section .brick__block--image .align--bottom-left .featured-image__content-inner {
    padding-left: 50px;
}

.tolstoy__section .featured-image__heading {
    font-size: 32px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.5px;
    max-width: 310px;
}

.tolstoy__section .align--bottom-center,
.tolstoy__section .align--top-center {
    text-align: left;
}
.tolstoy__section .featured-image__caption {
    margin-top: 22px;
}

.tolstoy__section .featured-image__caption * {
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.56px;
}

@media screen and (max-width: 989px) {
    .tolstoy__section .featured-image__heading {
        font-size: 30px;
        letter-spacing: -0.4px;
        max-width: 90vw;
    }
}

@media screen and (max-width: 767px) {
    .tolstoy__section {
        padding-top: 10px;
        padding-bottom: 0;
    }
    .template-product .tolstoy__section {
        padding-top: 0;
    }
    .tolstoy__section .brick__block--image {
        flex-basis: 100%;
        max-width: 100%;
    }
    .tolstoy__section .brick__image {
        height: 58vw;
        min-height: 250px;
        justify-content: center;
        align-items: flex-end;
    }
    .tolstoy__section .brick__block--image .featured-image__content-inner {
        padding: 20px 40px;
    }
    .tolstoy__section .brick__block--liquid .brick__block__inner {
        padding-bottom: 0;
    }
    .tolstoy__section .featured-image__caption {
        margin-top: 5px;
    }
    .tolstoy__section .featured-image__caption * {
        font-size: 12.6px;
        letter-spacing: 0.504px;
    }

    .tolstoy__section .featured-image__content-inner * {
      text-align: center;
    }
}

.tolstoy__section .brick__block--liquid .brick__block__inner {
  padding: 0px;
}
/* //////// End tolystoy section //////// */

/* Icons row */


.icons-row .icons-row__heading {
    font-size: 32px;
    font-weight: 300;
    line-height: 110% !important;
    letter-spacing: -0.5px;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
}

.icons-row .icons-row__subheading {
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin-bottom: 62px;
}

.icons-row .icons-row__title,
.accent {
    color: var(--text) !important;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.icons-row .icons-row__text {
    color: var(--text) !important;
    font-size: 17px;
    line-height: 120%;
}

.icons-row .icons-row__icon {
    margin-bottom: 28px;
}

.background-size-cover {
    background: transparent;
}

.icons-row .icons-row__text p {
    margin-top: 19px;
}

@media screen and (max-width: 767px) {
    .icons-row .icons-row__heading {
        font-size: 18px !important;
        letter-spacing: -0.3px;
    }
    .icons-row .icons-row__title {
        font-size: 12.6px;
        line-height: 120%;
        letter-spacing: 0.504px;
    }

    .icons-row__slider.grid--mobile .icons-row__title {
        font-size: 10px;
        width: 90%;
        margin: auto;
    }
  
    .icons-row .icons-row__subheading {
        font-size: 12.6px;
        letter-spacing: 0.504px;
        margin-bottom: 17px;
    }
    .icons-row .icons-row__text {
        font-size: 13.5px;
    }

    .icons-row__slider.grid--mobile  .icons-row__text {
      display: none;
    }

    .icons-row__slider.grid--mobile:after {
      display: none;
    }
    .icons-row__slider.grid--mobile .icons-row__item {
      margin-right: 0px;
    }
  
    .icons-row  .grid--mobile {
      padding: 0px;
    }
    .icons-row .icons-row__icon {
        margin-bottom: 17px;
        width: 30px;
    }
    .icons-row .icons-row__text p {
        margin-top: 8px;
    }
    .icons-row .icons-row__slider.grid--mobile {
        row-gap: 30px;
    }
  
    .icons-row__item.grid__item {
        min-width: 0;
        width: calc(25% - var(--grid-gutter) / 2) !important;
    }
  
    .icons-row__slider.grid--mobile .icons-row__item.grid__item:nth-child(n+3) {
      margin-top: 0px;
    }
}
/* //////// End icons row //////// */

/* Press */
.press-section .press__logos-slide {
    padding-top: 20px;
    padding-bottom: 20px;
}

.press-section .press__logo,
.press-section .press__logo figure {
    overflow: visible;
}

.press-section .press__logos-slide .text-highlight__icon {
    opacity: 0;
    z-index: 9;
    transition: opacity 0.7s ease;
    top: 20%;
    width: 125%;
    background-image: none;
}

.press-section .press__logos-slide.is-selected .text-highlight__icon {
    opacity: 1;
}

.press-section .press__logos-slide .text-highlight__icon img {
    width: 100%;
    height: 150%;
}

.press-section .press__heading {
    font-family: var(--FONT-STACK-BODY);
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

/* .press-section .press__item {
    padding-top: 140px;
    padding-bottom: 50px;
} */

.press-section .press {
    margin-left: -20px;
}

.press-section .press__logo {
    width: 160px;
    height: 100px;
}

.press-section .press__logo:last-child {
    padding-left: 20px;
}

.press-section .press__logo:nth-child(6) span {
    top: -100%;
}

.press-section .press__item__content {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 28px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.5px;
    max-width: 710px;
    margin: auto;
}

.press-section .press__logos {
  margin: -30px !important;
}

.press-section .press {
  padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .press-section .press__item {
        padding-top: 20px;
        padding-bottom: 0px;
      padding-left: 10px;
    }
    .press-section .press__heading {
        font-size: 12.6px;
        letter-spacing: 0.504px;
    }
    .press-section .press__item__content {
        font-size: 30px;
        letter-spacing: -0.4px;
    }
    .press-section .press__item__inner .wrapper--narrow {
        margin-right: -10px;
    }
}
/* //////// End press //////// */

/*  Blog posts slider */
.featured-blog-slider {
    overflow: hidden;
}

.featured-blog-slider .featured-blog-slider__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.featured-blog-slider .section__header,
.featured-blog-slider .section__heading,
.featured-blog-slider .section__heading p,
.featured-blog-slider .featured-blog__button-desktop {
    margin: 0;
}

.featured-blog-slider .section__heading,
.featured-blog-slider .section__heading p {
    text-align: left;
}

.featured-blog-slider .featured-blog__button-mobile {
    display: none;
    text-align: left;
    margin-top: 24px;
}

.featured-blog-slider .blog__post-tags {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    color: #E9E3DB;
    background-color: #505B43;
    border-radius: 100px;
    padding: 8px 15px;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.blog__post-title {
    font-family: var(--FONT-STACK-HEADING-THICK);
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.3px;
}

.featured-blog-slider .blog__post-image-link {
    margin-bottom: 24px;
}

.featured-blog-slider .flickity-button {
    top: 35%;
}

.featured-blog-slider .blog__post-item {
    position: relative;
}

@media screen and (max-width: 1200px) {
    .blog__post-title {
        font-size: 24px;
        letter-spacing: -0.24px;
    }
    .featured-blog-slider .blog__post-tags {
        font-size: 10px;
        letter-spacing: 0.42px;
    }
}

@media screen and (max-width: 767px) {
    .featured-blog-slider {
        padding-top: 45px;
        padding-bottom: 45px !important;
    }
    .featured-blog-slider .featured-blog-slider__top {
        margin-bottom: 20px;
    }
    .featured-blog-slider .featured-blog__button-desktop {
        display: none;
    }
    .featured-blog-slider .featured-blog__button-mobile {
        display: block;
    }
    .featured-blog-slider .blog__post-tags {
        padding: 3px 4px;
    }
    .featured-blog-slider .carousel--mobile .blog__post-item {
        position: relative;
    }
    .blog__post-title {
        font-size: 20px;
        letter-spacing: -0.2px;
    }
    .featured-blog-slider .blog__post-image-link {
        margin-bottom: 14px;
    }
    .featured-blog-slider .carousel--mobile .grid__item,
    .featured-blog-slider .carousel--mobile .carousel__item {
        width: calc(var(--item-width-mobile) * .75);
    }
}
/* //////// End blog posts slider //////// */

/* Footer text section */

.form-success {
  color: var(--black);
  border-color: var(--black);
}
.shopify-section-group-group-footer .text-section {
    background-color: #CBBEA5;
}

@media screen and (min-width: 850px) {
    .shopify-section-group-group-footer .text-section .text__button:not(:last-of-type) {
        margin-right: 40px;
    }
}

@media screen and (min-width: 768px) {
    .shopify-section-group-group-footer .text-section .text__button {
        width: 50%;
    }
    .shopify-section-group-group-footer .text-section .btn {
        width: 100%;
        font-size: 15px;
        letter-spacing: 0.6px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .shopify-section-group-group-footer .text-section .text__button .btn {
        min-width: 340px;
    }
}

@media screen and (max-width: 767px) {
    .text__buttons-wrapper {
        flex-direction: column;
    }
    .shopify-section-group-group-footer .text-section {
        padding-top: 40px;
    }
    .shopify-section-group-group-footer .text-section .text__button:first-of-type {
        margin-right: 0;
    }
    .shopify-section-group-group-footer .text-section .text__button:last-of-type {
        margin-top: 22px;
    }
}
/* //////// End text footer section //////// */

/* Footer */
.site-footer .footer-title .footer-title__button {
    font-family: var(--FONT-STACK-BODY);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.site-footer .footer-block--newsletter .footer-title {
    font-family: var(--FONT-STACK-HEADING-THICK);
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.3px;
}

.site-footer .footer-link,
.site-footer .footer-copyright__copy,
.site-footer .footer-copyright__copy * {
    font-size: 17px;
    line-height: 120%;
}

.site-footer .footer-copyright__copy,
.site-footer .footer-copyright__copy * {
    line-height: normal;
}

.site-footer .footer-block--newsletter {
    gap: 26px;
}

.site-footer .footer-block--newsletter input,
.site-footer .footer-block--newsletter input::placeholder {
    font-size: 17px;
    line-height: 120%;
}

.site-footer .footer-block--newsletter input::placeholder {
    color: #2F343399;
}

.site-footer .sub-footer-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer .sub-footer-text.wrapper--full-padded:after {
    display: none;
}

.site-footer .sub-footer-text * {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.site-footer .social-sharing-icon {
    margin-right: 20px;
}

.site-footer .social-sharing-icon .icon {
    width: 20px;
    height: 20px;
}

.site-footer .input-group {
    max-width: 550px;
    --input-height: 62px;
}

.site-footer .input-group__fields,
.site-footer .input-group__item {
    max-width: 100%;
}

.site-footer .icon-select-custom-mobile {
    display: none;
}

.site-footer .footer-link-social-copyright {
    margin-top: 22px;
}

.site-footer .social-sharing-wrapper {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .site-footer .footer-block--menu {
        margin-top: 5px;
    }
    .site-footer .input-group--inline .input-group__btn--icon {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .site-footer .footer-block--newsletter .footer-title {
        font-size: 18px;
        letter-spacing: -0.18px;
    }
    .site-footer .footer-block--newsletter input,
    .site-footer .footer-block--newsletter input::placeholder {
        font-size: 15px;
    }
    .site-footer .footer-title .footer-title__button {
        font-size: 12.6px;
        letter-spacing: 0.504px;
    }
    .site-footer .footer-link,
    .site-footer .footer-copyright__copy,
    .site-footer .footer-copyright__copy * {
        font-size: 15px;
    }
    .site-footer .sub-footer-text * {
        font-size: 14px;
        letter-spacing: 0.56px;
    }
    .site-footer .input-group {
        --input-height: 42px;
    }
    .site-footer .icon-select-custom-desktop {
        display: none;
    }
    .site-footer .icon-select-custom-mobile {
        display: block;
    }
    .site-footer .footer-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
    .site-footer .footer-block--newsletter {
        gap: 14px;
        grid-column: 1 / -1;
        margin-bottom: 20px;
    }
    .site-footer .footer-block--menu .footer-title {
        margin-bottom: 12px;
    }
    .site-footer .footer-link-social-copyright {
        margin-top: 14px;
    }
}

#SiteFooter {
  padding-bottom: 20px;
}
/* //////// End footer //////// */


/* Yotpo Reviews */
body .star-container svg {
  margin-left: 1px !important;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-star {
  width: 12px !important;
  height: 12px !important;
}

.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star,
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star,
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star {
  font-size: 14px !important;
}

.yotpo.bottomLine .text-m {
  margin-left: 8px !important;
  font-family: "Apercu Pro Regular";
  font-size: 12px;
  text-transform: none;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-half-star {
    width: 12px !important;
    height: 12px !important
}


.yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-question-button,
.yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button {
  background: #85887F !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: 1px solid #85887F !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

.yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-question-button span,
.yotpo-default-button.yotpo-icon-btn.write-question-review-button.write-button.write-review-button span {
  color: #ffffff !important;
}

.yotpo-icon-profile.yotpo-header-element.pull-left {
    display: none !important;
}

.yotpo .yotpo-review .yotpo-main,
.yotpo .yotpo-review .yotpo-footer {
    margin-left: 0 !important;
}

.yotpo-bottom-line-scroll-panel {
  cursor: pointer;
  cursor: hand;
}

/* .yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title {
} */


.yotpo-review-votes-wrapper {
  display: none !important;
}

.yotpo-read-more {
  font-family: var(--FONT-STACK-ACCENT);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px !important;
  padding-left: 5px;
  text-decoration: underline;
  opacity: .7;
}

.yotpo-read-more:hover {
  opacity: 1;
  text-decoration: none;
}

.template-product .yotpo-media-modal {
    z-index: 9999999 !important;
}
/* //////// End Yotpo Reviews //////// */


/* Pdp template */
.template-product {
    overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .product-single__details {
    margin-top: 60px !important;
  }
}
.product-slider-container .flickity-prev-next-button {
    --icon-size: 18px;
    opacity: 1 !important;
    transform: none;
    visibility: visible !important;
}

/*
.template-product .image-slide {
    margin-right: 12px;
}

.template-product .image-slide .product-media-container:not(.template-product .image-slide.is-selected .product-media-container) {
    margin-left: 2px;
}
*/

/* .product-slider-container .hero-pag.slider-pag {
    display: none;
} */

.Product-benefits {
    margin: 30px 0px;
}

.Product-benefits .benefits-list {
    display: flex;
    flex-flow: row wrap;
}

.Product-benefits .benefits-list .product-benefit {
    padding: 10px 10px 10px 0px;
    flex: 0 0 50%;
    display: flex;
}

.Product-benefits .benefits-list .product-benefit img {
    width: 26px;
    height: 26px;
    margin-top: 2px;
}

.Product-benefits .benefits-list .product-benefit p {
    padding-left: 10px;
    padding-right: 2.5vw;
    margin: 0;
}

.product-single__wrapper {
    gap: 5vw;
}

.product-single__details {
    margin-top: 5px;
}

.product-single__details .form__wrapper {
    max-width: 650px;
    margin-left: 0;
}

.product-single .yotpo-sr-bottom-line-text,
.shopify-app-block .yotpo-sr-bottom-line-text {
    color: #2F3433 !important;
    font-family: var(--FONT-STACK-BODY) !important;
    font-size: 15px !important;
    line-height: normal !important;
    text-transform: capitalize !important;
}

.shopify-app-block .yotpo-sr-bottom-line-text {
    margin-top: -3px;
}

.product-single .product__title {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.55px;
}

.product-single .product__price * {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 16px;
    line-height: 120%;
    word-spacing: -8px;
}

.product-single .product-cutline {
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.product-single .product__description.rte,
.product-single .product-benefit p {
    font-size: 17px;
    line-height: 120%;
}

.product__description h5 {
  font-size: 24px;
  margin-bottom: 0;
}

.product__description a {
  display: inline;
  text-decoration: underline !important;
  text-underline-offset: 3.5px;
}

.product__description a:hover {
    cursor: pointer;
}

.product__description a::before,
.product__description a::after {
    display: none;
}

.product-single .radio__legend__label,
.product-single .Product-benefits h4 {
    font-family: var(--FONT-STACK-BODY);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.product-single .radio__legend__label--variant {
    text-transform: capitalize;
}

.product-single .radio__label,
.product-single .btn--submit {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
}

.product-single .btn--submit {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #505B43;
}

.product-single .select__fieldset .select-popout__value,
.product-single .quantity-selector .quantity__selector {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.64px;
}

.product-single .quantity-selector .quantity__selector {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

.product-single .product__jump-links {
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.product-single .product__jump-links a {
  color: #fff;
  font-family: var(--FONT-STACK-ACCENT);
  letter-spacing: 1px;
  font-size: 14px;
  background-color: #505b43;
  border-radius: 100px;
  padding: 3px 15px 5px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.product-single .product__jump-links a:hover {
    opacity: .7;
}

.product-single .product__jump-links a:not(:last-of-type) {
    margin-right: 20px;
}

.product-single .radio__legend {
    margin-bottom: 11px;
}

.product-single .radio__button {
    flex: none;
    min-width: 0;
    max-width: 100%;
    background-color: #ffffff;
    margin-right: 15px;
}

.product-single .radio__button .radio__label {
    padding: 13px 35px;
    min-height: 50px;
}

.product-single .radio__fieldset .radio__input:checked~.radio__label {
    color: #2F3433;
    background-color: #ffffff;
    border: 1px solid #2F3433;
	box-shadow: 0 0 0 1px #2f3433;
}

.product-single .selector-wrapper--qty .select__label {
    display: none;
}

.product-single .product__submit__holder {
    display: flex;
}

.product-single .product__submit__buttons {
    width: 100%;
    margin-left: 25px;
    grid-template-columns: minmax(0, 1fr);
}

.product-single .select-popout__toggle {
    display: none;
}

.product-single .select-popout>.quantity-selector {
    display: block;
}

/*
.product-single .mobile-view-title-price {
    display: none;
    margin-bottom: 23px;
}*/

.product-single .rc-container {
    margin-bottom: 0;
}

.product-single .rc-template__button-group .rc-radio .rc-option__price {
    display: none;
}

.product-single .rc-template__button-group .rc-radio .rc-option__text {
    color: #2F3433;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.product-single .rc-template__button-group .rc-radio {
    border: 1px solid #2F3433;
    background-color: #ffffff;
    border-radius: 0;
    min-height: 50px;
}

.product-single .rc-template__button-group .rc-radio.rc-option--active {
    box-shadow: none !important;
    border: 2px solid #2F3433;
}

.product-single .rc_popup {
    display: none;
}

.product-single .rc-template__button-group .rc-radio:first-child {
    margin-right: 16px;
}

.product-single .product__form {
    gap: 30px;
}

.product-single .shop-pay-terms {
    display: none;
}

@media screen and (max-width: 767px) {
    .product-single {
        padding-top: 0;
    }
    .product-single .yotpo-sr-bottom-line-text,
    .shopify-app-block .yotpo-sr-bottom-line-text,
    .product-single .product-benefit p {
        font-size: 14px !important;
    }
    .product-single .product__title {
        font-size: 22px;
        letter-spacing: -0.3px;
    }
    .product-single .product__price *,
    .product-single .product__description.rte {
        font-size: 15px;
    }
    .product-single .radio__legend {
        display: flex;
        gap: 5px;
    }
    .product-single .rc-template__button-group .rc-radio {
        padding: 6px 10px;
    }
    .product-single .product-cutline,
    .product-single .radio__legend__label,
    .product-single .radio__label,
    .product-single .btn--submit,
    .product-single .Product-benefits h4,
    .product-single .rc-template__button-group .rc-radio .rc-option__text  {
        font-size: 12.6px;
        letter-spacing: 0.504px;
    }

  /*
    .product-single .mobile-view-title-price {
        display: block;
    }

  
    .product-single .product-single__details .product__block:nth-child(1),
    .product-single .product-single__details .product__block:nth-child(2),
    .product-single .product-single__details .product__block:nth-child(3) {
        display: none;
    }
    */
    .product-single .product__title-and-price {
        margin-top: 5px;
    }
    .product-single .product__jump-links {
        margin-bottom: 34px;
    }
    .product-single .product__form {
        gap: 21px;
    }
    .product-single__wrapper .product__submit__holder {
        padding-top: 4px;
    }

      .product-slider-container {
        display: flex;
        gap: 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 500px) {
    .product-single .product__submit__holder {
        display: flex;
    }
    .product-single .product__submit__buttons {
        margin-top: 0px;
        margin-left: 20px;
    }

    .product-single .quantity-selector .quantity__selector {
      padding-top: 10px;
    }
}

@media screen and (min-width: 768px) {
    .product-slider-container.sticky-media {
        position: sticky;
        /* position: -webkit-sticky; */
    }
}

span[data-add-to-cart-text],
.product-single .product__submit__add {
  color: #FFF !important;
}

.product-upsell__content {
  flex: 100%;
  max-width: 100%;
  margin-right: 20px;
}

.product-upsell__subtitle,
.product-upsell__price {
  font-size: 12px;
  font-family: var(--FONT-STACK-ACCENT);
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* //////// End pdp template //////// */

/* Video with text */
.FeatureRow-Video {
    padding: 0;
    margin: 0 0 75px;
}

.FeatureRow-Video .column,
.FeatureRow-Video .row {
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.FeatureRow-Video .FeatureRow-textContainer {
    flex: 0 0 60%;
}

.FeatureRow-Video .FeatureRow-videoContainer {
    flex: 0 0 40%;
    padding: 0;
    position: relative;
}

.FeatureRow-Video .FeatureRow-videoContainer video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.FeatureRow-Video .FeatureRow-videoContainer .image-with-text__image-bg {
    border-radius: 0;
} 


.FeatureRow-Video.has-imageOnLeft .FeatureRow-imageContainer {
    left: -65%;
}

.FeatureRow-textContainer {
    padding: 45px var(--gutter);
    max-width: calc(700px + calc(var(--gutter) * 2));
    margin: auto;
}

.FeatureRow-textContainer .FeatureRow__heading {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.55px;
    font-weight: 300;
}

.FeatureRow-textContainer .FeatureRow__subheading {
    max-width: 650px;
    margin-bottom: 30px;
}

.FeatureRow-textContainer .FeatureRow__subheading * {
    font-family: var(--FONT-STACK-HEADING-THICK);
    font-size: 26px;
    line-height: 110%;
    letter-spacing: -0.26px;
    margin-bottom: 0;
}

.FeatureRow-textContainer .FeatureRow__subheading em {
    font-family: var(--FONT-STACK-HEADING-THICK-ITALIC);
}

/* .FeatureRow-textContainer * {
    margin: 0px 0px 15px 0px;
} */

.FeatureRow-textContainer .FeatureRow__text * {
    font-family: var(--FONT-STACK-BODY);
    font-size: 17px;
    /* font-weight: 400; */
    line-height: 120%;
    letter-spacing: normal;
}

.FeatureRow-textContainer .FeatureRow__good-for-text {
    margin-top: 38px;
}

.FeatureRow-textContainer .FeatureRow__good-for-text * {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    margin: 0;
}

.FeatureRow-textContainer .FeatureRow__good-for-text p {
    margin-bottom: 17px;
}

.FeatureRow-textContainer ul {
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 650px;
}

.FeatureRow-textContainer ul li:not(.FeatureRow__good-for-text ul li) {
  list-style: disc;
  margin-left: 30px;
}

.FeatureRow-textContainer .FeatureRow__good-for-text ul li {
    color: #E9E3DB;
    font-family: var(--FONT-STACK-BODY);
    background-color: #505B43;
    border-radius: 100px;
    padding: 3px 15px 5px;
    margin-bottom: 0;
}

@media screen and (max-width: 950px) {
    .FeatureRow-textContainer {
        padding: 45px var(--gutter-mobile) 37px;
    }
}

@media screen and (max-width: 767px) {
    .FeatureRow-Video {
        margin-bottom: 50px;
    }
    .FeatureRow-Video .FeatureRow-textContainer {
        flex: 0 0 100%;
        text-align: left;
    }
    .FeatureRow-Video .FeatureRow-videoContainer {
        flex: 0 0 100%;
        padding: 0;
        min-height: 500px;
        position: relative;
    }
    .FeatureRow-Video .FeatureRow-textContainer,
    .FeatureRow-Video .FeatureRow-videoContainer {
        width: 100%;
    }
    .FeatureRow-textContainer .FeatureRow__heading {
        font-size: 30px;
        letter-spacing: -0.40px;
    }
    .FeatureRow-textContainer .FeatureRow__subheading {
        margin-bottom: 20px;
    }
    .FeatureRow-textContainer .FeatureRow__subheading * {
        font-size: 20px;
        letter-spacing: -0.2px;
    }
    .FeatureRow-textContainer .FeatureRow__text * {
        font-size: 15px;
    }
    .FeatureRow-textContainer .FeatureRow__good-for-text {
        margin-top: 24px;
    }
    .FeatureRow-textContainer .FeatureRow__good-for-text * {
        font-size: 13px;
        letter-spacing: 0.532px;
    }
}

@media screen and (max-width: 405px) {
    .FeatureRow-textContainer .FeatureRow__heading {
        font-size: 36px;
        letter-spacing: -0.36px;
    }
    .FeatureRow-textContainer ul {
        gap: 10px;
    }
}

/* @media screen and (min-width: 1655px) {
    .FeatureRow-textContainer {
        padding-left: 0;
    }
} */
/* //////// End video with text //////// */

/* Text section */
.text .text__heading {
    font-size: 32px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.55px;
}

.text-baby .text__heading {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
    border-top: 1px solid #2f3433;
    border-bottom: 1px solid #2F3433;
}

.text .text__subheading {
    text-transform: uppercase;
}

.text-baby .text__heading:last-of-type {
    border-top: none;
}

.text-cool-citrus-breeze .text__split-left {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 18px;
}

.text-collection-centered .text__split div {
    display: flex;
}

.text-collection-centered .text__split div p {
    margin-top: auto;
    margin-bottom: auto;
}

.text-section-light-background {
    background-color: #fcfaf5;
    margin-bottom: 0;
}

.text-faq .text__heading {
    margin-bottom: 30px;
    font-size: 32px;
}

.text-faq .text__content h3 {
    font-family: var(--FONT-STACK-BODY);
}

@media screen and (max-width: 767px) {
    .text .text__heading {
        font-size: 30px;
        letter-spacing: -0.3px;
    }
}
/* //////// End text section //////// */

/* Text section - deodorant collection template */
.text-section__deodorant-header * {
    text-align: left;
}

.text-section__deodorant-header .text__split {
    grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
    grid-gap: 4.1666666667vw;
}

.text-section__deodorant-header .text__split-left p,
.image-with-text_palo-santo .subheading-text {
    max-width: fit-content;
}

.text-section__deodorant-header p:not(.text__heading) {
    font-size: 15px;
}

.text-section__deodorant-header .text__split-left p::after,
.image-with-text_palo-santo .subheading-text::after {
    background-size: 100%;
    display: block;
    width: 100%;
    content: "";
    height: 0.2777777778vw;
    margin: auto;
    margin-top: 0.3472222222vw;
    text-align: center;
    background-position: bottom center;
    background-size: cover;
    background-image: url(https://primallypure.com/cdn/shop/t/633/assets/pencil-black.svg?v=19140874056848283351712147695);
}

.text-section__deodorant-header .text__split-left p {
    margin-bottom: 10px;
    font-family: var(--FONT-STACK-ACCENT);
    letter-spacing: 0.64px;
}

.text-section__deodorant-header h1 {
    letter-spacing: calc(var(--heading-size) / 100 * -1);
}

@media screen and (min-width: 768px) {
    .text-section__deodorant-header {
        /* background-image: url(/cdn/shop/files/deo_header_382eab1e-d1de-47f4-bd9a-ec59d3eef5f3.webp?v=1665130704); */
        background-image: url(/cdn/shop/files/deo_header_2024.jpg?v=1729265615);

        min-height: 27.7777777778vw;
        max-height: 485px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media screen and (min-width: 1200px) {
    .text-section__deodorant-header {
        padding-top: 60px;
    }
    .text-section__deodorant-header h1 {
        font-size: 44px;
        letter-spacing: -0.44px;
    }
    .text-section__deodorant-header p:not(.text__heading) {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .text-section__deodorant-header {
        background-color: #FCFAF5;
    }
    .text-section__deodorant-header .text__split {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "text-left" "text-right";
        grid-gap: 2.6666666667vw;
    }
    .text-section__deodorant-header .text__split-left p:after,
    .image-with-text_palo-santo .subheading-text::after {
        height: 1.0666666667vw;
        margin-top: 1.3333333333vw;
    }
}
/* //////// End text section - deodorant collection template //////// */

/* Ingredients showcase section */
.Offcanvas--ingredients {
    display: none;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    top: 50%;
    left: 50%;
    width: calc(100vw - max(1.5rem, 2.7777777778vw));
    height: calc(100vh - max(12.5rem, 13.8888888889vw));
    padding: max(2.5rem, 3.4722222222vw) max(0.75rem, 1.3888888889vw) max(0.625rem, 0.8333333333vw);
    border-radius: 7px;
    background: #fdfaf6;
    pointer-events: none;
    max-height: max(35rem, 38.8888888889vw);
}

.Offcanvas--ingredients.is-expanded {
    display: flex;
    transform: translate(-50%, -50%);
    opacity: 1;
    pointer-events: all;
    z-index: 9999;
    position: fixed;
    overflow-y: auto;
}

.Offcanvas--ingredients .IngredientsShowcase-products:not(.template-product .Offcanvas--ingredients .IngredientsShowcase-products) {
    overflow-y: auto;
}

.Offcanvas--ingredients .IngredientsShowcase-product h3 {
    font-size: 18px;
    margin-bottom: 0;
}

.Offcanvas--ingredients .IngredientsShowcase-product p {
    margin-top: 0;
}

.Offcanvas-bgDimmer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(58, 58, 58, 0.2);
}

.Offcanvas-bgDimmer.is-expanded {
    display: block;
}

.IngredientsShowcase {
  margin-bottom: 60px;
}
.IngredientsShowcase-close {
    position: absolute;
    top: 0;
    right: 0;
    width: max(2.5rem, 2.7777777778vw);
    height: max(2.5rem, 2.7777777778vw);
    cursor: pointer;
}

.IngredientsShowcase-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.IngredientsShowcase-title {
    font-size: 32px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.55px;
    margin-bottom: 16px;
}

.IngredientsShowcase-header .btn {
    min-width: 185px;
}

.IngredientsShowcase .btn--mobile {
    display: none;
    margin-top: 30px;
}

.IngredientsShowcase-ingredient {
    text-align: center;
  position: relative;
}

.IngredientCard-title {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0.64px;
  text-decoration: none;
  text-transform: none;
}

.IngredientCard-title span,
.IngredientCard-cta {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.64px;
  text-decoration: underline;
  display: inline;
  text-transform: uppercase;
}

.IngredientCard-details {
  position: absolute;
  left: 0;
  top: 0;
  color: #FFF;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  padding-left: 10px;
  padding-right: 10px;
}

.IngredientCard-description * {
    font-family: var(--FONT-STACK-BODY);
    font-size: 14px;
    line-height: 140%; 
}

.IngredientCard {
    border-radius: var(--radius);
}
.IngredientCard-image {
  background-size: cover; 
  width: 100%; 
  height: 300px; 
  position: relative;
  border-radius: var(--radius);
}

.IngredientCard-image img {
    width: 100%;
    aspect-ratio: 1.4;
    object-fit: cover;
    border-radius: var(--radius);
}

.IngredientCard-image .overlay {
  width: 100%;
  height: 300px;
  position: absolute;
  background: #000;
  opacity: .5;
  z-index: 4;
  border-radius: var(--radius);
}

.IngredientCard-image h3 {
  position: absolute;
  color: #FFF;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 5;
  margin: 0;  
  padding: 0px 20px 20px 20px;
  cursor: pointer;
  cursor: hand;
}

@media screen and (max-width: 768px) {
  .IngredientCard-image h3 {
    font-size: 28px;
  }
}

.IngredientCard-image h3 span {
  width: 100%;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
    .IngredientsShowcase__ingredients.carousel--mobile {
        margin: 0 calc(var(--gutter-mobile)* -1);
      margin-bottom: 30px;
    }
    .IngredientsShowcase-slide {
        display: block;
        float: none;
        flex: 0 0 auto;
        scroll-snap-align: start;
        margin-right: var(--grid-gutter);
        padding-bottom: 0;
        width: calc(calc(100vw - 15px - 20px* 5) - 20px);
    }
    .IngredientsShowcase-title {
        font-size: 30px;
        letter-spacing: -0.3px;
    }
    .IngredientCard-title {
        font-size: 12.6px;
        letter-spacing: 0.504px;
        margin-top: 21px;
        margin-bottom: 0;
    }
    .IngredientCard-description * {
        font-size: 14px;
    }
    .IngredientsShowcase-header {
        margin-bottom: 21px;
    }
    .IngredientsShowcase .btn--desktop {
        display: none;
    }
    .IngredientsShowcase .btn--mobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .IngredientsShowcase__ingredients.grid {
        grid-template-columns: var(--grid);
        gap: 5%;
    }
}
/* //////// End ingredients showcase section //////// */


/* Recharge form on PDP */

.rc-widget .rc-template__button-group .rc-button-group__options[data-v-f1bb5b6a] .rc-radio {
  border-radius: 0px;
  border: 1px solid #000;
}

.rc-template__button-group .rc-button-group__options[data-v-f1bb5b6a] .rc-radio.rc-radio--active {
  border: 3px solid #000;
  background-color: #FFF !important;
}

.rc-template__button-group {
  font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    line-height: normal;
    letter-spacing: .56px;
    text-transform: uppercase;
}

.rc-subscription-details {
  display: none !important;
}

.rc-template__button-group .price-label {
  display: none;
}

.rc_widget__option__plans__dropdown {
  background-color: #fff;
  background-image: url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/down4-512.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) calc(50% + 2px);
  -webkit-appearance: none;
  appearance: none;
  margin-left: 20px;
}
/* //////// End Recharge form on PDP  //////// */

/* Bundles display on PDP */

.rebuy-widget.widget-type-dynamic-bundle {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  max-width: 350px;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions {
  grid-row: 2 !important;
  padding-top: 20px;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-button {
  height: 50px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: var(--FONT-STACK-ACCENT);
}
.rebuy-widget.widget-type-dynamic-bundle .primary-title {
  display: none !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__images {
  display: none !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions-price {
  display: none !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-checkbox {
  display: none !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-title {
  margin-left: 0 !important;
  text-decoration: none !important;
  border: 0 !important;
  pointer-events: none !important;
  font-family: var(--FONT-STACK-BODY);
  font-weight: bold;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-price {
  display: none !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-options {
  margin-left: 0 !important;
}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-select {
  font-family: "Brandon Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}


.bundle-products .bundle-product {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: calc(var(--grid-gutter) * 0.5);
}

.bundle-products .bundle-product .bundle-product-details {
  flex-direction: column;
}
.bundle-product-image {
  width: 50px;
  border-radius: 5px;
}
/* //////// End Bundles display on PDP  //////// */

/* Bundle summary section */
.bundle-products-summary .section-columns {
    background-color: #FCFAF5;
}

.bundle-overview .section-columns {
    background-color: #fff;
}

.bundle-products-summary .column-item {
    border-radius: var(--radius);
    background-color: #E9E3DB;
    min-height: 100%;
    text-align: left;
}

.bundle-products-summary .column-item__image-wrapper {
    margin-bottom: 0;
}

.bundle-products-summary .column-item__content {
    padding: 15px 10px;
}

.bundle-products-summary .column-item__heading-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}

.bundle-products-summary .column-item__heading {
    font-size: 24px;
    letter-spacing: -0.24px;
    margin-bottom: auto;
}

.bundle-products-summary .column-item__price {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: auto;
}

.bundle-products-summary .column-item__selector {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.bundle-products-summary .column-item__tab {
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color .5s ease;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.bundle-overview .column-item__tab {
    font-weight: 400;
}

.bundle-products-summary .column-item__tab.tab-active {
    border-bottom: 1px solid #2F3433;
}

.column-item__body {
    display: none;
}

.column-item__body.tab-active {
    display: block;
    animation: fade .5s;
}

.bundle-products-summary .column-item__body ul {
  margin: 10px 0px 0px 30px;
  list-style: disc;
}

.bundle-products-summary .column-item__body ul li {
    margin-bottom: 0;
}

.bundle-products-summary .column-item__body ul li a {
    text-decoration: underline;
    text-decoration: underline;
}

/* .bundle-overview .column-item__image img {
    object-position: bottom;
} */

@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    } 
}

@media screen and (min-width: 1200px) {
    .bundle-products-summary .column-item__heading {
        font-size: 28px;
        letter-spacing: -0.28px;
    }
    .bundle-products-summary .column-item__price {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bundle-products-summary .one-third {
        width: calc((var(--wrapper-width) - var(--grid-gutter)* 2) / 3);
    }
}
/* //////// End bundle summary section /////// */


/* Switch image */
.switch-image .switch-image__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
}

.switch-image h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 0;
}

.switch-image .section-image__image-mobile {
    display: none;
    margin-left: 0;
    margin-right: 0;
}

.switch-image .section-image__container img {
    width: 100%;
    object-fit: contain;
    border-radius: 0;
}

.switch-image .hide-image {
    display: none;
}

.switch-image .btn--switch {
    display: flex;
    justify-content: space-evenly;
    min-width: 250px !important;
}

.switch-image .btn--switch span {
    display: block;
    margin-top: -2px;
}

@media screen and (max-width: 767px) {
    .switch-image .section-image__image-desktop {
        display: none;
    }
    .switch-image .section-image__image-mobile {
        display: block;
    }
    .switch-image .btn--switch {
        width: auto !important;
    }
    .switch-image h2 {
        font-size: 26px;
    }
}
/* //////// End switch image //////// */

/* Bundles collection template */
#bundles-primally-pure .select--quick-add-ctr,
#bundles .select--quick-add-ctr{
    display: none; 
}
/* //////// End bundles collection template //////// */

/* Three column layout collection template */
@media only screen and (min-width: 480px) {
    #balms-creams .collection .grid,
    #crisp-smoky-woods-home-collection .collection .grid,
    #cool-citrus-breeze-home-collection .collection .grid,
    #benefits-of-dry-brushing-your-face-how-to-amp-faq-primally-pure .collection .grid,
    #holiday .collection .grid,
    #sweet-floral-sage-home-collection .collection .grid,
    #warm-citrus-spice-home-collection .collection .grid,
    #serum-match-plumping-serum .collection .grid,
    #serum-match-soothing-serum .collection .grid,
    #serum-match-clarifying-serum .collection .grid {
        grid-template-columns: var(--grid-tablet);
    }
}
/* ///////// End three column layout collection tempalte ///////// */

/* Rewards popup */
#popupSection {
    display: none;
}

.popup-container {
    width: 690px;
    height: 239px;
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 7px;
    text-align: center;
    z-index: 9999;
    background-color: #505B43;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    margin-top: 20px;
}

.popup-content p {
    font-family: var(--FONT-STACK-HEADING);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: -.30px;
    line-height: 110% !important;
    color: #fff;
    margin-top: 0;
}

.popup-content em {
    font-weight: 300;
}

.popup-btn-ctr {
    display: flex;
    margin-top: 30px;
}

.popup-btn-ctr a {
    width: 270px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-btn-ctr a:hover {
    cursor: pointer;
}

.popup-btn-ctr a:first-of-type {
    color: #fff;
    margin-right: 5px;
}

.popup-btn-ctr a:last-of-type {
    color: #fff;
    margin-left: 5px;
}

.popup-close-button {
    position: absolute;
    top: 30px;
    right: 17px;
    font-family: var(--FONT-STACK-BODY);
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 118%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
}

.popup-close-button:hover {
    cursor: pointer;
}

@media screen and (max-width: 700px) {
    .popup-container {
        width: 100%;
        height: 170px;
        border-radius: 0;
        display: block;
    }
    .popup-content {
        margin-left: 12px;
        margin-top: 30px;
    }
    .popup-content p {
        text-align: left;
        width: 80%;
        margin-top: 0;
    }
    .popup-btn-ctr {
        margin-bottom: 20px;
        margin-top: 25px;
    }
    .popup-btn-ctr a {
        height: 32px;
        min-width: 0 !important;
        width: calc(50% - 9px);
    }
    .popup-btn-ctr a:first-of-type {
        margin-right: 3px;
    }
    .popup-btn-ctr a:last-of-type {
        margin-left: 3px;
    }
    .popup-close-button {
        top: 20px;
        right: 14px;
    }
}

@media screen and (max-width: 670px) {
    .popup-content {
        margin-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    .popup-container .btn--large:not(.btn--text):not(.btn--submit):not(.shopify-section-group-group-footer .btn) {
        /* width: 250px; */
        min-width: 0;
        padding-left: 5vw;
        padding-right: 5vw;
    }
}
/* //////// End rewards popup //////// */

/* Buttons list section */
@media only screen and (min-width: 1024px) {
    .buttons-list .wrapper--full-padded .carousel .flickity-prev-next-button {
        background: #fff;
    }
    .buttons-list .wrapper--full-padded .carousel .flickity-prev-next-button.previous {
        left: calc(var(--gutter) - 20px);
    }
    .buttons-list .wrapper--full-padded .carousel .flickity-prev-next-button.next {
        right: calc(var(--gutter) - 20px);
    }
}
/* //////// End button lists section //////// */

/* Tips how to section */
.tips-how-to-custom-section {
    padding: 28px 0 30px;
}

.tips-how-to-custom-heading * {
    font-size: 32px;
    letter-spacing: -0.55px;
    line-height: 110%;
    text-transform: capitalize;
    display: block;
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .tips-how-to-custom-heading * {
        font-size: 42px;
        letter-spacing: -0.42px;
    }
}

.tips-how-to-mobile-heading h2,
.tips-how-to-mobile-heading p,
.tips-how-to-custom-mobile-heading {
    display: none;
}

.tips-how-to-custom-ctr {
    display: flex;
    align-items: stretch;
    gap: 5px;
    padding-right: 0;
}

.how-to-carousel-custom {
    width: 78%;
    margin-left: auto;
    margin-right: 0 !important;
}

.how-to-custom-slide .how-to-custom-title {
    color: #fff;
    font-family: var(--FONT-STACK-BODY);
    text-align: center;
    font-size: 18px;
    letter-spacing: .18px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .tips-how-to-mobile-heading {
        padding-bottom: 8px;
    }

    .tips-how-to-mobile-heading * {
        font-size: 32px;
        letter-spacing: -0.32px;
        line-height: 110%;
        text-transform: uppercase;
        display: flex;
    }

    .tips-how-to-mobile-heading em {
        padding-left: 5px;
    }
}

.tips-popup-ctr {
    background-color: #fcfaf5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    overflow: scroll;
}

/* Place new popup here */
.serum-popup,
.deodorant-popup,
.lip_balm-popup,
.cleanser-popup,
.skincare-popup,
.tools-popup,
.dry-brush-popup {
    display: none;
}

/* Place new popup here */
.serum-popup.tips-show,
.deodorant-popup.tips-show,
.lip_balm-popup.tips-show,
.cleanser-popup.tips-show,
.skincare-popup.tips-show,
.tools-popup.tips-show,
.dry-brush-popup.tips-show {
    display: block;
}

.tips-popup-close-btn {
    display: flex;
    align-items: center;
    margin-top: 18px;
    margin-left: 20.8px;
}

@media screen and (max-width: 767px) {
    .tips-popup-close-btn {
        margin-left: 1px;
    }
}

.tips-popup-close-btn:hover {
    cursor: pointer;
}

.tips-popup-close-btn span {
    font-size: 15px;
    margin-top: -2px;
    margin-left: -4.7px;
}

.tip-popup circle,
.tip-popup path:not(:last-of-type) {
    display: none;
}

.tip-popup path:last-of-type {
    stroke: #2f3433;
}

.tip-popup-content__custom {
    text-align: left;
    margin-left: 55px;
    margin-top: 36.7px;
}

@media screen and (max-width: 767px) {
    .tip-popup-content__custom {
        margin-left: 12px;
        margin-top: 2px;
    }
}

.tip-popup-content__custom h2 {
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.tip-popup-content__custom p {
    font-size: 18px;
    line-height: 128%;
    letter-spacing: -0.4px;
    margin: 0 0 10px;
}

/* .tip-popup-content__custom .BlogPosts-grid p {
  min-height: 70px;
} */

.tip-popup-content__custom span {
    font-weight: 600;
}

.tip-popup-content__custom .BlogPosts-grid {
    height: 135vw;
    max-height: 431px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tip-popup-content__custom .BlogPosts-grid .swiper-slide {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.below-content-ctr {
    display: flex;
    align-items: center;
}

.below-content-ctr a {
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    letter-spacing: -0.32px;
    border-bottom: none;
    padding-bottom: 20px !important;
    display: inline-block;
    margin-right: 118px;
}

.below-content-ctr .Timeline-navigationTxt {
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .below-content-ctr {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .tip-popup-content__custom .BlogPosts-grid {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .below-content-ctr .Timeline-navigation {
        display: flex !important;
    }
}

@media screen and (max-width: 767px) {
    .below-content-ctr a {
        margin-right: 0;
    }
    .below-content-ctr {
        justify-content: space-between;
        margin-right: 10px;
    }
}

.how-to-custom-card {
    border-radius: 5.682px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.how-to-custom-card:hover {
    cursor: pointer;
}

.tip-popup-content__custom .BlogPosts-item .BlogPosts-item__image__custom {
  height: auto;
  max-height: 350px;
  border-radius: 6px;
  overflow: hidden;
  flex-grow: 1;
}

/* .skincare-popup .tip-popup-content__custom .BlogPosts-item:nth-child(1) .BlogPosts-item__image__custom,
.skincare-popup .tip-popup-content__custom .BlogPosts-item:nth-child(2) .BlogPosts-item__image__custom {
    display: flex;
}
.skincare-popup .tip-popup-content__custom .BlogPosts-item:nth-child(1) .BlogPosts-item__image__custom img,
.skincare-popup .tip-popup-content__custom .BlogPosts-item:nth-child(2) .BlogPosts-item__image__custom img {
    object-position: center 80% !important;
    object-fit: cover;
} */

.tip-popup-content__custom .BlogPosts-item .BlogPosts-item__image__custom img {
    min-height: 100%;
    object-position: center 80% !important;
    object-fit: cover;
}

@media screen and (max-width: 599px) {
  .tip-popup-content__custom .BlogPosts-item .BlogPosts-item__image__custom {
    height: auto;
    max-height: 325px;
    border-radius: 6px;
    overflow: hidden;
  }
}


@media screen and (max-width: 767px) {
    .tips-how-to-custom-ctr {
        flex-direction: column;
    }

    .tips-how-to-custom-heading {
        display: none;
    }

    .tips-how-to-custom-mobile-heading {
        padding-bottom: 8px;
        display: block;
    }

    .tips-how-to-custom-mobile-heading em {
        padding-left: 5px;
    }
    
    .tips-how-to-custom-mobile-heading * {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 150% !important;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        display: flex;
        font-family: var(--FONT-STACK-BODY);
        margin-top: 0;
        margin-bottom: 0;
    }

    .how-to-carousel-custom {
        width: 100%;
    }

    .general-resources-ctr-custom {
        flex-direction: column;
        padding-left: 12px;
    }

    .general-resources-ctr-custom .swiper-wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .tip-popup-content__custom .BlogPosts-grid {
        height: 75.5vw;
        max-height: 456px;
    }
}
/* //////// End tips how to section //////// */

/* Blog template */
@media only screen and (min-width: 768px) {
    #pure-life .banner-image .banner-image__text-wrapper--narrow {
        width: calc(270px + var(--gutter-mobile)* 2);
    }
    #pure-life .banner-image .banner-image__content {
        max-width: 197px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media only screen and (min-width: 1024px) {
    #pure-life .banner-image .banner-image__text-wrapper--narrow {
        width: calc(270px + var(--gutter)* 2);
    }
}
/* //////// End blog template //////// */

/* Blog nav search */
.blog-nav__ctr {
    padding: 40px 20px;
    gap: 10px;
}

.blog-nav__ctr .icon {
    width: auto;
    height: auto;
}

.blog-nav__ctr .btn {
    --btn-border: var(--border);
    --btn-bg: transparent;
    --btn-text: var(--text);
    --btn-bg-hover: var(--text);
    transition: color .3s ease, background .3s ease, border .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
}

@media screen and (min-width: 768px) {
    .blog-nav__ctr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}


/* //////// End blog nav search //////// */

/* Blog template */
.blog .wrapper--blog-tabs {
    display: none;
}

#pure-life .blog__post-content {
    text-align: center;
}

#pure-life .blog__post-tags-link {
    font-family: var(--FONT-STACK-ACCENT);
    text-transform: uppercase;
}

#pure-life .blog__post-item:first-of-type {
    grid-column: 1 / -1;
    display: flex;
    background-color: #fcfaf5;
    border-radius: 7px;
}

#pure-life .blog__post-item:first-of-type .blog__post-image-link {
    min-height: 400px;
    flex-basis: 50%;
    padding: 0;
    margin-bottom: 0;
}

#pure-life .blog__post-item:first-of-type .blog__post-content {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

.blog__post-content .btn--blog-post {
    display: none;
    background-color: transparent;
    color: currentColor;
    margin-top: 15px;
}

#pure-life .blog__post-item:first-of-type .blog__post-content .btn--blog-post {
    display: block;
}

@media screen and (max-width: 767px) {
    #pure-life .banner-image__image-container  {
        display: none;
    }
    #pure-life .banner-image__text-container {
        background-color:#fcfaf5;
    }
    #pure-life .banner-image__text-container {
        justify-content: center;
        text-align: center;
    }
    #pure-life .blog__post-item:first-of-type {
        display: block;
    }
    #pure-life .blog__post-item:first-of-type .blog__post-image-link {
        min-height: 300px;
    }
    #pure-life .blog__post-item:first-of-type .blog__post-content {
        padding: 40px 20px;
    }
    #pure-life .blog__post-item:first-of-type .blog__post-content .btn--blog-post {
        width: 60%;
    }
}

@media screen and (min-width: 768px) {
    #pure-life .blog__post-item:last-of-type {
        grid-column: 1 / -1;
    }
    #pure-life .blog__post-item:last-of-type .blog__post-image-link {
        min-height: 400px;
        padding: 0;
    }
}
/* //////// End blog template //////// */

/* Article template */
.template-article [data-aos^=fade] {
    opacity: 1 !important;
}

.template-article .Article-comments {
    margin-top: 60px;
}

.template-article .ArtProducts-grid {
    display: flex;
    flex: 0 0 33.3%;
    margin-left: -20px;
}

.template-article .ArtProducts-grid a {
    padding: 0px 20px;
}

.template-article .ArtProducts-title {
    font-size: 26px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -.26px;
    font-family: var(--FONT-STACK-HEADING-THICK);
}

@media screen and (max-width: 767px) {
    .template-article .ArtProducts-grid {
        display: block;
        flex: 0 0 100%;
        margin-left: 0px;
    }

    .template-article .ArtProducts-title {
        font-size: 18px;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: -.26px;
        font-family: var(--FONT-STACK-HEADING-THICK);
    }
}

.template-article .ArtProducts-grid a img {
    margin-bottom: 20px;
}

.template-article img {
    border-radius: 5px;
}

.template-article .ArtProducts-price {
    font-family: var(--FONT-STACK-BUTTON) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    word-spacing: -8px;
}

.template-article h2 {
    font-size: 32px !important;
}

.template-article h3 {
    font-size: 28px !important;
}

.SignUpForm-newsletter .o-formSuccess {
    display: none;
}

.SignUpForm-newsletter.success .o-formSuccess {
    display: block;
}

.SignUpForm-newsletterContainer input,
.SignUpForm-newsletterContainer button {
    width: 100%;
}

.SignUpForm-newsletterContainer button {
    background: #2F3433;
    color: #FFF;
    margin-top: 10px;
    padding: 13px;
    font-family: "Apercu Pro Mono";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.ArtAuthor-bio {
    display: flex;
    min-height: 300px;
    gap: 20px;
    margin-top: 44px;
    padding: 20px;
    background-color: #E9E3DB;
}

.ArtAuthor-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-basis: 30%;
    max-height: 320px;
}

.ArtAuthor-info {
    flex-basis: 70%;
}

.ArtAuthor-info p {
    line-height: 120%;
    margin: 0;
}

.ArtAuthor-heading {
    font-weight: 600;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 767px) {
    .ArtAuthor-bio {
        flex-direction: column;
        min-height: auto;
        margin-top: 19px;
        padding: 40px 20px;
    }
    .ArtAuthor-img {
        background-size: cover;
        min-height: 300px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    .template-article .rte iframe {
        aspect-ratio: 16 / 9;
        height: auto !important;
    }
}
/* //////// End article template //////// */

/* Bundle routine upsell */
.section-bundle-routine-upsell {
    padding: 20px;
}

.bundle-routine-upsell {
    border-radius: var(--radius);
}

.bundle-routine-upsell .image-with-text__image {
    border-radius: 7px;
}

.bundle-routine-upsell .image-with-text__content {
    padding: 20px;
}

.bundle-routine-upsell .bundle-product-upsell__products {
    display: flex;
    gap: 10px;
}

.bundle-routine-upsell .bundle-product-upsell__prod {
    width: 33%;
    pointer-events: all;
    opacity: .7;
    border-bottom: 0 solid transparent;
    transition: opacity 0.5s ease, border-bottom .5s ease;;
}

.bundle-routine-upsell .bundle-product-upsell__prod.tab-active {
    opacity: 1;
    border-bottom: 1px solid #2F3433;
}

.bundle-routine-upsell .bundle-product-upsell__prod:hover {
    cursor: pointer;
}

.bundle-routine-upsell .bundle-product-upsell__prod img {
    transform: none !important;
    border-radius: var(--radius);
    aspect-ratio: 1;
    object-fit: cover;
}

.bundle-routine-upsell .bundle-product-upsell__header span {
    text-transform: uppercase;
}

.bundle-routine-upsell .bundle-product-upsell__heading p {
    margin: 0;
    font-family: var(--FONT-STACK-BODY);
}

.bundle-routine-upsell .main-buttons {
    justify-content: flex-end;
}

.bundle-routine-upsell .bundle-product-upsell__title {
    margin-bottom: 5px;
    font-weight: 600;
}

.bundle-routine-upsell .bundle-product-upsell__heading-mobile {
    display: none;
    margin-top: 20px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .section-bundle-routine-upsell {
        padding: 10px;
    }
    .bundle-routine-upsell .bundle-product-upsell__heading-desktop {
        display: none;
    }
    .bundle-routine-upsell .bundle-product-upsell__heading-mobile {
        display: block;
    }
    .bundle-routine-upsell .column-item__body p {
        margin-top: 0;
    }
}
/* //////// End bundle routine upsell //////// */

/* Video grid */
.VideosGrid {
    display: grid;
    grid-gap: 4vw;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 1400px;
    padding: var(--gutter-mobile);
    margin: 0 auto;
}

.VideosGrid-media {
    position: relative;
    padding-top: 56.25%;
}

.VideosGrid-media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid transparent;
}

@media screen and (min-width: 768px) {
    .VideosGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 2vw;
        padding: 40px var(--gutter);
    }
}
/* //////// End video grid //////// */

/* Timeline section */
/* .section-columns-timeline .column-item__inner {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.section-columns-timeline .column-item__content {
    margin-bottom: auto;
}
#
.section-columns-timeline .column-item__image-wrapper {
    margin-top: 10px;
} */

.section-columns-timeline .column-item__counter {
    font-family: var(--FONT-STACK-ACCENT);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-columns-timeline .column-item__heading {
    font-size: 24px;
    letter-spacing: -0.24px;
    margin-bottom: 10px;
}

.section-columns-timeline .column-item__image-wrapper {
    margin-top: 10px;
    margin-bottom: 0;
}

.section-columns-timeline .column-item__inner {
    padding: 40px;
    background-color: #E9E3DB;
}

.section-columns-timeline .column-item__image {
    border-radius: 0;
}

.section-columns-timeline .flickity-button {
    top: 50% !important;
}

@media screen and (max-width: 767px) {
    .section-columns-timeline .column-item__inner {
        padding: 20px;
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }
    .section-columns-timeline .column-item__content {
        margin-bottom: 10px;
    }
    .section-columns-timeline .column-item__image-wrapper {
        margin-top: auto;
    }
}
/* //////// End timeline section //////// */


/* //////// Testimonial slider //////// */


.testimonial-promo-block {
  width: 30%;
  height: 100%;
  max-width: 600px; 
  min-width: 350px;
  height: 100%;
  margin-right: 20px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.testimonials-slider-header {
  display: none;
}

.column-item__text {
  padding-bottom: 10px;
}

.section-testimonials-slider .column-item {
  border-radius: 10px;
}
.section-testimonials-slider .column-item__image-wrapper {
  margin-bottom: 10px;
}

.section-testimonials-slider h3 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--FONT-STACK-ACCENT);
}

.section-testimonials-slider p {
  font-size: 14px;
  line-height: 120%;
}

.section-testimonials-slider .backdrop--radial:before {
    display: none;
}

@media screen and (max-width: 767px) {
  .testimonials-slider-header {
    display: block;
  }
}

/* //////// End testimonial slider //////// */

/* //////// Collection filters //////// */

.collection__filters__toggle {
  width: 100px;
}

.collection__filters__title {
  font-family: var(--FONT-STACK-BODY);
  font-weight: normal;
}

/* .collection__filter * {
} */

.collection__filter__title {
  font-family: var(--FONT-STACK-ACCENT);
  font-size: 14px;
  text-transform: uppercase;
}

.collection__filter-tag {
  font-family: var(--FONT-STACK-ACCENT);
  font-size: 14px;
  text-transform: uppercase;
}

.filter-label {
  font-family: var(--FONT-STACK-ACCENT);
  font-size:14px;
  margin-right: 10px;
}

/* //////// End collection filters //////// */

/* //////// Skin Pure-scription Content //////// */
.SkinContent.milk {
  background: #FFF7F2;
}
.SkinContent.tallow {
  background: #E9E3DB;
}
.SkinContent.jade {
  background: #505B43;
}
.SkinContent.nephrite {
  background: #B59C86;
}
.SkinContent.white {
  color: #ffffff;
}
.SkinContent.white a, .SkinContent.white a:hover {
  border-color: #ffffff;
}
.SkinContent.white .SkinContent-tip {
  border-color: #ffffff;
}
.SkinContent.black {
  color: #333;
}
.SkinContent.black a, .SkinContent.black a:hover {
  border-color: #333;
}
.SkinContent.black .SkinContent-tip {
  border-color: #333;
}
.SkinContent-content {
  padding: 20px;
  max-width: 100vw;
  margin: auto;
}
.SkinContent-header {
  padding-bottom: 20px;
  text-align: center;
}
.SkinContent-block {
  padding-left: 20px;
  padding-bottom: 20px;
  max-width: 700px;
  margin: auto;
}
.SkinContent-title {
  padding-bottom: 20px;
  font-size: 24px;
  text-align: center;
  max-width: 700px;
  margin: auto;
}
.SkinContent-text {
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}
.SkinContent-text:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: -20px;
    border-style: solid;
    border-width: 1px;
}
.SkinContent-text p {
  font-size: 14px;
}
.SkinContent.white .SkinContent-text:before {
  border-color: #ffffff;
}
.SkinContent.black .SkinContent-text:before {
  border-color: #333;
}
.SkinContent a, .SkinContent a:hover {
  color: inherit;
}
.SkinContent-tip {
  border-width: 1px;
  border-style: solid;
  padding: 20px;
  margin: auto;
  margin-bottom: 20px;
  max-width: 700px;
}

/* //////// Skin Pure-scription Content //////// */

/* Hero - landing page section */
.HeroLP-container {
    margin-top: max(1.25rem, 1.3888888889vw);
}

.HeroLP-grid {
    background-color: #E9E3DB;
    overflow: hidden;
    border-radius: var(--radius);
}

.HeroLP-title,
.HeroLP-title * {
    font-size: max(2.5rem, 4vw);
    line-height: 100%;
    color: #2F3433;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: max(-4.0625rem, -4.5138888889vw);
    position: relative;
    z-index: 2;
}

.HeroLP-product-title,
.HeroLP-product-title * {
    color: #2F3433;
    font-size: 32px;
    line-height: 110%;
}

.HeroLP-product-title p {
    margin-top: 0;
    margin-bottom: 0;
}

.HeroLP-product-description,
.HeroLP-product-description * {
    margin: max(0.8125rem, 0.9027777778vw) 0 max(2.1875rem, 2.4305555556vw);
    font-size: 12px;
}

.HeroLP-product-description p {
    line-height: 118%;
    margin-bottom: max(1.25rem, 1.3888888889vw);
    font-size: 14px;
}

.HeroLP-product-image {
    border-radius: var(--radius);
    object-fit: cover;
    width: 100%;
}

.HeroLP-product-image.--desktop {
    display: none;
}

.HeroLP-product {
    padding: 20px 10px 25px;
}

.select--quick-add-ctr {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    border: 1px solid #2F3433;
    height: 100%;
}

 
 
.select--quick-add-ctr svg {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.HeroLP .select--quick-add {
    width: 100%;
    padding: 6px 10px;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    font-weight: 400;
    border: none;
}

.HeroLP .select--quick-add-ctr svg {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.HeroLP .quick-add-border {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border-left: 1px solid #2F3433;
    pointer-events: none;
}

.HeroLP .btn--quick-add {
    width: 100%;
    margin-top: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #505B43;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.HeroLP .btn--quick-add span {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.HeroLP .btn--quick-add .bd-price * {
    word-spacing: -8px;
}

.HeroLP-closest {
    padding: 20px 0 0;
    margin-top: 0;
    border-radius: var(--radius);
    display: inline-block;
    align-items: center;
    margin-right: max(-0.625rem, -0.6944444444vw);
    text-decoration: none;
    border: none;
    max-width: 100%;
}

.HeroLP-closest-image {
    width: max(4.375rem, 4.8611111111vw);
    border-radius: var(--radius);
    display: none;
}

.HeroLP-closest-text {
    font-size: max(1rem, 1.1111111111vw);
}

.HeroLP .icon-select-custom-desktop {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
    .HeroLP-closest-text {
        font-size: 12px;
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 1024px) {
    .HeroLP-container {
        padding: 20px var(--gutter-mobile) 50px !important;
    }
}

@media screen and (max-width: 767px) {
    .HeroLP-title,
    .HeroLP-title * {
        margin-bottom: -24px;
    }

    .HeroLP-closest {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .HeroLP-product-title,
    .HeroLP-product-title * {
        font-size: 32px;
    }
}

@media screen and (min-width: 768px) {
    .HeroLP-container {
        margin-top: 0;
        padding: 40px var(--gutter) 70px;
    }

    .HeroLP .icon-select-custom-mobile {
        display: none;
    }

    .HeroLP .icon-select-custom-desktop {
        display: block;
        margin-left: auto;
    }

    .HeroLP-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
    }

    .HeroLP-title {
        /* width: max(45.9375rem, 51.0416666667vw); */
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        margin-bottom: 32px;
    }

    .HeroLP-product-description {
        margin: max(1.25rem, 1.3888888889vw) 0 max(1.5625rem, 1.7361111111vw);
    }

    .HeroLP-product-image {
        height: 100%;
        width: 100%;
    }

    .HeroLP-product-image.--desktop {
        display: block;
    }

    .HeroLP-product-image.--mobile {
        display: none;
    }

    .HeroLP-product {
        padding: 60px 40px;
    }

    .HeroLP-variants {
        min-width: max(6.75rem, 7.5vw);
    }

    .HeroLP-submitButton {
        min-width: max(16.8125rem, 18.6805555556vw);
        max-width: 100%;
        flex: initial;
    }

    .HeroLP-closest {
        display: flex;
        border: 1px solid #2F3433;
        margin-top: max(1.5625rem, 1.7361111111vw);
        padding: max(0.3125rem, 0.3472222222vw) max(0.625rem, 0.6944444444vw);
    }

    .HeroLP-closest-image {
        display: block;
    }

    .HeroLP-closest-text {
        margin-left: max(1.25rem, 1.3888888889vw);
    }

    .HeroLP .HeroLP-product-image-ctr {
        height: 0;
        min-height: 100%;
    }
}

@media screen and (min-width: 1100px) {
    .HeroLP .select--quick-add {
        padding: 12px 10px;
    }

    .HeroLP .btn--quick-add {
        margin-top: 0;
    }

    .HeroLP form {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .HeroLP bd-variants {
        width: 35%;
        min-width: 130px;
    }
}
/* //////// End hero - landing page section //////// */

/* Compare section */
.Compare {
    padding: 60px var(--gutter-mobile);
}

.Compare-content {
    padding: max(0.875rem, 2.7777777778vw) 0 max(3.25rem, 4.4444444444vw) max(0.75rem, 0.8333333333vw);
    border-radius: var(--radius);
    background: rgba(234, 228, 221, 0.5);
}

.Compare-header {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.Compare-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.Compare-title,
.Compare-title * {
    max-width: max(22.8125rem, 57.6388888889vw);
    font-family: var(--FONT-STACK-HEADING);
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.32px;
    text-transform: capitalize;
    color: #2F3433;
}

.Compare-title p {
    margin: 0;
}

.Compare-title em {
    font-family: var(--FONT-STACK-HEADING-ITALIC);
    font-weight: lighter;
    font-style: italic;
    margin: 0;
}

.Compare-title br {
    display: none;
}

.Compare-table {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: var(--radius);
    border: max(0.0625rem, 0.0694444444vw) solid #2F3433;
    border-right: 0;
    overflow: hidden;
}

.Compare-tableContent {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    overflow: auto;
}

.Compare-tableColumn {
    flex: 1;
    border-right: max(0.0625rem, 0.0694444444vw) solid #2F3433;
}

.Compare-tableCell {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    height: max(4.375rem, 4.8611111111vw);
    padding-left: max(0.625rem, 0.6944444444vw);
    padding-right: max(1.5rem, 1.6666666667vw);
    font-size: 12px;
    font-weight: 800;
    line-height: max(1.125rem, 1.25vw);
    letter-spacing: .72px;
    text-transform: uppercase;
    text-align: center;
    color: #2F3433;
}

.Compare-tableCell:not(:first-child) {
    border-top: max(0.0625rem, 0.0694444444vw) solid #2F3433;
}

.Compare-tableCell:not(.Compare-tableCell--left) {
    width: max(8.375rem, 9.3055555556vw);
    padding-left: max(0.625rem, 0.6944444444vw);
    padding-right: max(0.625rem, 0.6944444444vw);
}

.Compare-tableCell--header {
    background: #EAE4DD;
}

.Compare-tableCell--main {
    background: #2F3433;
    color: #FDFAF6;
}

.Compare-tableCell--highlight {
    background: #CEBBA480;
}

.Compare-tableCell--left {
    width: max(9.125rem, 23.3333333333vw);
    justify-content: flex-start;
    text-align: left;
}

.Compare-tableCell svg {
    display: block;
    width: max(2rem, 2.2222222222vw);
    height: max(2rem, 2.2222222222vw);
}

.Compare-info {
    margin-top: 20px;
}

.Compare-text p {
    font-size: 16px;
    line-height: 120%;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .Compare-text p {
        padding-right: 10px;
    }
}

@media screen and (min-width: 768px) {
    .Compare-content {
        padding: max(0.875rem, 2.7777777778vw) max(0.75rem, 8.1944444444vw) max(3.25rem, 4.4444444444vw);
    }
    .Compare-header {
        flex-flow: row nowrap;
    }
    /* .Compare-title {
        margin-bottom: 20px;
    } */
    .Compare-title,
    .Compare-title * {
        font-size: 32px;
        letter-spacing: -0.55px;
    }
    .Compare-title br {
        display: inline;
    }
    .Compare-table {
        border-radius: var(--radius);
        border: max(0.0625rem, 0.0694444444vw) solid #2F3433;
    }
    .Compare-tableContent {
        overflow: hidden;
    }
    .Compare-tableColumn:last-child:not(.Compare-tableColumn--only) {
        border-right: 0;
    }
    .Compare-tableCell {
        font-size: 14px;
    }
    .Compare-tableCell:not(.Compare-tableCell--left) {
        width: auto;
    }
    .Compare-tableCell--left {
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .Compare {
        padding: 60px var(--gutter);
    }
}
/* //////// End compare section //////// */

/* Product reviews yotpo */
.ProdReviews {
    padding-top: 10.6666666667vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
}

.ProdReviews-header {
    padding-bottom: 8vw;
    text-align: center;
    font-size: 7.4666666667vw;
    line-height: 10.4vw;
}

.ProdReviews-content {
    max-width: 100vw;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .ProdReviews {
        padding-top: 4.1666666667vw;
    }

    .ProdReviews {
        padding-right: 0vw;
    }

    .ProdReviews {
        padding-bottom: 4.1666666667vw;
    }

    .ProdReviews {
        padding-left: 0vw;
    }

    .ProdReviews-header {
        padding-bottom: 2.0833333333vw;
    }

    .ProdReviews-header {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .ProdReviews-header {
        line-height: 2.7083333333vw;
    }

    .ProdReviews-content {
        max-width: 69.4444444444vw;
    }
}

@media screen and (min-width: 1024px) {
    .ProdReviews {
        padding-top: 4.1666666667vw;
    }

    .ProdReviews {
        padding-right: 0vw;
    }

    .ProdReviews {
        padding-bottom: 4.1666666667vw;
    }

    .ProdReviews {
        padding-left: 0vw;
    }

    .ProdReviews-header {
        padding-bottom: 2.0833333333vw;
    }

    .ProdReviews-header {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .ProdReviews-header {
        line-height: 2.7083333333vw;
    }

    .ProdReviews-content {
        max-width: 69.4444444444vw;
    }
}
/* //////// End product reviews yotpo //////// */

/* Rotating text */
.GuashaText {
    padding: 60px var(--gutter-mobile) 60px;
}


.GuashaText-content {
    width: 100%;
    max-width: 90.6666666667vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 5vw;
}

.GuashaText-title,
.GuashaText-title * {
    font-family: var(--FONT-STACK-HEADING);
    padding-top: 0;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -0.22px;
    text-align: center;
    margin: auto;
}

.GuashaText-title em {
    font-family: var(--FONT-STACK-HEADING-ITALIC);
}

.GuashaText-text {
    margin: auto;
    text-align: center;
}

.GuashaText-text p {
    font-size: 15px;
    line-height: 120%;
    margin: 0;
}

.GuashaText-highlight {
    color: #B18E72;
    text-transform: uppercase;
    line-height: 150%;
    font-size: 3.5vw;
    text-align: center;
    margin: auto;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}

.GuashaText .swiper-container {
    position: relative;
    overflow: hidden;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.GuashaText .swiper-container,
.GuashaText .swiper-wrapper {
    width: 100%;
}

.GuashaText .swiper-slide {
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .GuashaText .swiper-slide {
        min-height: 14.5vw;
        max-height: 14.5vw;
    }
}

@media screen and (min-width: 768px) {
    .GuashaText {
        padding: 80px 3.5vw 80px;
    }

    .GuashaText-content {
        max-width: 58.3333333333vw;
    }

    .GuashaText-content {
        gap: 2.7777777778vw;
    }

    .GuashaText-title,
    .GuashaText-title * {
        font-size: 38px;
        line-height: 110%;
        letter-spacing: -0.38px;
    }

    .GuashaText-text p {
        font-size: 17px;
    }

    .GuashaText-highlight {
        font-size: 1.5vw;
    }

    .GuashaText-highlight {
        padding-top: 40px 20px;
    }

    .GuashaText .swiper-slide {
        max-height: 5.75vw;
    }
}
/* //////// End rotating text //////// */

/* Product highlight */
.product-highlight img {
    object-fit: contain;
}

.product-highlight .image-with-text__heading {
    text-align: center;
}

.product-highlight form {
    pointer-events: all;
}

.product-highlight .btn {
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #505B43;
    font-family: var(--FONT-STACK-BUTTON);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.product-highlight .image-with-text__text {
    padding-top: 20px;
    padding-bottom: 30px;
}

.product-highlight .prod-title-and-price {
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .product-highlight .wrapper {
        height: fit-content;
    }
    .product-highlight .image-with-text__content {
        padding-top: 0 !important;
    }
    .product-highlight .image-with-text__content-items {
        text-align: center;
    }
}
/* //////// End product highlight //////// */

/* Text section product highlight */
.product-highlight-text ol {
    list-style-type: none;
    counter-reset: list-counter;
    margin-left: 0;
    text-align: left;
}

.product-highlight-text ol li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.product-highlight-text ol li:last-of-type {
    margin-bottom: 0;
}

.product-highlight-text ol li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    border-radius: 100%;
    background: #2F3433;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: var(--FONT-STACK-HEADING);
    min-width: 25px;
    margin-top: 4px;
    margin-right: 15px;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .product-highlight-text ul li {
        font-size: 15px;
    }
}
/* //////// End text section product highlight //////// */

/* Testimonial slider new */
.testimonial-slider-new .testimonial__item__inner {
    border: none;
    padding: 20px;
}

.testimonial-slider-new .section__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.testimonial-slider-new .section__header .section__heading {
    margin-bottom: 0;
}

.testimonial-slider-new .section__header .subheading-text {
    text-transform: uppercase;
}

.testimonial-slider-new .testimonial__item-media {
    aspect-ratio: .8;
}

.testimonial-slider-new .testimonial__item-media iframe,
.testimonial-slider-new .testimonial__item-media img {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: var(--radius);
}

.testimonial-slider-new .testimonial__text {
    font-family: var(--FONT-STACK-HEADING);
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -0.22px;
    line-height: 110%;
    margin-top: 20px;
}

.testimonial-slider-new .testimonial__item-media img {
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .testimonial-slider-new .testimonial__item {
        min-width: calc((100% - var(--gutter) * 2) / 1);
    }
    .testimonial-slider-new .testimonial__text {
        font-size: 20px;
        letter-spacing: -0.20px;
    }
}

@media screen and (min-width: 768px) {
    .testimonial-slider-new .wrapper--full-padded {
        display: flex;
        padding-left: 0;
        gap: 40px;
    }

    .testimonial-slider-new .testimonials__wrapper {
        width: 100%;
        flex-basis: 70%;
    }

    .testimonial-slider-new .section__header {
        max-width: 30%;
        margin-bottom: 0;
        z-index: 99;
        padding-left: var(--gutter-mobile);
        gap: 20px;
    }

    .testimonial-slider-new .testimonial__item {
        width: calc((100% - var(--gutter) * 2) / 1);
    }
}

@media screen and (min-width: 1024px) {
    .testimonial-slider-new .section__header {
        padding-left: var(--gutter);
    }

    .testimonial-slider-new .testimonial__item {
        width: calc((100% - var(--gutter) * 2) / 2);
    }
}

@media screen and (min-width: 1350px) {
    .testimonial-slider-new .testimonial__item {
        width: calc((100% - var(--gutter) * 2) / 3);
    }
}
/* //////// End testimonial slider new //////// */



/* //////// Product upsell //////// */

.product-upsell__image {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    height: 160px;
}

.product-upsell__image img {
  object-position: bottom;
}

.product-upsell__holder {
  background: #E9E3DB;
}

.product-upsell__title {
  font-size: 18px;
}

.product-upsell__holder .product-upsell {
    align-items: center;
}

.product-upsell__btn,
.product-upsell__btn-progress  {
  background: #333; 
  color:#FFF;
  border: 0;
padding: 10px 20px;
  margin-top: 10px;
}


.product-upsell__btn-progress  {
  padding: 15px 20px;
}

.product-upsell__content form {
  border-bottom: 0px !important;
}

@media screen and (max-width: 500px) {
    .product-upsell__holder .product-upsell__row {
        flex-direction: column;
        align-items: flex-start;
    }
    .product-upsell__holder .product-upsell__title {
        font-size: 16px;
    }
    .product-upsell__holder .product-upsell__btn {
        padding: 5px 20px;
    }
}

/* //////// End product upsell //////// */

/* Custom table section */
.CustomTable-section {
    padding: 60px var(--gutter-mobile);
    background: #FCFAF5;
}

.CustomTable-title {
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 110%;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
    text-align: center;
    margin: 0px 0 30px !important;
}

.CustomTable-Desktop {
    display: block;
}

.CustomTable-Mobile {
    display: none;
}

.CustomTable-content {
    width: 100%;
    max-width: 700px;
    margin: auto;
}

.CustomTable span {
    font-size: 11px;
    line-height: 120%;
    font-weight: 500;
    text-align: center !important;
    margin: 0 auto !important;
    text-transform: none !important;
    color: #85887f;
    display: inline-flex;
}

.CustomTable-check {
    text-align: center !important;
    margin: 0 auto !important;
    color: #b99b83 !important;
    background: #ffffff;
}

.CustomTable-link {
    flex: 0 0 100%;
    border: 0 solid transparent;
}

.CustomTable-hidden {
    background: #FCFAF5 !important;
    border: 0px none !important;
}

.CustomTable-headers,
.CustomTable-headers th {
    background: #E9E3DB;
    font-size: 13px;
    line-height: 120%;
    font-weight: 700;
    text-align: center !important;
    margin: 0 auto !important;
    text-transform: uppercase !important;
}

.CustomTable-section table {
    border-spacing: 2px;
    border-collapse: separate;
    border: none;
}

.CustomTable-section th,
.CustomTable-section td {
    border: none;
    padding: 15px 10px;
}

.CustomTable-headers p {
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .CustomTable-title {
        padding-right: 1.3888888889vw;
    }

    .CustomTable-title {
        padding-left: 1.3888888889vw;
    }

    .CustomTable-content {
        max-width: 85.0694444444vw;
    }

    .CustomTable span {
        font-size: 13px;
    }

    .CustomTable-link {
        flex: 0 0 49%;
    }

    .CustomTable-headers,
    .CustomTable-headers th {
        font-size: 15px;
    }
}

@media screen and (min-width: 1024px) {
    .CustomTable-section {
        padding: 30px var(--gutter);
    }
}
/* //////// End custom table section //////// */

/* Text section about us */
.text-section-about-us em,
#about-primally-pure .banner-image em {
    display: inline-block;
}

.text-section-about-us em:after,
#about-primally-pure .banner-image em:after {
    display: block;
    width: 100%;
    content: "";
    height: 0.577778vw;
    margin: auto;
    margin-top: 0.3472222222vw;
    text-align: center;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url(https://primallypure.com/cdn/shop/t/633/assets/pencil-black.svg?v=19140874056848283351712147695);
}

#about-primally-pure .banner-image em:after {
    height: 1.577778vw;
    margin-top: 1.3472222222vw;
    filter: invert(100%)
}
/* //////// End text section about us //////// */

/* Search section */
.SearchForm-title {
    text-align: center;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 20px;
    margin-bottom: 20px;
}

.SearchForm-form {
    display: flex;
    gap: 20px;
}

.SearchForm-input {
    width: 70%;
    border: 1px solid #ccc;
    padding: 10px 20px;
}

.SearchForm-input::placeholder {
    color: #ccc;
}

.SearchForm-btn {
    width: 30%;
    background-color: #85887F;
    border: none;
}

@media screen and (max-width: 767px) {
    .SearchForm-title {
        font-size: 15px;
    }
}

@media screen and (max-width: 480px) {
    .SearchForm-form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .SearchForm-input,
    .SearchForm-btn {
        width: 100%;
    }
}
/* //////// End search section //////// */

/* FAQ cards */
.faq-cards .icons-row__slider {
    gap: 30px;
}

.faq-cards .icons-row__item a {
    display: block;
    padding: 60px 10px;
    border: 2px solid #85887F;
    border-radius: var(--radius);
}

@media screen and (max-width: 767px) {
    .faq-cards .icons-row__wrapper {
        max-width: 100%;
        margin: auto;
    }
    .faq-cards .icons-row__item.grid__item {
        width: calc(50% - var(--grid-gutter) / 2 - 15px) !important;
    }
    .faq-cards .icons-row__item a {
        padding: 80px 10px;
    }
    .faq-cards .icons-row__slider.grid--mobile .icons-row__title {
        font-size: 15px;
    }
    .faq-cards .icons-row__icon {
        width: min(var(--icon-size), var(--icon-max-size));;
    }
}

@media screen and (max-width: 600px) {
    .faq-cards .icons-row__item.grid__item {
        width: 100% !important;
    }
}
/* //////// End faq cards //////// */

/* Text section spa faq */
/* .text-section-faq-spa .text__heading {
    font-size: 24px;
    letter-spacing: -.24px;
} */

.text-section-faq-spa .text__heading a::before,
.text-section-faq-spa .text__heading a::after {
    display: none;
}

@media screen and (max-width: 767px) {
    .text-section-spa-split-text .text__split {
        display: grid;
        min-height: 75px;
        gap: var(--text-gap);
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
          "text-left"
          "text-right";
    }
}

@media screen and (min-width: 768px) {
    .text-section-faq-spa .text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .text-section-faq-spa .text__heading {
        margin-bottom: 0;
    }
    .text-section-spa-split-text .text__split-left {
        width: 80%;
        margin: auto;
    }
}

@media screen and (min-width: 1024px) {
    .text-section-spa-split-text .text__split-left {
        width: 68%;
    }
}
/* //////// End text section spa faq //////// */

/* Menu section */
.Menu {
    background: #FCFAF5;
    padding-left: 7.2vw;
    padding-right: 7.2vw;
}

.Menu-content {
    max-width: 100%;
    margin: auto;
}

.Menu-header {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 0;
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 110%;
}

.Menu-text {
    padding-top: 15px;
    font-size: 15px;
}

.Menu-grid {
    display: grid;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-bottom: 1px solid #CBBEA5;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.Menu-label {
    padding: 20px 0;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    align-self: center;
    text-align: center;
    grid-column: 1/3;
    display: block;
}

.Menu-label .icon {
    display: inline;
    top: 40%;
}

.Menu-time,
.Menu-price {
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}

.Menu-info {
    padding-top: 0;
    padding-bottom: 20px;
    grid-column: 1/3;
    overflow: hidden;
    transition: opacity 0.7s ease-out;
}

.Menu-info.hide-menu {
    height: 0;
    opacity: 0;
}

.Menu-info.show-menu {
    height: auto;
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .Menu {
        padding-left: 0vw;
        padding-right: 0vw;
    }

    .Menu-header {
        font-size: 50px;
        letter-spacing: -0.55px;
    }

    .Menu-text {
        padding-top: 2.0833333333vw;
    }

    .Menu-grid {
        grid-column-gap: 3.75vw;
        grid-template-columns: minmax(0, 1fr) minmax(0, 75px) minmax(0, 75px);
    }

    .Menu-label {
        padding-top: 1.1805555556vw;
        padding-bottom: 1.1805555556vw;
        text-align: left;
        grid-column: initial;
    }

    .Menu-time,
    .Menu-price {
        padding-top: 1.25vw;
        padding-bottom: 1.25vw;
        text-align: right;
    }

    .Menu-info {
        padding: 0;
        grid-column: 1/4;
    }

    .Menu-label .icon {
        top: 35%;
    }
}

@media screen and (min-width: 1200px) {
    .Menu-label .icon {
        top: 38%;
    }
}
/* //////// End menu section //////// */

/* Contact form */
.ContactForm-title {
    text-align: center;
    font-size: 50px;
    letter-spacing: -0.50px;
    line-height: 110%;
    margin-bottom: 25px;
}

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

.ContactForm-text p {
    font-size: 17px;
    line-height: 120%;
    margin-bottom: 25px;
}

.ContactForm-label {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 120%;
}

.ContactForm-select,
.ContactForm-select:hover,
.ContactForm-select:focus {
    border: 1px solid #cccccc;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 10px;
}

.ContactForm .js-subform,
.ContactForm .js-sub-subform {
    display: none;
    margin-top: 25px;
}

.ContactForm .js-sub-subform p {
    padding: 0 25px;
    font-size: 17px;
}

.ContactForm-subSubform {
    background: #ffffff;
    border: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
    .ContactForm-title {
        font-size: 32px;
        letter-spacing: -0.32px;
    }
    .ContactForm-text p,
    .ContactForm-label,
    .ContactForm .js-sub-subform p {
        font-size: 15px;
    }
}

@media screen and (min-width: 480px) {
    .ContactForm-content {
        max-width: 80%;
        margin: auto;
    }
}
/* //////// End contact form //////// */

/* Text section product application */
.text-section-product-application {
    background: #fcfaf5;
    margin-bottom: 0;
}

.text-section-product-application ul {
    text-align: left;
}

.text-section-product-application ul li {
    margin-left: 15px;
}

.text-section-product-application ul li:before {
    content: "\2610";
    position: absolute;
    left: -10px;
}

.text-section-product-application p:last-of-type {
    border: 1px solid #2F3433;
    text-align: left;
    padding: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 1024px) {
    .text-section-product-application ul li {
        margin-left: 25px;
    }
    .text-section-product-application ul li:before {
        left: 0;
    }
}
/* //////// End text section product application //////// */

/* Text section affiliate program */
.text-section-affiliate-program {
    margin-bottom: 0;
}

.text-section-affiliate-program .text__split {
    gap: 50px;
}

.text-section-affiliate-program ul {
    text-align: left;
    list-style-type: disc;
}

.text-section-affiliate-program ul li {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .text-section-affiliate-program .text__split {
        gap: 0;
    }
}

.text-section-affiliate-program-cta .text__button {
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    .text-section-affiliate-program-cta .text {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .text-section-affiliate-program-cta .text__heading {
        margin-bottom: 0;
    }
}
/* //////// End text section affiliate program //////// */

/* Images section */
.Images {
    width: 100%;
    display: grid;
    grid-gap: 4vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.Images-image {
    width: 100%;
    padding-bottom: 114.465408805%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 768px) {
    .Images {
        grid-gap: 1.0416666667vw;
        padding-top: 1.0416666667vw;
        padding-bottom: 1.0416666667vw;
    }

    .Images-image {
        padding-bottom: 118.75%;
    }
}

@media screen and (min-width: 1024px) {
    .Images {
        grid-gap: 1.0416666667vw;
        padding-top: 1.0416666667vw;
        padding-bottom: 1.0416666667vw;
    }
}
/* //////// End images section //////// */

/* Biography section */
.section-biography-grid .biography-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.section-biography-grid .biography-card {
    cursor: pointer;
}

.section-biography-grid .biography-headline {
    text-align: center;
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 110%;
    margin-bottom: 20px;
}

.section-biography-grid .biography-image {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: var(--radius);
}

.section-biography-grid .panel {
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 26rem;
    max-width: 100%;
    right: 0;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    transform: translateX(27rem);
    transition: transform 0.5s ease-out;
    overflow-y: auto;
    overflow-x: hidden;
}

.section-biography-grid .panel.show {
    transform: translateX(0);
}

.section-biography-grid .panel-inner {
    width: 26rem;
    padding: 1.25rem 1.67rem;
}

.section-biography-grid .panel-inner .panel-top-ctr {
    display: flex;
}

.section-biography-grid .panel-inner h3 {
    flex: 0 0 80%;
}

.section-biography-grid .card-close-button {
    flex: 0 0 20%;
    text-align: right;
    cursor: pointer;
    color: #2F3433;
    font-size: 28px;
}

.section-biography-grid .bio {
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

.section-biography-grid .biography-card h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 18px;
}

.section-biography-grid .bio a {
    text-decoration: none;
}

#overlay-biography {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99998;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    display: none;
}

#overlay-biography.show {
    display: block;
}

.section-biography-grid .BlogPosts-title p {
    max-width: 80%;
    font-size: 42px;
    text-transform: none;
}

.section-biography-grid .FeatPostsCarousel.milk {
    background: #fff !important;
}

@media screen and (max-width: 450px) {
    .section-biography-grid .panel.show {
        width: 100%;
    }
    .section-biography-grid .panel-inner {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .section-biography-grid .biography-grid {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }
    .section-biography-grid .biography-card {
        cursor: pointer;
        width: calc(100% / 2 - 10px);
    }
    .section-biography-grid .biography-card-title,
    .section-biography-grid .biography-card-read-more {
        font-size: 14px;
    }
}
/* //////// End biography section //////// */

/* Yotpo override css */
.yotpo-widget-override-css * {
  font-family: var(--FONT-STACK-BODY) !important;
}

.yotpo-widget-hero-section .yotpo-title {
  font-family: var(--FONT-STACK-ACCENT) !important;
}
.yotpo-widget-hero-section .yotpo-description,
.yotpo-widget-campaign-widget .yotpo-container-headline,
.yotpo-widget-my-rewards-widget .yotpo-rewards-guide-tile-wrapper .yotpo-headline .yotpo-inner-text {
  font-family: var(--FONT-STACK-HEADING) !important;
}

.yotpo-widget-hero-section .yotpo-customer-logged-out-buttons .yotpo-action-button-text {
  font-family: var(--FONT-STACK-ACCENT) !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

.yotpo-widget-my-rewards-widget .yotpo-reward-steps-title .yotpo-inner-text {
  font-family: var(--FONT-STACK-ACCENT) !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

.yotpo-reward-steps-list .yotpo-inner-text,
.yotpo-tile-box .yotpo-description {
    font-family: var(--FONT-STACK-BODY) !important;
  font-size: 16px !important;
}

button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type {
  padding: 12px 20px !important;
  color: #fff !important;
  color: #333 !important;
}

.yotpo-coupons-redemption-widget .yotpo-headline {
    font-family: var(--FONT-STACK-HEADING) !important;
    font-size: 36px !important;
}

.yotpo-widget-my-rewards-widget .yotpo-headline,
.yotpo-widget-my-rewards-widget .yotpo-description,
.yotpo-widget-my-rewards-widget .yotpo-action-buttons-tile a {
    display: none;
}

.yotpo-widget-my-rewards-widget .yotpo-logged-in-view {
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.yotpo-widget-my-rewards-widget .yotpo-logged-in-view button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type {
    padding: 0 !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-progress-bar-wrapper {
    background-color: #E9E3DB !important;
    width: 90% !important;
    max-width: 1080px;
}

.yotpo-vip-tier-name {
    font-size: 16px !important;
}

.yotpo-vip-current-status-text {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.flexified-wrapper:not(.flexified-mobile) .flexified-child {
    width: 250px !important;
    margin: 15px !important;
}

.yotpo-widget-campaign-widget-container .flexified-wrapper {
    max-width: 1400px;
    margin: auto;
}

.yotpo-widget-campaign-widget * {
    justify-content: center !important;
}

.yotpo-referral-widget-form .yopto-widget-button-text {
    color: #fff !important;
}

.yotpo-widget-campaign-widget .yotpo-completed-icon {
    display: none !important;
}

.yotpo-widget-campaign-widget .yotpo-title-text {
    text-transform: uppercase !important;
}

.yotpo-widget-referral-widget .yotpo-input-container .yotpo-input::placeholder {
    letter-spacing: 0.15em;
    font-weight: 700;
    font-size: 14px !important;
    color: #bfbebe;
}

.yotpo-whatsapp-share-button {
    display: none !important;
}

.feature-header:not(.section-id-collection-hero .feature-header) {
    margin-top: 60px !important;
}

.Subs--wrapper__title {
    font-size: 32px;
    width: 100%;
    margin: auto;
    text-align: center;
}

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

.tangent-results-title {
    margin-block-end: 0;
}

.tangent-skin-condition-text {
    margin-block-start: 0;
}

.account__table__item,
#customer_sidebar {
    display: none;
}

div#customer_orders {
    overflow: auto;
}

.Customer--order {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.Customer--order__table {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    border-collapse: collapse;
}

.template-customers-account table, .template-customers-account th, .template-customers-account td {
    border: none;
}

.Customer--order__table thead, .Customer--order__table tbody, .Customer--order__table tfoot {
    border: none;
}

.Customer--order__table tr:first-child {
    border-top: none;
}

.Table--wrapper__section {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    text-align: center;
}

.Customer--order__table th {
    border-left: 1px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.Customer--order__table th:first-child {
    border-left: none;
}

.Customer--order__table .fulfillment_status {
    padding: 0.5rem 0.625rem 0.625rem;
}

.Customer--order__table td {
    padding: 0.4em 0.6em !important;
    border-left: 1px solid #cccccc;
}

.Customer--order__table td, .Customer--order__table th {
    white-space: nowrap;
}

.Customer--order__table td:first-child {
    border-left: none;
}

.Customer--order__table tr {
    background: #FFFFFF;
    border-top: 1px solid #cccccc;
}

.Customer--order__table a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.Customer--order__table td .note {
    padding: 0;
    font-size: 16px;
}

.yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-main-share-body-textarea {
    font-size: 14px;
    width: 100%;
    padding: 13px 18px;
}

@media screen and (max-width: 767px) {
    .yotpo-vip-tier-container.yotpo-has-status-tag {
      width: initial !important;
      margin: 1em !important;
    }
    .yotpo-widget-referral-widget .yotpo-background .yotpo-right-align-image {
        display: none;
    }
    .tangent-skin-condition-text {
        margin-bottom: 0;
    }
}

.yotpo-coupouns-container * {
  font-family: var(--FONT-STACK-BODY) !important;
}

.yotpo-vip-tiers-widget .yotpo-progress-bar-outer {
  background-color: #FFF !important;
}

.yotpo-progress-bar-indicator {
  background-color: #C9BEA8 !important;
  border-color: #C9BEA8 !important;
}

.yotpo-description-text {
  font-size: 14px !important;
}

.yotpo-register-link * {
  background: #2f3433 !important;
  color: #FFF !important;
}


.yotpo-progress-bar-inner {
 background: #b99b83 !important; 
}

/* //////// End yotpo override css //////// */

/* Account page */
.rc_layout__container,
.CustomerLoginForm {
  margin-top: 40px;
}

.page-customer {
    padding-top: 40px;
}

.Account--page__banner {
    background: #E9E3DB;
    display: flex;
    height: 350px;
    align-items: center;
}

.Account--page__banner-image {
    background-image: url('/cdn/shop/files/2_0ced0acd-078f-45b9-b050-2fee7baad807.jpg?v=1722281812');
    background-size: cover;
    background-position: top center;
    height: 350px;
    width: 100%;
}

.Account--page__banner-text {
    padding: 60px 30px;
    flex: 0 0 50%;
}

.Account--page__banner-title {
    text-align: center;
    font-size: 7.68vw;
}

.Account--page__banner-subtitle {
    text-align: center;
    font-size: 7.4666666667vw;
}

.Account--page__banner-btn {
    margin: auto;
    margin-top: 8vw;
    text-align: center;
}

.Account--page__banner-btn .btn {
    padding: 12px 45px;
}

.Account--page__banner-email {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 4.2666666667vw;
}

.Account--page__nav {
    background: #505b43;
    color: #FFF;
}

.Account--page__nav-list {
    justify-content: center;
    list-style: none;
    display: flex;
    padding: 1em;
    margin: 0;
}

.Account--page__nav-list div {
    text-transform: uppercase;
    font-weight: 700 !important;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0.5em 1em;
}

.Account--page__nav-list a {
    color: #fff;
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .Account--page__banner {
        background: #EAE4DD;
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .Account--page__banner-image {
        display: none;
    }

    .Account--page__banner-text {
        padding: 60px 30px;
        flex: 0 0 100%;
        height: auto;
    }

    .Account--page__nav-list {
        overflow: auto;
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .Account--page__banner-title {
        font-size: 2.5vw;
    }

    .Account--page__banner-subtitle {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .Account--page__banner-btn {
        margin-top: 2.0833333333vw;
    }

    .Account--page__banner-email {
        margin-top: 1.1111111111vw;
    }
}

@media screen and (min-width: 1024px) {
    .Account--page__banner-title {
        font-size: 2.5vw;
    }

    .Account--page__banner-subtitle {
        font-size: 2.5vw;
    }

    .Account--page__banner-btn {
        margin-top: 2.0833333333vw;
    }

    .Account--page__banner-email {
        margin-top: 1.1111111111vw;
    }
}
/* //////// End account page //////// */

/* What's included section */
.section-whats-included .whats-included__tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.section-whats-included .whats-included__product-title {
  padding: 0 0 10px;
  background: linear-gradient(to right, #2F3433, #2F3433);
  background-size: 0% 2px;
  background-position: 50% 86%;
  background-repeat: no-repeat;
  transition: color .25s ease-in, background-size .25s ease-in;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--FONT-STACK-ACCENT);
}

.section-whats-included .whats-included__product-title.tab-active {
    background-size: 100% 2px;
}

.section-whats-included .whats-included__content.tab-active {
    display: flex;
    margin-top: 30px;
}

.section-whats-included .whats-included__content-item {
    padding: 0 30px;
    flex-basis: 50%;
}

.section-whats-included .whats-included__content-item span,
.section-whats-included .accordion__item .accordion__item__title__text {
  font-weight: bold;
}

.section-whats-included .accordion__item .accordion__item__title__text {
    padding: 10px 0;
}

.section-whats-included .accordion__item .metafield-rich_text_field p {
    margin-top: 0;
}

.section-whats-included .whats-included__content-item:first-of-type {
    border-right: 1px solid #2F3433;
}


.section-whats-included .whats-included__content-mobile {
    display: none;
}

.section-whats-included .whats-included__content-mobile .accordion__list {
    margin-top: 20px;
}

.section-whats-included .whats-included__content-mobile ul {
    margin-top: 0;
}

.section-whats-included .whats-included__content-desktop ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .section-whats-included .whats-included__content.tab-active {
    display: block;
  }
  .section-whats-included .whats-included__tabs {
    column-gap: 30px;
    row-gap: 15px;
  }
  .section-whats-included .whats-included__product-title {
    padding: 0 0 5px;
  }
  .section-whats-included .whats-included__content-item {
    margin-top: 0;
  }
  .section-whats-included .whats-included__content-desktop {
    display: none;
  }
  .section-whats-included .whats-included__content-mobile {
    display: block;
  }
}

/* //////// End what's included section //////// */


/* //////// Search template //////// */
.template-search .blog__post-image {
  background-color: #F7F7F7;
  background-image: url('//primallypure.com/cdn/shop/files/Primally_Pure_Black.svg?v=1715907102&width=500');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
/* //////// End search template //////// */

/* Main copy section */
.MainCopy {
    padding-top: 9.6vw;
    padding-bottom: 9.6vw;
    padding-left: 0vw;
    padding-right: 0vw;
    background: #FCFAF5;
}

.MainCopy-flex {
    display: flex;
    justify-content: center;
    gap: 6.6666666667vw;
    align-items: center;
    flex-direction: column;
}

.MainCopy-title {
    font-size: 6.4vw;
    line-height: 8vw;
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
}

.MainCopy-paragraph {
    font-style: normal;
    font-weight: 390;
    font-size: 4.8vw;
    padding-right: 4.2666666667vw;
    padding-left: 4.2666666667vw;
    text-align: center;
}

.MainCopy-paragraph p {
    margin: 0;
}

.MainCopy-btnContainer {
    text-align: center;
    margin-top: 3.7333333333vw;
}

.MainCopy-btnContainer a {
    text-decoration: none;
    border-bottom: none;
}

.MainCopy-btn {
    width: 100%;
    font-weight: 650;
    color: #ffffff;
    font-size: 3.7333333333vw;
    padding-right: 19.2vw;
    padding-left: 19.2vw;
    height: 14.4vw;
}

.MainCopy-smaller-text .MainCopy-title {
    font-size: 5.3333333333vw;
}

.MainCopy-smaller-text .MainCopy-paragraph {
    font-size: 3.7333333333vw;
}

.MainCopy-smaller-text .MainCopy-btn {
    font-size: 3.2vw;
}

.MainCopy .Hero2img-grid {
    display: grid;
    width: 100%;
    margin: auto;
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
    margin-top: 8vw;
}

.Hero2img-image {
    width: 100%;
    padding-bottom: 37.3333333333vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

@media screen and (min-width: 768px) {
    .MainCopy {
        padding-top: 3.75vw;
        padding-bottom: 3.75vw;
        padding-left: 3.75vw;
        padding-right: 3.75vw;
    }

    .MainCopy-flex {
        gap: 1.0416666667vw;
    }

    .MainCopy-title {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
        line-height: 2.6388888889vw;
        padding-left: 13.8888888889vw;
        padding-right: 13.8888888889vw;
    }

    .MainCopy-paragraph {
        font-size: 1.25vw;
        padding-right: 7.5vw;
        padding-left: 7.5vw;
    }

    .MainCopy-btnContainer {
        margin-top: 0.8333333333vw;
    }

    .MainCopy-btn {
        font-size: 0.9722222222vw;
        padding-right: 5vw;
        padding-left: 5vw;
        height: 3.75vw;
    }

    .MainCopy-smaller-text .MainCopy-title {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .MainCopy-smaller-text .MainCopy-paragraph {
        font-size: 0.9722222222vw;
    }

    .MainCopy-smaller-text .MainCopy-btn {
        font-size: 0.8333333333vw;
    }

    .MainCopy .Hero2img-grid {
        max-width: 80.2083333333vw;
        grid-gap: 1.875vw;
        margin-top: 2.5vw;
    }

    .Hero2img-image {
        padding-bottom: 34.7222222222vw;
    }
}

@media screen and (min-width: 1024px) {
    .MainCopy {
        padding: 3.75vw;
    }

    .MainCopy-flex {
        gap: 1.0416666667vw;
    }

    .MainCopy-title {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .MainCopy-title {
        line-height: 2.6388888889vw;
        padding-left: 13.8888888889vw;
        padding-right: 13.8888888889vw;
    }

    .MainCopy-paragraph {
        font-size: 1.25vw;
        padding-right: 7.5vw;
        padding-left: 7.5vw;
    }

    .MainCopy-btnContainer {
        margin-top: 0.8333333333vw;
    }

    .MainCopy-btn {
        font-size: 0.9722222222vw;
        padding-right: 5vw;
        padding-left: 5vw;
        height: 3.75vw;
    }

    .MainCopy-smaller-text .MainCopy-title {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .MainCopy-smaller-text .MainCopy-paragraph {
        font-size: 0.9722222222vw;
    }

    .MainCopy-smaller-text .MainCopy-btn {
        font-size: 0.8333333333vw;
    }

    .MainCopy .Hero2img-grid {
        max-width: 80.2083333333vw;
        grid-gap: 1.875vw;
        margin-top: 2.5vw;
    }

    .Hero2img-image {
        padding-bottom: 34.7222222222vw;
    }
}
/* //////// End main copy section //////// */

/* Product switch section */
.ProdSwitch {
    padding: 20px var(--gutter);
    background-color: #fcfaf5;
}

.ProdSwitch .ProdSwitch-block-accordionView {
    display: none;
}

.ProdSwitch .ProdSwitch-block-accordionView.active {
    display: none;
}

.ProdSwitch.mobile-accordion-view .ProdSwitch-block-accordionView.active {
    display: block;
}

.ProdSwitch-content {
    max-width: 100vw;
    margin: auto;
    width: 100%;
}

.ProdSwitch-header {
    text-align: center;
    font-size: 32px;
}

.ProdSwitch-switch {
    display: flex;
    justify-content: center;
    padding-bottom: 8vw;
}

.ProdSwitch-switchItem {
    min-width: 42.6666666667vw;
    min-height: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    border: 3px solid #2F3433;
    padding: 10px;
    cursor: pointer;
}

.ProdSwitch-switchItem.active {
    background: #ffffff !important;
    border: 3px solid #2F3433 !important;
}

.ProdSwitch-text {
    max-width: 100vw;
    margin: auto;
    width: 100%;
    padding-bottom: 8vw;
    font-size: 5.3333333333vw;
    line-height: 7.4666666667vw;
    text-align: left;
}

.ProdSwitch-text p {
    font-size: 5.3333333333vw;
    line-height: 7.4666666667vw;
}

.ProdSwitch-linkContainer {
    text-align: left;
    width: 100%;
}

.ProdSwitch-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3.7333333333vw;
    line-height: 160%;
    width: 100%;
}

.ProdSwitch-block {
    display: none;
}

.ProdSwitch-block.active {
    display: block !important;
}

.ProdSwitch-block-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5.3333333333vw;
}

.ProdSwitch-block-flex>div {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ProdSwitch-image {
    width: 68vw;
    padding-bottom: 54.6666666667vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
}

.ProdSwitch-title,
.ProdSwitch-price {
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
}

.ProdSwitch-price {
    margin-top: 10px;
}

.ProdSwitch-pric {
    margin-bottom: 10px;
}

.ProdSwitch-desc {
    font-size: 15px;
    line-height: 120%;
    max-width: 100%;
}

/* .ProdSwitch-desc p {
    font-size: 4.8vw;
    line-height: 7.2vw;
} */

.ProdSwitch-btn {
    width: 52vw;
}

.ProdSwitch-RelatedSteps-subtitle {
    text-align: center;
    font-family: var(--FONT-STACK-ACCENT);
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.ProdSwitch-RelatedSteps-title {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.01em;
}

.ProdSwitch-RelatedSteps-list {
    margin: auto;
    max-width: 101.3333333333vw;
}

.ProdSwitch-RelatedSteps-list ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.ProdSwitch-RelatedSteps-list li {
    counter-increment: my-awesome-counter;
    display: flex;
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 120%;
}

.ProdSwitch-RelatedSteps-list li::before {
    content: counter(my-awesome-counter);
    background: #333333;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    font-size: 17px;
    padding-bottom: 0;
    margin-right: 15px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-align: center;
    font-family: var(--FONT-STACK-HEADING);
}

.ProdSwitch-Footer {
    display: flex;
    max-width: 106.6666666667vw;
    padding-top: 8.5333333333vw;
    margin: auto;
    flex-direction: column;
}

.ProdSwitch-Footer-image {
    width: 100%;
    padding-bottom: 106.6666666667vw;
    background-size: cover;
}

.ProdSwitch-Footer-content {
    padding: 7.4666666667vw;
    text-align: left;
}

.ProdSwitch .btn--submit {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #505B43;
}

.ProdSwitch .icon-toggle-plus,
.ProdSwitch .icon-toggle-minus {
    right: 10px;
    display: none;
}

.ProdSwitch-mobile {
    display: none;
}

@media screen and (max-width: 1024px) {
    .ProdSwitch {
        padding: 20px var(--gutter-mobile);
    }
    .ProdSwitch.mobile-accordion-view .ProdSwitch-switchItem {
        position: relative;
        overflow: hidden;
    }
    .ProdSwitch-RelatedSteps-subtitle {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .ProdSwitch {
        background-color: #fcfaf5;
    }

    .ProdSwitch.mobile-accordion-view .ProdSwitch-switchItem {
        border-color: #333 !important;
    }

    .ProdSwitch.mobile-accordion-view .ProdSwitch-block-tabsView {
        display: none !important;
    }

    .ProdSwitch.mobile-accordion-view .ProdSwitch-block-tabsView.active {
        display: none !important;
    }

    .ProdSwitch-switch {
        flex-wrap: wrap;
    }

    .ProdSwitch-switchItem {
        width: 100%;
        margin-bottom: 1.3333333333vw;
    }

    .ProdSwitch .icon-toggle-plus,
    .ProdSwitch .icon-toggle-minus {
        display: block;
    }

    .ProdSwitch-desktop {
        display: none;
    }

    .ProdSwitch-mobile {
        display: block;
    }

    .ProdSwitch-header {
        margin-bottom: 40px;
    }

    .ProdSwitch-price {
        margin-top: -10px;
    }

    .ProdSwitch-RelatedSteps-list ol {
        margin-left: 0;
    }

    .ProdSwitch-RelatedSteps-list li,
    .ProdSwitch-RelatedSteps-list li::before {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) {
    .ProdSwitch.mobile-accordion-view .ProdSwitch-block-accordionView {
        display: none !important;
    }

    .ProdSwitch.mobile-accordion-view .ProdSwitch-block-accordionView.active {
        display: none !important;
    }

    .ProdSwitch.mobile-accordion-view .ProdSwitch-block-tabsView.active {
        display: block;
    }

    .ProdSwitch-content {
        max-width: 83.3333333333vw;
        font-size: 2.2222222222vw;
        line-height: 3.125vw;
        padding-bottom: 2.0833333333vw;
    }

    .ProdSwitch-switch {
        padding-bottom: 30px;
    }

    .ProdSwitch-switchItem {
        min-width: 13.8888888889vw;
    }

    .ProdSwitch-title {
        font-size: 17px;
    }

    .ProdSwitch-text {
        max-width: 52.0833333333vw;
        padding-bottom: 2.0833333333vw;
        font-size: 1.6666666667vw;
        line-height: 2.2916666667vw;
    }

    .ProdSwitch-text p {
        font-size: 1.6666666667vw;
        line-height: 2.2916666667vw;
    }

    .ProdSwitch-linkContainer {
        width: auto;
    }

    .ProdSwitch-link {
        font-size: 0.9722222222vw;
        width: auto;
    }

    .ProdSwitch-block-flex {
        gap: 3.4722222222vw;
        flex-direction: row;
    }

    .ProdSwitch-block-flex>div {
        gap: 0vw;
        text-align: left;
    }

    .ProdSwitch-image {
        width: 26.3888888889vw;
        padding-bottom: 21.25vw;
    }

    .ProdSwitch-desc {
        max-width: 31.25vw;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* .ProdSwitch-desc p {
        font-size: 1.25vw;
        line-height: 1.875vw;
    } */

    .ProdSwitch-btn {
        width: 13.5416666667vw;
    }

    /* .ProdSwitch-RelatedSteps-subtitle {
        margin-top: 5.5555555556vw;
        margin-bottom: 0.3472222222vw;
        font-size: 0.9722222222vw;
    } */

    .ProdSwitch-RelatedSteps-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .ProdSwitch-RelatedSteps-list {
        max-width: 58.3333333333vw;
    }

    /* .ProdSwitch-RelatedSteps-list li {
        margin-bottom: 1.7361111111vw;
        font-size: 1.25vw;
    } */

    /* .ProdSwitch-RelatedSteps-list li::before {
        min-width: 2.4305555556vw;
        width: 2.4305555556vw;
        min-height: 2.4305555556vw;
        height: 2.4305555556vw;
        font-size: 1.6666666667vw;
        padding-bottom: 0;
        margin-right: 1.1111111111vw;
    } */

    .ProdSwitch-Footer {
        max-width: 58.3333333333vw;
        padding-top: 5.5555555556vw;
        flex-direction: row;
    }

    .ProdSwitch-Footer-content {
        padding: 2.7777777778vw;
    }
}

@media screen and (min-width: 1024px) {
    .ProdSwitch {
        padding-top: 4.1666666667vw;
        padding-right: 0vw;
        padding-bottom: 4.1666666667vw;
        padding-left: 0vw;
    }

    .ProdSwitch-content {
        max-width: 83.3333333333vw;
    }

    .ProdSwitch-switchItem {
        font-size: 17px;
    }

    .ProdSwitch-title {
        font-size: 19px;
    }

    .ProdSwitch-text {
        max-width: 52.0833333333vw;
        padding-bottom: 2.0833333333vw;
        font-size: 1.6666666667vw;
        line-height: 2.2916666667vw;
    }

    .ProdSwitch-text p {
        font-size: 1.6666666667vw;
        line-height: 2.2916666667vw;
    }

    .ProdSwitch-link {
        font-size: 0.9722222222vw;
    }

    .ProdSwitch-block-flex {
        gap: 3.4722222222vw;
    }

    .ProdSwitch-block-flex>div {
        gap: 0vw;
    }

    .ProdSwitch-image {
        width: 26.3888888889vw;
        padding-bottom: 21.25vw;
    }

    .ProdSwitch-desc {
        font-size: 17px;
        max-width: 31.25vw;
    }

    /* .ProdSwitch-desc p {
        font-size: 1.25vw;
        line-height: 1.875vw;
    } */

    .ProdSwitch-btn {
        width: 13.5416666667vw;
    }

    .ProdSwitch-header,
    .ProdSwitch-RelatedSteps-title {
        font-size: 38px;
    }

    /* .ProdSwitch-RelatedSteps-subtitle {
        margin-top: 5.5555555556vw;
        margin-bottom: 0.3472222222vw;
        font-size: 0.9722222222vw;
    } */

    .ProdSwitch-RelatedSteps-list {
        max-width: 58.3333333333vw;
    }

    /* .ProdSwitch-RelatedSteps-list li {
        margin-bottom: 1.7361111111vw;
        font-size: 1.25vw;
    } */

    /* .ProdSwitch-RelatedSteps-list li::before {
        min-width: 2.4305555556vw;
        width: 2.4305555556vw;
        min-height: 2.4305555556vw;
        height: 2.4305555556vw;
        font-size: 1.6666666667vw;
        padding-bottom: 0;
        margin-right: 1.1111111111vw;
    } */

    .ProdSwitch-Footer {
        max-width: 58.3333333333vw;
        padding-top: 5.5555555556vw;
    }

    .ProdSwitch-Footer-content {
        padding: 2.7777777778vw;
    }
}
/* //////// End product switch section //////// */


/* //////// Account login //////// */

.Account-grid {
	display: flex;
	gap: var(--grid-gutter);
	
}


@media screen and (min-width: 769px) {
  .Account-grid .form-vertical-wrapper {
      flex: 0 0 50%;
  }
}

@media screen and (max-width: 768px) {
  .Account-grid .form-vertical-wrapper {
      flex: 0 0 100%;
  }
}

@media screen and (max-width: 768px) {
  .Account-grid {
    flex-flow: wrap;
}
}

/* Image accordions */
@media screen and (max-width: 767px) {
    .expand-mobile-images .constrain-height {
        height: var(--min-h);
        overflow: hidden;
        transition: height 0.7s ease-in-out;
    }

    .expand-mobile-images .expand-height {
        height: calc(var(--min-h) + 100px);
        overflow: hidden;
        transition: height 0.7s ease-in-out;
    }

    .expand-mobile-images .expand-height .overlay {
        top: 100%;
    }

    .expand-mobile-images .overlay {
        top: 0;
        transition: top 0.7s ease-in-out;
    }

    .expand-mobile-images .slide__text__wrapper {
        position: absolute;
        bottom: 50%;
        width: 100%;
        transform: translateY(50%);
        transition: bottom 0.7s ease-in-out, padding-top 0.7s ease-in-out, background 0.7s ease-in-out;
    }

    .expand-mobile-images .expand-height .slide__text__wrapper {
        padding-top: 15px !important;
        background: #2f343375;
        width: 100%;
        bottom: 0;
        transform: none;
    }

    .expand-mobile-images .image-accordion__text__content {
        display: none;
        opacity: 0;
    }

    .expand-mobile-images .expand-height .image-accordion__text__content {
        display: block;
        opacity: 1;
        transition: opacity 0.7s ease-in-out;
    }
}
/* //////// End image accordions //////// */

/* Subscription collection template */
.bd-subscription-card .title,
.bd-product-card .title,
.bd-article-card .article-title {
    /* font-size: var(--h3);
    font-family: var(--header-style); */
    font-size: 22px !important;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -.26px;
    font-family: var(--FONT-STACK-HEADING-THICK) !important;
    flex-grow: 1;
}

@media screen and (max-width: 767px) {
    .bd-subscription-card .title,
    .bd-product-card .title,
    .bd-article-card .article-title {
        font-size: 18.5px !important;
        letter-spacing: -.185px;
    }
}
/* //////// End subscription collection template //////// */




/* /////// Cart overrides /////// */

.js-drawer-open-cart .cart-drawer {
  visibility: hidden !important;
}


/* /////// Tapcart ///////////// */

.tapcart-back {
  display: none;
}

.tapcart-webbridge .announcement-bar-static {
  display: none !important;
  visibility: none !important;
  pointer-events: none !important;
}

.tapcart-webbridge .tapcart-back {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 0px 20px;
  padding-bottom: 20px;
  background: #FFF;
  z-index: 99999;
}

.tapcart-webbridge .tapcart-back svg {
  width: 10px !important;
  padding-top: 10px;
}

.tapcart-webbridge .search-popdown {
  display: none;
}

.supports-touch .flickity-prev-next-button:not(:disabled), .flickity-enabled:hover>.flickity-prev-next-button:not(:disabled), section:hover .flickity-enabled>.flickity-prev-next-button:not(:disabled) {
  background: #FFF;
}

.app-group {
  width: 100%; 
  max-width: 370px; 
  margin-top: 30px; 
}

@media and (max-width: 769px) {
  
  .app-group {
    margin-left: auto; 
    margin-right: auto;
 }
}

@media screen and (max-width: 768px) {
  .app-mobile {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: -30px;
  }

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


@media screen and (min-width: 769px) {
  .app-desktop {
    display: flex;
  }
    .app-mobile {
    display: none !important;
  }
}


.announcement__block a:after,
.announcement__block a:before {
  border: 0 !important;
  height: 0;
  background: transparent !important;
}

.abra-popup--bottom-center {
  display: none !important;
}

/* Beauty journal blog */
.blog__beauty-journal,
.beauty-journal-post .main-content {
    background-image: url(/cdn/shop/files/beauty_journal_background_image.jpg?v=1737728774);
    background-repeat: no-repeat;
    background-size: cover;
}

.blog__beauty-journal .beauty-journal__info,
.article-banner-image .beauty-journal__info {
    border-bottom: 1px solid #000;
    margin-bottom: 27px;
}

.blog__beauty-journal .beauty-journal__info h3,
.article-banner-image .beauty-journal__info h3 {
    font-size: 24px !important;
    line-height: normal;
}

.blog__beauty-journal .beauty-journal__title,
.article-page__beauty-journal .beauty-journal__title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    text-align: left;
}

.article-page__beauty-journal .beauty-journal__title {
    margin-bottom: 10px;
}

.blog__beauty-journal .beauty-journal__title *,
.article-page__beauty-journal .beauty-journal__title * {
    font-size: 66px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.blog__beauty-journal .beauty-journal__post-item {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

.blog__beauty-journal .beauty-journal__post-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.blog__beauty-journal .beauty-journal__hero-image {
    min-height: 140px;
    object-fit: cover;
}

.blog__beauty-journal .beauty-journal__article__info,
.article-page__beauty-journal .beauty-journal__article__info {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 5px;
}

.article-page__beauty-journal .beauty-journal__article__info {
    padding-bottom: 13px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
}

.blog__beauty-journal .article__info--category,
.blog__beauty-journal .article__info--date,
.article-page__beauty-journal .article__info--category,
.article-page__beauty-journal .article__info--date,
.article-page__beauty-journal .article__wrapper .rte h2 {
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 24px !important;
    line-height: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.article-page__beauty-journal .article__wrapper .rte h2 {
    padding-bottom: 8px;
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

.blog__beauty-journal .article__info--date {
    color: #464646;
}

.blog__beauty-journal .beauty-journal__article__title a {
    display: block;
    max-width: fit-content;
}

.blog__beauty-journal .beauty-journal__article__title h2,
.article-page__beauty-journal .rte h1 {
    font-size: 42px;
    font-style: italic;
    line-height: normal;
    margin-bottom: 0;
}

.article-page__beauty-journal .rte h1 {
    margin-top: 30px;
}

.article-page__beauty-journal .section-article {
    background: transparent;
}

.article-banner-image .banner-image {
    padding-top: 25px;
}

.article-banner-image .banner-image img {
    border-radius: 0;
}

.article-page__beauty-journal .section-header--article {
    padding-bottom: 0 !important;
}

.article-page__beauty-journal .rte p {
    font-size: 28px;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .blog__beauty-journal .beauty-journal__info,
    .article-banner-image .beauty-journal__info {
        margin-bottom: 20px;
    }
    .blog__beauty-journal .beauty-journal__info h3,
    .article-banner-image .beauty-journal__info h3 {
        font-size: 18px !important;
    }
    .blog__beauty-journal .beauty-journal__title *,
    .article-page__beauty-journal .beauty-journal__title * {
        font-size: 30px;
    }
    .blog__beauty-journal .article__info--category, .blog__beauty-journal .article__info--date, .article-page__beauty-journal .article__info--category, .article-page__beauty-journal .article__info--date, .article-page__beauty-journal .article__wrapper .rte h2 {
        font-size: 14px !important;
    }
    .blog__beauty-journal .beauty-journal__article__title h2, .article-page__beauty-journal .rte h1 {
        font-size: 24px;
    }
    .article-page__beauty-journal .rte p {
        font-size: 16px;
    }
    .blog__beauty-journal .beauty-journal__title, .article-page__beauty-journal .beauty-journal__title {
        padding-bottom: 15px;
    }
    .article-page__beauty-journal .rte h1 {
        margin-top: 20px;
    }
    .article-page__beauty-journal .article__wrapper .rte h2 {
        margin-top: 35px;
        margin-bottom: 15px;
    }
    .blog__beauty-journal .beauty-journal__post-item {
        margin-bottom: 15px;
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 768px) {
    .article-banner-image .banner-image {
        padding-top: 42px;
    }
}
/* //////// End beauty jounral blog //////// */

/* Gift card */
.template-giftcard .giftcard__wrap {
    margin-bottom: 10px;
}

.template-giftcard .wrapper img {
    border-radius: 10px;
}

.template-giftcard .giftcard__amount {
    font-size: 32px;
}

.template-giftcard .giftcard__code {
    position: static;
    margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .template-giftcard .wrapper {
    max-width: 100%;
  }
  .template-giftcard .giftcard__amount {
    font-size: 26px;
  }
}
/* //////// End gift card //////// */


.nvd-std-widget-title {
  font-family: var(--FONT-STACK-BODY) !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
}

#nvd-with-checkout-btn {
  font-family: var(--FONT-STACK-BUTTON) !important;
  letter-spacing: 0px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: normal !important;
  border-radius: 0px !important;
  
}

.buttons-list .list-collections__item__outer.active .list-collections__item__image-bg:before {
  background: #e9e3db;
  border-radius: 5px;
}

.template-index .rebuy-product-actions .rebuy-button {
  margin-top: 5px !important;
  border: 0 !important;
}


/* //////// Mobile quick menu //////// */

.mobile-quick-menu {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .mobile-quick-menu {
    border-bottom: 1px solid #e2e2e2;
    /* display: block !important; */
    width: 100%;
    position: absolute;
    left: 0;
    background: #FFF;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    list-style: none;
    gap: 30px;
    padding-bottom: 10px;
    margin: -5px 0 0;
  }

  .mobile-quick-menu li {
    /* padding: 0px 20px; */
    align-self: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
  }
}

/* //////// End mobile quick menu //////// */



.search-popdown__close {
  display: none;
}

#sca-gift-thumbnail {
  display: none !important;
}


.collection__products h1 {
  display: none;
}

[aria-controls="CollectionFilter--ycrf-2"],
[aria-controls="CollectionFilter--ycrf-1"] {
  display: none;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-swiper .swiper-wrapper .yotpo-swiper-item:nth-child(2) .yotpo-vip-tier-container {
    background: #D6C2C2 !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-swiper .swiper-wrapper .yotpo-swiper-item:nth-child(3) .yotpo-vip-tier-container {
    background: #E1D8CF !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-swiper .swiper-wrapper .yotpo-swiper-item:nth-child(4) .yotpo-vip-tier-container {
    background: #454948 !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-swiper .swiper-wrapper .yotpo-swiper-item:nth-child(4) .yotpo-vip-tier-container .yotpo-vip-tier-header *,
.yotpo-vip-tiers-widget .yotpo-vip-tiers-swiper .swiper-wrapper .yotpo-swiper-item:nth-child(4) .yotpo-vip-tier-container .yotpo-vip-tier-benefits-list * {
    color: #fff !important;
    fill: #fff !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-vip-current-status-text {
 color: #222 !important; 
}

.yotpo-vip-tiers-widget .yotpo-vip-tier-header {
    background: transparent !important;
}

.yotpo-widget-referral-widget .yotpo-referral-widget-form .yopto-widget-button-text {
    font-size: 12px !important;
}

.template-article h4 {
  font-size: 24px;
}


/* Subscription card variants fix */
.bd-subscription-card .options-container {
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .bd-subscription-card .select--quick-add[name="selling_plan"] {
        font-size: 12px;
    }   
}
/* //////// End subscription card variants fix //////// */


.rebuy-modal-visible, .rebuy-cart-visible, .rebuy-bundle-builder-container-visible {
    overflow: hidden !important;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
}

.tab-collections__products-counter {
  display: none;
}

.pswp {
    z-index: 9999999999;
}