/** Shopify CDN: Minification failed

Line 181:1 Unexpected "{"
Line 197:4 Unexpected "("
Line 226:3 Expected "}" to go with "{"

**/
:root {
  --container-md-max-width: 1600px;
  --container-lg-max-width: 1800px;
  --container-xl-max-width: 1920px;
}

@font-face {
  font-family: IvyMode;
  font-weight: 400;
  font-style: normal;
  src: url('{{ "IvyMode-Regular.ttf" | asset_url }}') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: GreycliffCF;
  font-weight: 400;
  font-style: normal;
  src: url('{{ "GreycliffCF-Regular.ttf" | asset_url }}') format("truetype");
  font-display: swap;
}

/* ================================
   GLOBAL BODY TEXT
================================ */

html, body {
  font-family: GreycliffCF, sans-serif !important;
}

/* Paragraphs + normal text */

p,
span,
li,
a,
input,
textarea,
button,
label {
  font-family: GreycliffCF, sans-serif !important;
}

/* ================================
   ALL HEADINGS
================================ */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
.Heading,
.SectionHeader__Heading,
.ProductMeta__Title,
.ProductItem__Title,
.PageHeader__Title,
.prose :where(h1,h2,h3,h4,h5,h6),
details.accordion__disclosure.group span.accordion__toggle.text-lg span.text-with-icon.gap-4 {
  font-family: IvyMode, serif !important;
}

h1, .h1 {
  font-size: clamp(30px, 5vw, 50px);
  line-height: clamp(40px, 4.9vw, 60px);
}
h2, .h2 {
  font-size: clamp(26px, 4vw, 40px);
  line-height: clamp(36px, 4.8vw, 50px);
}
h3, .h3 {
  font-size: clamp(24px, 3.5vw, 30px);
  line-height: clamp(32px, 4.5vw, 40px);
}
h4, .h4 {
  font-size: clamp(22px, 3vw, 28px);
  line-height: clamp(30px, 4.3vw, 35px);
}
h5, .h5 {
  font-size: clamp(20px, 2.8vw, 25px);
  line-height: clamp(28px, 4.1vw, 32px);
}
h6, .h6 {
  font-size: clamp(19px, 2.8vw, 22px);
  line-height: clamp(25px, 3.8vw, 28px);
}

.shopify-section.shopify-section--treatment-video .home-learn-more-text-container.content-box h2.section-heading.h2, .shopify-section.shopify-section--treatment-video .home-learn-more-text-container.content-box h2.section-heading h2 {
    font-family: 'GreycliffCF' !important;
    font-size: clamp(20px, 2.3vw, 25px);
}

.shopify-section.shopify-section--treatment-video .home-learn-more-text-container.content-box h4, .shopify-section.shopify-section--treatment-video .home-learn-more-text-container.content-box .h4 {
    font-size: clamp(15px, 2vw, 18px);
    font-family: 'GreycliffCF' !important;
    font-weight: 500 !important;
}

.button, .shopify-challenge__button, .shopify-payment-button__button--unbranded{
  letter-spacing: 0.5px;
}



.header-sidebar__scroller ul > li:last-child {
  background: linear-gradient(
    75deg,
    #0057cc 27%,
    #3b52c4 38%,
    #7d4fa8 69%,
    #b84f93 100%
  ) !important;
    color: white;
    background-size: 300% 100%;
  animation: gradientMove 4s linear infinite;
}
.header-sidebar__scroller ul > li:last-child a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}







@media screen and (min-height: 650px) and (max-height: 800px) {
.slideshow__volume-control a.google-rating-link .google-rating-badge {
    padding: 0px;
}
.google-rating-badge .gr-header svg {
    width: 25px;
    height: 25px;
}
.google-rating-badge .gr-header span.gr-title {
    font-size: 20px;
}
.google-rating-badge .gr-header {
    margin-bottom: 0px;
}
.google-rating-badge .gr-number {
    font-size: 18px;
}
.slideshow__volume-control .google-rating-badge .gr-score .gr-stars {
    font-size: 20px;
}
.slideshow__slide.is-selected .slideshow__volume-control {
    inset-block-end: 1rem !important;
}

}
@media screen and (device-width: 912px) and (device-height: 1368px) {
.slideshow__slide-content.place-self-center-start.text-start.sm\:place-self-center-start.sm\:text-start p.h1 {
    line-height: 62px;
}

form#comment_form button.button, .featured-collections-carousel__item a.button{
  --initial-gradient: linear-gradient(transparent, transparent);
    --hover-gradient: linear-gradient(rgb(0 0 0), rgb(0 0 0));
    --initial-background-position: var(--transform-origin-start);
    --hover-background-position: var(--transform-origin-end);
    border-color: rgb(0 0 0) ;
}



.color-scheme.color-scheme--scheme-1 a.button.button--outline, 
.product-info__block-item buy-buttons button.button.w-full, 
.horizontal-product-card product-form 
.button--subdued, 
form#contact_form button.button,
 {
    --initial-gradient: linear-gradient(transparent, transparent);
    --hover-gradient: linear-gradient(rgb(0 0 0), rgb(0 0 0));
    --initial-background-position: var(--transform-origin-start);
    --hover-background-position: var(--transform-origin-end);
    color: rgb(0 0 0);
    border-color: rgb(0 0 0) ;
}

.home-learn-more-media-container .video-wrapper img {
    height: -webkit-fill-available;
    object-fit: cover;
}

@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .features--button-transition :is
    (.section-spacing.color-scheme.color-scheme--scheme-1 .multiple-media-with-text__content-wrapper a.button.button--outline, 
    .color-scheme--scheme-2 a.button.button--outline, 
    .product-info__block-item buy-buttons button.button.w-full, 
    .horizontal-product-card product-form 
    .button--subdued, 
    form#contact_form button.button,
    ):not([disabled]):hover {
        color: rgb(255 255 255) !important;
        background-position: var(--hover-background-position);
        border-color: rgb(0 0 0);
        background-size: 0 101%, 101% 101%;
    }
  }

section.shopify-section.shopify-section--rich-text .color-scheme--scheme-1 .prose.text-start .button-group a.button.button--outline{
  --initial-gradient: linear-gradient(transparent, transparent);
    --hover-gradient: linear-gradient(rgb(0 0 0), rgb(0 0 0));
    --initial-background-position: var(--transform-origin-start);
    --hover-background-position: var(--transform-origin-end);
    color: rgb(0 0 0);
    border-color: rgb(0 0 0);
}
@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .features--button-transition :is(section.shopify-section.shopify-section--rich-text .color-scheme--scheme-1 .prose.text-start .button-group a.button.button--outline):not([disabled]):hover {
        color: rgb(255 255 255) !important;
        background-position: var(--hover-background-position);
        border-color: rgb(0 0 0);
        background-size: 0 101%, 101% 101%;
    }
  }