/** Shopify CDN: Minification failed

Line 853:8 Expected ":"
Line 2735:1 Expected identifier but found "/"
Line 4036:5 Expected ":"
Line 4230:7 Expected ":"

**/
html {
overflow-x: hidden !important;
overscroll-behavior: none;
}

body { 
overflow-x: hidden !important;
overscroll-behavior: none;
}

p.affirm {
    max-width: 60%;
    margin-left: auto !important;
    text-align: right;
    padding-bottom: 1em;
}

p.affirm a:hover{
   text-decoration: underline;
}

@media (max-width: 1024px) {
    p.affirm {
        max-width: 100%;
        text-align: center;
        padding-bottom: 0em;
        padding-top: 2em;
    }

    .footer--sub-- {
        flex-direction: column;
        justify-items: center;
    }

    .footer--subscribe {
        max-width: none !important;
    }
}

.layout--viewport[data-cart-empty=true] .cart--wrapper>*:not(.cart--header,.cart--empty) {
    display: block !important;
}
.header--root[data-sticky="true"] 
{
    position: fixed;
    width: 100%;
}
.header--root[data-bottom-border=true]:after {
    background-color: rgb(0 0 0 / 8%) !important;
}
body[data-drawer-status="opened"] .drawer--root,
[data-drawer-status="opened"] .drawer--root  
{
    pointer-events: auto;
}
.drawer--side:is([data-side=left]) {
    max-width: none !important;
    width: 100% !important;
}
.drawer--side[aria-expanded=true] .drawer--container {
    display: block !important;
}
.yotpo-head 
{
    display: none !important;
}
#cart-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    inset: 0;
    position: fixed;
    z-index: 40;
}
#cart-drawer {
    background-color: #ffffff;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
    height: 100vh;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transition: transform 0.3s ease-in-out;
    width: 100%;
    z-index: 50;
}
#cart-drawer.open {
    display: block;
    transform: translateX(0);
}
#cart-overlay.open {
    display: block;
}
#cart-drawer .drawer-header {
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
#cart-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 2.3rem;
    position: absolute;
    right: 15px;
    top: 24px;
    transition: color 0.2s ease;
    z-index: 10;
}
#cart-close:hover {
    color: #000000;
}
#cartDrawer .cart--item--title {
    display: none !important;
}
#cartDrawer .cart--item {
    justify-content: space-evenly;
}
.cart--root:not([data-view=desktop]) .cart--item--quantity .quantity-selector--remove>* {
    font-size: 11pt;
    letter-spacing: normal;
    opacity: 50%;
    text-decoration: underline;
    text-transform: capitalize;
}
.custom-cart-trigger {
      display: inline-block;
      position: relative;
  }

.custom-cart-trigger::after {
  background: #000;
  border-radius: 9999px;
  color: #fff;
  content: attr(data-cart-count);
  font-size: 11px;
  font-weight: 600;
  height: 1.25rem;
  line-height: 1.25rem;
  min-width: 1.25rem;
  padding: 0 .3rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: translate(50%,-50%);
}
.custom-cart-trigger:not([data-cart-count]),
.custom-cart-trigger[data-cart-count="0"] {  
 /* nothing */
}
.custom-cart-trigger:not([data-cart-count])::after,
.custom-cart-trigger[data-cart-count="0"]::after {
 display: none;
}

.mobile-nav--header .custom-cart-trigger::after {
  right: 5px;
  top: 5px;
  transform: none;
}

#cart-drawer img {
    animation: none !important;
    contain: layout paint;
    transition: none !important;
    will-change: auto;

  /* keep layout stable while we reuse/move nodes */
    /* prevent fade-in animations some themes apply */
}
.section--cart .cart--root {
    flex-direction: column;
}
.section--cart input.cart--quantity--input {
    background: transparent !important;
    box-shadow: none !important;
    caret-color: transparent;
    max-width: 80px;
    pointer-events: none;
    text-align: center;
}
.section--cart .cart--minus,
.section--cart .cart--plus,
.section--cart .cart--item--remove
 {
    display: none;
}
.section--cart .cart--item--info {
    align-items: end;
    display: flex;
    flex-direction: column;
    gap: 1em;
    height: 100%;
}
@media (min-width: 640px) {
  #cart-drawer {
    max-width: 100%;
    width: 550px;
}
}
@media (max-width: 768px) {
    .cart--root[data-view=drawer] .cart--summary {
        bottom: -9em !important;
        padding-bottom: 15em !important;
    }

    .upsell-product.w-full {
        padding-bottom: 15em;
    }

    .i-slider {
        margin: 0;
    }
}
.header--search {
    height: auto !important;
}
#ingredient-carousel h3.text-lg.font-medium
{
    font-family: var(--font--paragraph--family) !important;
    line-height: normal !important;
}
#ingredient-carousel.icon-image
{
    height: 4em;
    width: 4em;
}
#mobile-carousel-wrapper
{
    display: none;
}
#prevBtn svg,
#nextBtn svg
{
    height: 10px;
}
#prevBtn,
#nextBtn
{
    align-items: center;
    background-color: white;
    border-radius: 9999px;
    color: black;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    padding: 0.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    z-index: 10;
}
#provider-info-modal .bg-white.p-6.max-w-2xl.w-full.mx-4.rounded-xl.relative
{
    padding: 2.5em;
}
#stockist-search-btn
{
    font-size: 16px;
    height: 45px;
    line-height: normal;
    margin-top: 0;
    width: 100%;
}
#stockist-widget .stockist-query-entry
{
    display: flex !important;
    justify-content: space-between;
    position: relative;
}
#stockist-widget .stockist-query-entry .stockist-search-button
{
    padding-top: 1em;
}
.stockist-side-panel {
    /*max-height: 700px;*/
    overflow: auto;
}
#stockist-widget .stockist-query-entry .stockist-search-field
{
    background: transparent!important;
    border: 1px solid #ccc !important;
    border-radius: calc(infinity * 1px)!important;
    height: 55px !important;
    line-height: 45px!important;
    outline: 0!important;
    text-indent: 0!important;
    width: 85% !important;
}
#stockist-widget .stockist-search-button button
{
    background: #13294b !important;
    border-color: #13294b !important;
    border-radius: calc(infinity * 1px) !important;
    color: #fff !important;
    font-family: 'Avenir Next' !important;
    font-size: 12pt !important;
    font-weight: 500 !important;
    height: 45px !important;
    letter-spacing: normal !important;
    line-height: 45px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    padding-inline: calc(var(--spacing) * 6) !important;
    text-transform: capitalize !important;
    width: 100% !important;
}
@media (min-width: 1024px) {
    p {
        font-size: 12pt;
    }
}
.announcement--text
{
    font-size: 13px!important;
}
.article-card--root {
    position: relative !important;
}

.article-card--root {
    left: auto !important;
    position: relative !important;
    top: auto !important;
}

.article-card--heading {
    font-size: 18pt;
    line-height: 125% !important;
}
.article-card--excerpt, .article-card--info {
    font-size: 12pt !important;
}
.article-card--heading
{
    font-family: var(--font--paragraph--family) !important;
    padding: .5em 0;
}
.article-card--image
{
    border-radius: 8px;
    display: inline-block;
    overflow: hidden;
}
.article-card--image img
{
    display: block;
    transition: transform 0.4s ease;
}
.article-card--image:hover img
{
    transform: scale(1.05);
}
.article-card--info *
{
    font-size: 12px !important;
}
.article--content:not(.article-sidebar)
{
    max-width: 53em;
    padding: var(--spacing--block) var(--spacing--item);
}
.article--header--info
{
    align-content: flex-start;
    bottom: 1em;
    color: #fff;
    left: 1em;
    max-width: 90%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}
.article--heading
{
    width: 100% !important;
}
.article--heading
{
    position: relative;
}
.article--recents-grid
{
    border: 1px solid #ccccccb0;
    border-radius: 6px;
    grid-row-gap: 15px !important;
    padding: 15px;
}
.article--recents-grid .product-card a
{
    text-decoration: none !important;
}
.article--recents-grid .product-card h3.text-lg
{
    font-family: var(--font--paragraph--family) !important;
    padding: .5em 0;
}
.article--recents-grid .product-card img
{
    aspect-ratio: 70 / 90;
    border-radius: 5px;
    display: block;
    max-width: 90px;
    overflow: hidden;
    position: relative;
    transition: transform .4s ease;
    width: 100%;
}
.article--recents-header
{
    padding-left: 0 !important;
}
.article--recents-root
{
    padding-top: 1em !important;
}
.article--recents-wrapper
{
    grid-row-gap: .5em !important;
}
.article--recents-wrapper .article-card--heading a
{
    font-size: 16px;
    text-decoration: none !important;
}
.article--recents-wrapper .article-card--root
{
    align-items: center;
    flex-direction: row;
}
.article--recents-wrapper .article-card--root .article-card--image img
{
    aspect-ratio: 4 / 3;
    border-radius: 5px;
    max-width: 120px;
}
.article-sidebar
{
    max-width: var(--container-lg) !important;
}
.article--title
{
    font-size: var(--text-4xl) !important;
}
.article--wrapper .article-card--info
{
    color: #fff !important;
}
.article--wrapper h1.article--title
{
    text-align: left;
}
.aspect-square
{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.backdrop-blur
{
    backdrop-filter: blur(30px);
    background-color: #a2a2a233;
    webkit-backdrop-filter: blur(30px);
}
.badge
{
    background: #B4918F33;
    border-radius: 10em;
    margin-bottom: 1em;
    padding: 6px 12px;
    text-align: center;
    width: fit-content;
}
.badge p
{
    color: #A06562;
    font-size: 14px;
}
.badge[data-item="award-winning"] 
{
    background-color: #4A82D966;
    border: 1px solid #b4918f00 !important;
    max-width: 135px;
    text-align: center;
}
.badge[data-item="award-winning"] p
{
    color: #0F52BA;
}
.badge[data-item="new-arrival"] {
    background-color: #CEDFE5;
    border: 1px solid #b4918f00 !important;
    max-width: 145px;
    text-align: center;
}
.badge[data-item="new-arrival"] p
{
    color: #446774;
}
.badge-image
{
    display: block;
    height: 90px;
    max-width: 170px;
    object-fit: contain;
    object-position: left;
    width: auto;
}
.blog--footer {
    justify-content: center !important;
}
@media (min-width: 1000px) {

.blog--article-list .article-card--root:nth-child(1) {
  grid-column: span 2;
  grid-row: span 3;
}

.blog--article-list .article-card--root:nth-child(2) {
  display: flex;
  flex-direction: row;
  grid-column: 3 / span 2;
  grid-row: 1;
  height: 25px;
}

.blog--article-list .article-card--root:nth-child(3) {
  display: flex;
  flex-direction: row;
  grid-column: 3 / span 2;
  grid-row: 2;
  height: 25px;
}

.blog--article-list .article-card--root:nth-child(4) {
  display: flex;
  flex-direction: row;
  grid-column: 3 / span 2;
  grid-row: 3;
}

.blog--article-list .article-card--root:nth-child(2) img {
     min-width: 15em;
     width: 15em;
 }

.blog--article-list .article-card--root:nth-child(3) img {
      min-width: 15em;
      width: 15em;
  }
.blog--article-list .article-card--root:nth-child(4) img {
      min-width: 15em;
      width: 15em;
  }
}
.blog--footer {
    justify-content: center;
}
.blog--footer-rss {
    display: none;
}
.blog--featured .p-6.flex.flex-col.h-full
{
    flex-flow: column-reverse;
}
.blog--featured .slide,
.article--heading
{
    background-size: cover !important;
    height: 40em;
}
.article-card--excerpt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog--featured h1.article--title.text-white
{
    margin-bottom: calc(var(--spacing) * 4);
}
@media only screen and (max-width: 767px) {
    .blog--featured {
        padding-bottom: 0 !important;
    }
    .blog--header {
        padding-bottom: 1em !important;
    }
}
.blog--featured-header
{
    gap: 1em;
    max-width: 35em;
}
.blog--featured-header
{
    align-items: baseline !important;
    justify-content: end !important;
    padding: 2em !important;
}
.blog--featured-header h2 a
{
    padding: 0px!important;
}
.blog--featured-slide
{
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease;
    width: 100%;
}
.blog--featured-slide.active
{
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}
.blog--featured-slider
{
    overflow: hidden;
    position: relative;
}
.blog--filter--body
{
    justify-content: left !important;
}
.blog--filter--menu
{
    align-items: center;
    display: flex !important;
    gap: 2em;
}
.blog--filter--menu-item
{
    display: block !important;
}
.blog--filter--menu-item a
{
    font-size: 16px;
    opacity: 35%;
    text-transform: capitalize;
}
.blog--header--root
{
    align-items: baseline !important;
}
.blog--article-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .blog--article-list {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 2em;

    /* 4 columns on desktop */
}
}

.blog--body {
    order: 2 !important;
}

.blog--article-list {
    display: grid !important;
    height: auto !important;
}

@media only screen and (min-width: 768px) {
    .blog--article-list {
        max-width: none !important;
    }
}

.collection--header .blog--filter--body,
ul.blog--filter--menu  {
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.collection-header--wrapper {
    background-color: #13294b;
    position: relative;
}

.collection-header--wrapper.no-image {
    min-height: 30em;
}

@media only screen and (min-width: 1600px) {
    .collection-header--wrapper {
        min-height: 30em;
    }
}

@media only screen and (max-width: 768px) {
    .collection-header--wrapper {
        min-height: 20em;
    }

    .icon--bag {
        height: 24px !important;
        margin-top: -2px;
        width: 24px !important;
    }

    .section--icon-with-text-columns .icon-image {
        max-width: fit-content !important;
    }

    .featured-grid--wrapper {
        padding-bottom: 1em;
        position: relative;
    }

    .collection--header {
        padding: var(--spacing--block) var(--spacing--item) !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .collection--header .blog--filter--menu-item {
        line-height: normal;
        white-space: nowrap;
    }

    .section--collection-navigation navigation-element.navigation--root {
        display: none;
    }

    .blog--filter--menu {
        padding-bottom: 1em;
    }

    .product-card--root .product-card--title {
        font-size: 12pt;
    }

    .article-card--image img {
        aspect-ratio: 1.3;
        min-width: 160px;
    }

    .collection-header--heading {
        padding: 1em !important;
    }
}

.blog--filter--menu-item {
    line-height: normal;
    white-space: nowrap;
}

@media only screen and (min-width: 768px) {
    .blog--root[data-show-featured=true] .blog--header--root {
        padding-bottom: 1em !important;
    }
}
.blog--header--root
{
    order: 2;
}
.btn
{
    background: #13294B !important;
    border-color: #13294b !important;
    color: #fff !important;
    opacity: 1;
    text-transform: capitalize;
    transition: opacity 0.3s ease;
}
.btn,
[data-item=button]
{
    opacity: 1;
    padding-left: 32px !important;
    padding-right: 32px !important;
    transition: opacity 0.3s ease;
}
.btn.white-btn
{
    background: #fff !important;
    border: 2px solid #fff !important;
    color: var(--button--color) !important;
}
.btn:hover,
.hover\:bg-gray-100:hover,
button:hover,
[data-item=button]:is(:focus-visible,:hover),
a.product-card--mini .product-quick-add-button:hover
{
    opacity: 0.65;
    transition: opacity 0.3s ease;
}
.product-card--mini--wrapper .product-quick-add {
    margin: 5px 0;
}
.carousel
{
    margin: 0 auto;
}
.carousel
{
    width: 991px;
}
.carousel
{
    padding-bottom: 60px;
    position: relative;
}
.carousel__navdots
{
    bottom: 0;
    column-gap: 16px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
}
.carousel__navdots button
{
    appearance: none;
    background-color: #9a9a9a;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    moz-appearance: none;
    padding: 0;
    webkit-apperance: none;
    width: 10px;
    moz-

appearance: none;
}
.carousel__navdots button.is-active
{
    background-color: #0060a8;
}
.carousel__navdots button:focus-visible
{
    outline: 2px solid #0060a8;
    outline-offset: 2px;
}
.carousel__slide
{
    flex: 0 0 auto;
    scroll-snap-align: center;
}
.carousel__slides
{
    scrollbar-width: none;
}
.carousel__slides
{
    column-gap: 20px;
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory;
}
.carousel__slides,
.carousel__slide
{
    width: 100%;
}
.carousel__slides.smooth-scroll
{
    scroll-behavior: smooth;
}
.carousel__slides::-webkit-scrollbar
{
    display: none;
}
.carousel--block
{
    height: -moz-fit-content;
    height: fit-content;
}
.carousel--block *
{
    box-sizing: border-box;
    max-width: 100%;
    word-break: break-word;
}
.carousel--container
{
    display: flex;
    flex-wrap: nowrap;
    gap: 2em;
    overflow-x: hidden;
    width: 100%;
}
.carousel-dot
{
    background-color: #00000085;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    opacity: 0.25;
    transition: opacity 0.3s ease, transform 0.2s ease, background-color 0.3s ease;
    transition: opacity 0.3s ease;
    width: 10px;
}
.carousel-dot.active
{
    background-color: #000;
    opacity: 1;
}
.carousel-dot.opacity-100
{
    opacity: 1;
}
.carousel-dot:active
{
    transform: scale(0.95);
}
.carousel-dot:hover
{
    opacity: 0.8;
}
.carousel-nav *
{
    aspect-ratio: 1 / 1;
    border-radius: 5px;
    max-width: 62px;
    object-fit: cover;
}
.carousel-navigation--dots
{
    margin-top: 1em;
}
.carousel--root
{
    overflow: hidden;
}
.carousel-wrapper
{
    align-items: center;
    display: flex;
    height: 100vh;
    ms-overflow-style: none;
    overflow-x: auto;
    padding: 0 200px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    webkit-overflow-scrolling: touch;
}
.carousel--wrapper::-webkit-scrollbar
{
    display: none;
}
#cart-drawer .p-4.flex.justify-between.items-center.border-b {
    padding-bottom: 5px;
}
.cart--empty 
{
    padding: 2em 0;
}
.cart--root:not([data-view=desktop]) .cart--body 
{
    border-color: #0000001a !important;
}
.cart--root:not([data-view=desktop]) .cart--item 
{
    border-color: #0000001A !important;
    /*gap: calc(var(--spacing) * 4) !important;
flex-wrap: nowrap !important;*/
}
.cart--root:not([data-view=desktop]) .cart--item:last-of-type 
{
    border-bottom: none;
}
.cart--item--discounts,
.cart--item--total.money,
.cart--item--price {
    padding: 0 !important;
    text-align: right !important;
}
.cart--item--discounts {
    text-wrap-mode: nowrap;
}
.cart--item--total.money
{
    font-size: 16px;
}
.cart--root:not([data-view=desktop]) .cart--item--info>*
{
    font-family: var(--font--paragraph--family);
    font-size: 18px;
    text-align: left;
}
.cart--shipping {
    margin-top: -1em;
}
.\31 00 {
    align-self: center;
    display: flex;
    gap: 10px;
    max-width: none !important;
    padding-bottom: 0;
}

.\31 00 svg {
    display: block !important;
}

.cart--shipping .hide {
    display: none;
}
.cart--shipping-bar {
    border-radius: 0 !important;
    height: 4px !important;
    margin-top: 10px;
}
.cart--shipping-bar:after
{
    background: #B4918F !important;
    border-radius: 0 !important;
    height: 4px !important;
}
.cart--shipping-message
{
    font-size: 12px !important;
    letter-spacing: .04em !important;
    padding-bottom: 0 !important;
}
.cart--tax-info
{
    font-size: 16px !important;
    opacity: 50%;
    text-align: center;
}
.clinical-results p {
    font-size: 16px !important;
    line-height: normal;
}
.comparison-bottom {
    align-items: flex-end;
}
.comparison-bottom .w-20.h-auto {
    width: 60%;
}
.collapsible-row--root {
    border-color: #0000000f !important;
}
.collection--header
{
    padding: var(--spacing--section);
    padding-bottom: 0;
    padding-top: 0;
}
.collection-header--image img
{
    border-radius: 0px !important;
}
@media (min-width: 1000px)
{

    div#comparison-carousel .py-16.px-6.max-w-xl.h-full.flex.flex-col.justify-between {
        padding: var(--spacing--section);
        padding-top: 0px;
    }
}
.comparison-bottom img
{
    height: 90px;
    margin: 0;
    max-width: 70px;
}
@media (max-width: 768px)
{

    .comparison-bottom {
        align-items: start;
        flex-flow: column-reverse;
        gap: 15px;
    }

    .comparison-bottom .w-20.h-auto {
        width: inherit;
    }
}
.complementary-products--container .product-card--mini--image
{
    padding: .5em;
}
.complementary-products--container .product-card--mini--info {
    align-self: center;
    justify-content: center;
}
.complementary-products--container button.add-upsell-to-cart {
    width: 80%;
}
  .fade-slide {
    transition: opacity 0.5s ease-in-out;
}
.complementary-products--container .product-card--mini--image
{
    align-self: stretch;
    min-width: 160px;
    width: 100px;

    /*height: 160px;*/
}
.complementary-products--container .product-card--mini--info
{
    width: 100%;
}
.complementary-products--container .product-card--mini--wrapper .product-quick-add
{
    margin-top: 5px;
    position: relative;
}
.complementary-products--container .product-quick-add--icon
{
    display: none;
}
.complementary-products--container .product-quick-add--text
{
    display: block;
    font-size: 16px;
}
.complementary-products--container a.product-card--mini
{
    background-color: #F5F5F5;
    border-radius: 7px;
    max-width: none;

    /*height: auto;*/
}
.complementary-products--container button.product-quick-add--button
{
    border-radius: calc(infinity * 1px);
    font-size: 16px;
    height: 2.5em;
}
.complementary-products--container button.product-quick-add--button
{
    justify-content: center;
}
.complementary-products--container button.product-quick-add--button
{
    width: 100% !important;
}
.complementary-products--container button.product-quick-add--button
{
    border: #000;
}
.collapsible-row--icon 
{
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.2s ease;
}
.collapsible-row--toggle[aria-expanded="true"] .collapsible-row--icon 
{
  content: "-";
}

.collapsible-row--icon::before 
{
  content: "+";
  font-size: 22pt;
  font-weight: 400;
  opacity: 50%;
}
.collapsible-row--toggle[aria-expanded="true"] .collapsible-row--icon::before 
{
  content: "–";
}
.cursor-pointer
{
    cursor: pointer;
}
.divider--root[data-background-color=none]
{
    background-color: var(--border--dark) !important;
}
.divider--root[data-background-color=none]
{
    opacity: 15%;
}
.divider--root[data-white-border=false] .divider--wrapper
{
    background-color: transparent !important;
}
.drawer--root
{
    pointer-events: none;
}
.drawer--side:is([data-side=right],[data-side=left])
{
}
.duration-500
{
    transition-duration: 500ms;
}
.ease-in-out
{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.metafield-rich_text_field p {
    padding-bottom: 10px;
}
.featured-content--root .shop-the-banner--product {
    bottom: 1em;
    opacity: 1 !important;
    padding: 1em;
    right: 1em;
    visibility: visible !important;
}
.featured-content--root video.inset-0.w-full.h-full.object-cover.z-0 {
    max-height: 700px;
}

.featured-content--root .product-card--mini--info {
    color: #fff;
}
@media (max-width: 768px) {
    .featured-content--root .shop-the-banner--product {
        padding: 0 !important;
        right: 0em !important;
    }

    .featured-content--root a.product-card--mini {
        max-width: none !important;
    }
}

.related-products--title {
    text-align: justify !important;
}

.layout--viewport[data-cart-empty=true] .cart--summary {
    display: block !important;
}

.featured-blog--header
{
    flex-flow: nowrap;
    justify-content: space-between;
    width: 100%;
}
.featured-blog--wrapper h3.article-card--heading a
{
    font-size: 20pt;
    line-height: 130%;
    overflow: visible;
    text-overflow: ellipsis;
}
.featured-collection--header-nav
{
    padding: var(--spacing--section);
}
@media (min-width: 1000px)
{

    .featured-collection--header-nav
{
    padding-bottom: 0 !important;

    /*padding-top: 0 !important;*/
}
}
@media (min-width: 1000px)
{

h2.featured-collection--title {
    font-size: 3.2em;
    margin-left: 0;
    max-width: 10em;
}
.featured-collection--header {
     align-content: flex-end;
 }
}
.featured-collection--products .carousel--block
{
    padding: 0 !important;
}
.featured-collection--products .carousel--container
{
    gap: 1em;
}
.featured-collection--products .carousel--container
{
    padding: var(--spacing--section);
    padding-top: 0 !important;
}
/*.featured-collection--products .product-card--root>a,
.featured-collection--products .product-card--root,
.featured-collection--products .carousel--block
{
    max-width: 350px !important;
}
.featured-collection--products img.product-card--image,
.featured-collection--products img.product-card--hover-image
{
    max-height: 450px;
    max-width: 350px;
}*/
@media only screen and (max-width: 768px) {

    .featured-collection--products img.product-card--image,
    .featured-collection--products img.product-card--hover-image
    {
        max-height: none !important;
        max-width: none !important;
    }

    .featured-collection--products .product-card--root>a, 
    .featured-collection--products .product-card--root, 
    .featured-collection--products .carousel--block {
        max-width: none !important;
    }
}
.featured-collection--root
{
    padding: 0 0 2em 0 !important;
}
.template--product .featured-collection--root
{
    padding: 1.5em 0 2em 0 !important;
}
.featured-grid--item .stacked-text--wrapper
{
    gap: .5em;
}
.featured-grid--item--container {
    gap: 2em;
}
.featured-video--root .shop-the-banner--product
{
    opacity: 1 !important;
    padding: 1em;
    position: relative;
    scale: unset !important;
    visibility: visible !important;
    z-index: 1;
}
.shop-the-banner--product a.product-card--mini,
.media-slider__content .product-card--mini
{
    background-color: transparent !important;
    border: none !important;
    border-radius: 7px !important;
    max-height: 180px;
    max-width: 400px;
    min-width: 400px;
    padding: 0.75rem !important;
}
.featured-video-slider *
{
    color: var(--color-white);
}
.featured-video-slider .video--wrapper,
.featured-video-slider .video--container
{
    height: 100vh;
    max-height: 900px;
}
.flex-shrink-0
{
    flex-shrink: 0;
}
.footer--block--heading
{
    font-family: font-family: var(--body--heading--family);
    font-size: 12px;
    letter-spacing: .08em;
    opacity: 50%;
    text-transform: uppercase;
}
.footer--logo img
{
    max-width: 250px;
    object-fit: contain;
}
.footer--menu a
{
    font-size: 16px !important;
}
.footer--menu a,
.hover\:bg-gray-100,
a.product-card--mini
{
    opacity: 1;
    transition: opacity 0.3s ease;
}
.footer--menu a:hover
{
    opacity: 0.65;
    transition: opacity 0.3s ease;
}
.footer--root
{
    border-bottom: 6px solid #B4918F;
    padding-bottom: 1em;
}
.footer--subscribe
{
    max-width: 505px !important;
}
.footer--subscribe .footer--block--heading
{
    font-family: MinervaModern, serif !important;
    font-size: 24pt;
    opacity: 1;
}
.fore-content span
{
    letter-spacing: .08em;
}
.icon-image
{
    display: block;
    height: 70px;
    max-width: 170px;
    object-fit: contain;
}
.icon-image-sm
{
    display: block;
    height: 3.1875em;
    object-fit: contain;
    width: 2.5em;
}
.icon--root.icon--prev,
.icon--root.icon--next
{
    border-color: #fff;
    border-radius: 5px;
    padding: .95em;
}
.image-comparison--after img
{
    height: 100%;
    object-position: right;
}
.image-comparison--before img
{
    border-radius: 0;
    height: 100%;
    object-position: left;
}
.image-comparison--images>*
{
    grid-area: 1 / -1;
    max-height: 700px;
}
.image-comparison--root .carousel-nav *
{
    aspect-ratio: auto;
    max-height: 64px;
    max-width: none;
    object-fit: cover;
}
.image-comparison--root .carousel-nav img
{
    height: 64px;
    max-height: none;
    max-width: none;
    object-fit: cover;
    width: 64px;
}
.image-comparison--root p:not(.text-sm) {
    font-size: 24px;
    font-weight: 400;
}
.image-comparison--root p.text-sm.font-light {
    font-size: 18px;
}
@media only screen and (min-width: 768px) {
    .ingredient-stats {
        margin-left: auto;
        max-width: 85%;
    }
}
.ingredient-hover-img
{
    display: none;
    object-fit: contain;
}
.ingredient-hover-img.active
{
    max-height: 400px;
}
.ingredient-hover-img.active
{
    display: block;
}
.ingredient-item,
.ingredient-stats .text-4xl
{
    font-family: MinervaModern, serif !important;
    line-height: 110% !important;
}
.ingredient-slide.active
{
    opacity: 1 !important;
    pointer-events: auto;
    position: relative;
    transition: opacity 0.5s ease-in-out;
}
.ingredients-r
{
    margin-left: auto;
}
.ingredient-stats .eyebrow
{
    font-family: var(--font--paragraph--family) !important;
    letter-spacing: .08em;
}
.ingredient-stats p
{
    font-size: 16px;
    opacity: 50%
}
.ingredient-thumb
{
    aspect-ratio: 2 / 3;
    max-height: 90px;
    width: 70px;
}
.ingredient-thumb img,
.video-ingredients-bottom img
{
    height: 100%;
}
.video-ingredients .relative.text-white.overflow-hidden.h-\[700px\].flex.items-end.group {
    margin-right: -1px;
    min-height:500px;
}
.instafeed-shopify h2
{
    display: none !important;
}
.key_benefits h3
{
    font-family: var(--font--paragraph--family) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    opacity: 50%;
}
.key_benefits p
{
    font-size: 16px;
    margin-top: 1em;
}
.key_benefits span.text-lg.text-black
{

    @media (width <= 64rem) {
        font-size: 16px;
        line-height: 22px;
    }
}
.key_benefits svg
{

    @media (width <= 64rem) {
        height: 30px;
        width: 30px;
    }
}
.layered-image-pair {
    justify-items: flex-end;
}
.layered-image-pair img
{
    max-height: 420px;
    max-width: 328px;
    min-height: 420px;
}
@media only screen and (max-width: 1300px) {
    .layered-image-pair {
        display: none;
    }
}
.layout--viewport[data-drop-shadows=false] .shop-the-banner--product>*
{
    border: none;
}
.product-media--root {
    max-height: 700px;
    max-width: 700px;
}
.product-media--container {
    max-width: 700px;
}
.main-product--wrapper .product-video--root {
    aspect-ratio: 1 / 1 !important;
}
.main-product--wrapper .product-video--container {
    aspect-ratio: 1 / 1;
    padding: inherit;
}
.product-video--root .sound_controls {
    border-radius: 100%;
    display: none;
    display: block;
    height: 40px;
    left: 10%;
    opacity: 1;
    padding: 0px !important;
    top: 90%;
    visibility: visible;
    width: 40px;

    @media (width <= 64rem)
    {

    left: 90%
}
}
.product-video--root .sound_controls svg {
    fill: transparent;
    height: 40px;
    position: relative;
    width: 40px;
}
.product-video--root {
    border-radius: var(--image--radius);
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.product-video--root .plyr video, 
.product-video--root .plyr audio {
    aspect-ratio: 1 / 1;
}
.plyr__controls {
    visibility: hidden;
}

.product-video--container .plyr__control--overlaid:hover {
    background: inherit !important;
}
.main-product--desktop {
    max-width: 700px;
}
.main-product--mobile
{
    position: relative;
    width: 100%;
}
.main-product--mobile .js-dots {
    bottom: 1em;
    left: 1em;
    position: absolute;
}
.main-product--mobile .carousel--container
{
    flex-wrap: unset;
    overflow: hidden !important;
}
.main-product--mobile .carousel-dots
{
    bottom: 0.5em;
    left: .5em;
    position: absolute;
    z-index: 10;
}
.main-product--mobile .carousel--container {
    gap: 5px !important;
}
.main-product--mobile .carousel--block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.main-product--wrapper label.collapsible-row--heading
{
    font-size: 17px;
    letter-spacing: 0;
    text-transform: capitalize;
}
.main-product--wrapper
{
    padding-top: 1em;
}
.max-w-\[15em\]
{
    max-width: 15em;
}
.max-w-\[21\.5em\]
{
    max-width: 21.5em;
}
.max-w-\[25em\]
{
    max-width: 25em;
}
.max-w-\[34\.375em\]
{
    max-width: 34.375em;
}
.menu-icon
{
    align-items: center;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-top: 0;
}
.mobile-slide.opacity-100
{
    justify-items: center;
    opacity: 1 !important;
    pointer-events: auto;
    position: relative;
    transition: opacity .5s ease-in-out;
    z-index: 3;
}
.mobile-nav--header
{
    align-items: center;
    border-bottom: 1px solid #0000001A;
}
.mobile-nav--header img 
{
height: 30px;
object-fit: contain;
}
.o-image
{
    object-fit: contain;
    object-position: left;
}
.opacity-0
{
    opacity: 0;
}
.opacity-0.opacity-100
{
    opacity: 1;
}
.opacity-100
{
    opacity: 1;
}
.opacity-25
{
    opacity: .25;
}
.opacity-50
{
    opacity: .5;
}
.overflow-hidden
{
    overflow: hidden;
}
.predictive-search--heading
{
    font-family: 'MinervaModern' !important;
    font-size: 2em !important;
}
.product--block[data-block-type]
{
    margin-top: 1.5em;
}
.product-card--details
{
    align-items: baseline;
}
.product-card--mini--image
{
    align-self: stretch;
    min-width: 120px;
    width: 100px;
}
.product-card--mini--image
{
    min-width: 160px;
}
.product-card--mini--image img
{
    border-radius: 7px;

    /*min-height: 160px;*/
}
.product-card--mini--info
{
    align-self: end;
    height: 100%;
    justify-content: flex-end;
    margin-bottom: 0 !important;
    text-align: left;
}
.product-card--mini--info .product--price-container {
    margin-bottom: .75em;
}
button.product-quick-add-button.btn.rounded-full.white-btn.p-1 {
    height: 33px;
    line-height: unset;
    margin-bottom: 4px;
    max-width: 130px;
    padding: 0 20px !important;
}
.product-card--mini--wrapper .product-quick-add {
    margin: 0 !important;
}
.media-slider__product-price {
    font-size: 12pt !important;
}
.product-card--mini--info [data-item=paragraph]
{
    font-size: 13pt;
    line-height: inherit;
}
.product-card--mini--info span.product--price
{
    font-size: 14pt;
}
.product-card--mini--wrapper
{
    height: 100%;
}
.product-card--mini--wrapper
{
    position: relative;
    z-index: 1;
}
.product-card--mini--wrapper .product-quick-add
{
    margin: var(--spacing--1);
}
.product-card--root .product-card--title
{
    font-size: 14pt;
    line-height: inherit;
    text-align: left;
}
.product-card--root .product-quick-add--button
{
    border: none;
}
@media only screen and (min-width: 768px) {
    .product-quick-add[data-hover=true] {
        opacity: 1 !important;
        transform: none !important;
    }
}
.products-used a
{
    max-height: 90px;
    max-width: 90px;
}
.products-used h3
{
    font-family: var(--font--paragraph--family) !important;
    letter-spacing: .08em;
}
.profile img
{
    max-height: 100px;
    max-width: 100px;
}
.profile {
    margin-bottom: 0;
}
.quantity-selector--container
{
    align-self: start;
    border: 1px solid var(--border--dark);
}
.quantity-selector--input
{
    border: 0 !important;
}
.quantity-selector--root
{
    display: flex !important;
    gap: 5px;
    justify-content: space-between;
    padding-top: .5em;
}
.quantity-selector--root a
{
    font-family: var(--font--paragraph--family);
    font-size: 18px;
}
.quantity-selector--plus, 
.quantity-selector--minus 
{
    border: none !important;
    opacity: 50%;
}
.ring-gold
{
    border: 2px solid #B4918F;
}
.scrolling-content--block-wrapper p
{
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.scrolling-content--block-wrapper  img{
    border-radius: 100%;
    height: 40px;
    width: 40px !important;
}
.section--split-product h2 {
    font-size: 38pt;

    @media (width <= 64rem) {

    font-size: 33pt
}
}
.section--split .text-3-5xl {
    font-size: var(--text-3-5xl);
    line-height: normal;
    margin: 0;
    max-width: 425px !important;
}
.section--split-product .mx-auto {

    @media (width <= 64rem)
    {
    gap: 0;
}
}
.section--expert-results {
    padding-bottom: 0;
}
.section--expert-results .relative.h-full
{
    margin-bottom: 3em;
}
.section--expert-results .relative.h-full:not(#percentage) {
    @media (width <= 64rem) {
        margin-bottom: 0em;
    }
}
.section--expert-results .text-4xl.font-medium.text-black.mb-1
{
    font-family: MinervaModern, serif !important;
    line-height: normal;
}
.section--expert-results p.text-gray-600.text-sm.mb-6 {
    @media (width >= 64rem) {
        width: 80%;
    }
}

.section--expert-results .grid.grid-cols-1.md\:grid-cols-3.gap-6 {
    @media (width <= 64rem) {
        justify-self: center;
    }
}

.section--expert-results .flex.flex-col.items-start.gap-4 {
        @media (width <= 64rem) {
        align-items: center;
        text-align: center;
    }
    }
.featured-grid--wrapper {
    overflow: hidden;
}
.section--featured-collection [data-container=nav]>[data-container=block]
{
    flex-wrap: wrap-reverse;
}
.section--feature-stat-block img.w-8.h-8.mt-1.icon-image
{
    max-width: 40px;
}
.section--feature-stat-block h2.text-3-5xl.font-light.mb-6.max-w-\[34\.375em\] {
    max-width: 11em;
}
.section--expert-results .percentage, 
.stats .text-4xl.font-medium.text-black.mb-1 {
    font-size: 45pt;
    margin-bottom: 0;
}
.stats p {
    font-size: 14px;
    letter-spacing: .03em;
    line-height: normal;
}
.section--ha-ingredients .ingredients-l
{
    position: relative;
    text-align: left;
}
.ingredients-r .space-y-2 
{
    position: relative;
}
/*.ingredients-r .space-y-2 .vertical-line 
{
    border: 1px solid #0000001A;
    left: -80%;
    position: absolute;
    top: 3em;
    width: 50%;
}*/
.section--ha-ingredients .ingredients-l
{

    @media (width <= 64rem)
    {
        max-width: 100%;
        order: 2;
        text-align: center !important;
    }
}
.section--ha-ingredients .ingredients-l,
.section--ha-ingredients .ingredients-r
{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}
.section--ha-ingredients .ingredients-r
{
    position: relative;

    @media (width <= 64rem)
    {
        max-width: 100%;
        text-align: center !important;
    }
}
.section--ha-ingredients h3.text-lg.font-medium
{
    font-size: 24px;
}
.section--ha-ingredients img
{
    max-height: 565px;
    object-fit: contain;
}
.section--icons-row .carousel--block
{
    margin-right: 1rem;
    min-width: 300px;
}
.section--icon-with-text-columns h3,
.section--deep-dive h3
{
    font-family: var(--font--paragraph--family) !important;
}
.section--image-with-text .stacked-text--wrapper
{
    gap: 1em !important;
}
.section--landing-octane-quiz h1.text-3-5xl
{
    letter-spacing: -1px;
    line-height: normal !important;
    margin: 0;
}
@media only screen and (min-width: 1000px) {
    #quiz-landing {
        max-height: 800px;
    }
}

.octane-ai-quiz-rendered button {
    justify-content: center;
    min-width: 172px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .oct-quiz-picture-choice-options--ratio-custom .oct-quiz-picture-choice-options__option {
        display: flex;
        flex-direction: column;
        gap: 1em;
        justify-content: center;
        min-height: 156px;
    }

    .oct-quiz-picture-choice-options.oct-quiz-picture-choice-options--ratio-custom.oct-quiz-picture-choice-options--text-below li.oct-quiz-picture-choice-options__option div  {
        margin: initial;
    }
}
.cart--empty {
    display: none;
}
.cart--extra-items 
{
background-color: #fff;
}
.cart--headings,
#cartDrawer .cart--root[data-view=desktop] .cart--item>*
{
    border-bottom: 1px solid #0000001A !important;
}

.cart--item--title a {
    font-family: var(--font--paragraph--family);
}

form.cart--form {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {
    .shop-the-banner--product {
        width: 99%;
    }

    .main-product--wrapper {
        gap: 1em !important;
        padding-top: 0;
    }

    .oct-quiz-picture-choice-options--ratio-custom div {
        margin: initial !important;
        padding-left: 0px !important;
        padding-top: 1em !important;
        text-align: left;
    }

    .oct-quiz-picture-choice-options--ratio-custom div:first-of-type {
        margin: initial !important;
        margin-top: 12px !important;
        padding-top: 30px !important;
        width: 20%;
    }

    .oct-quiz-picture-choice-options.oct-quiz-picture-choice-options--ratio-custom.oct-quiz-picture-choice-options--text-below {
        display: grid !important;
        gap: 1em !important;
        grid-auto-flow: row !important;
        grid-template-columns: none !important;
    }

    .oct-quiz-picture-choice-options--ratio-custom li.oct-quiz-picture-choice-options__option {
        align-items: center;
        display: flex;
        margin: 0 !important;
        margin-top: 0 !important;
        width: 100%;
    }

    .oct-quiz-picture-choice-options.oct-quiz-picture-choice-options--ratio-square.oct-quiz-picture-choice-options--text-below {
        row-gap: 10px;
    }
}
.section--split img.aspect-square.rounded-md.max-w-\[15em\].mx-auto.w-64.h-auto.object-cover
{
    margin-bottom: 0;
}
.section--split h2.text-4xl
{
    margin-bottom: 0px;
}
.section--steps-media .border {
    border-style: dashed;
    height: 48px;
    margin-right: 1em;
    max-width: 48px;
    min-width: 48px;
    width: 30%;
}

.section--steps-media video {
    aspect-ratio: 2 / 1;
    object-fit: cover;
}
.section--steps-media h2.text-4xl {
    margin-bottom: .75em;
}
.section--ingredients-with-hover span.text-3-5xl {
    font-size: 35pt;
}
.section--steps-media,
.section--ingredients-with-hover,
.section--expert-results,
.section--media-text,
.section--deep-dive,
.section--luxury-science,
.section--feature-stat-block,
.section--icon-with-text-columns,
.section--ha-ingredients,
.section--video-reels-grid,
.article-flex,
.stockist-block
{
    padding: var(--spacing--section);
}
@media only screen and (max-width: 768px) {
    .article-flex {
        padding: 1em 0 0;
    }

    .shop-the-banner--product a.product-card--mini
    {
        min-width: 350px !important;
    }

    .section--luxury-science .relative.grid.grid-cols-1.md\:grid-cols-3.gap-8.text-center .relative {
        display: flex;
        flex-direction: row;
        gap: 1em;
    }
}
.section--sticky-faq .w-full.md\:w-1\/2.overflow-y-auto.p-6.md\:p-8.space-y-8.px-6.py-16.tabs
{
    height: 60em;
    overflow: scroll;
}
.section--sticky-faq details summary::-webkit-details-marker {
  display: none;

  /* removes Safari’s arrow */
}
.section--sticky-faq details summary {
  list-style: none;

  /* removes fallback markers */
}
.section--sticky-faq details .icon::before
{
    content: '+';
    display: inline-block;
    transition: transform 0.3s ease;
}
.section--sticky-faq .flex
{
    justify-content: space-between;
    max-height: 750px;
}
.section--sticky-faq .flex
{

    @media (min-width: 1024px)
    {
        max-height: 750px;
    }
}
.section--sticky-faq .group-title
{
    border-color: var(--color-gray-300);
    font-size: 12pt;
    letter-spacing: .08em;
}
.section--sticky-faq details.group
{
    border-color: var(--color-gray-300);
    cursor: pointer;
    font-size: 18pt;
    margin: auto;
    padding: 1.2em 0;
}
.section--sticky-faq details[open] .icon::before
{
    content: '–';
}
.section--sticky-faq img
{
    border-radius: 0;
    height: 100%;
    max-height: 800px;
}
.section--sticky-faq p
{
    font-size: 13pt;
    opacity: 50%;
}
.section--sticky-faq span
{
    font-size: 16pt;
    line-height: normal;
}
.section--sticky-faq .tabs {
    max-height: 800px;
    overflow: auto;
}
.section--sticky-faq span.text-3xl.transition-transform.group-open\:rotate-45
{
    border: 1px solid #0000001A;
    border-radius: 5px;
    min-width: 40px;
    padding: 2px 10px;
    text-align: center;
}
.s-image
{
    height: 206px;
    object-fit: cover;
    width: 174px;
}
.slide-container .product__block
{
    max-width: 270px;
}
.slide-container .product__block img
{
    height: 321px;
    max-height: none;
    max-width: none;
    min-height: 320px;
    object-fit: cover;
    width: 250px;
}
.slide-container .product__block img
{
    min-height: 320px;
}
.slider-controls 
{
    bottom: 2em;
    display: flex;
    gap: .5em;
    position: absolute;
    right: 2em;
}
.slider-controls button
{
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.slider-progress
{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 9999px;
    height: 2px;
    overflow: hidden;
    position: relative;
    width: 16rem;
}
.slider-progress-bar
{
    background-color: white;
    border-radius: 9999px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 0.5s ease-in-out;
    width: 0%;
}
.slider-progress-wrapper
{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 9999px;
    height: 2px;
    overflow: hidden;
    position: relative;
    width: 160px;
}
.stacked-text--description p
{
    opacity: 50%;
}
/*.stacked-text--title
{
    font-family: var(--font--paragraph--family) !important;
}*/
.stacked-text--wrapper span.price
{
    padding-left: 1em;
}
.stats .text-4xl.font-medium.text-black.mb-1
{
    font-family: MinervaModern, serif !important;
}
#stockist-widget .stockist-horizontal {
    /*max-height: 700px;*/
    overflow: hidden;
    position: relative;
}
.stockist-heading p
{
    margin-top: 1em !important;
}
.stockist-heading.desktop-heading
{
    padding-bottom: 2em !important;
}
.stockist-heading.mobile-heading
{
    padding: 4em 0 2em !important;
}
.stockist-result-address
{
    flex: 1 1 45%;
    font-size: 16px;
    line-height: normal;
    order: 2;
    padding-left: 0 !important;
    position: relative;
}
.stockist-result-address::before
{
    content: "ADDRESS";
    font-size: 12px;
    left: 0;
    opacity: 50%;
    pointer-events: none;
    position: absolute;
    top: -20px;
    z-index: 1;
}
.stockist-result-details
{
    flex: 1 1 45%;
    font-size: 16px;
    line-height: normal;
    order: 3;
    padding-left: 0 !important;
    position: relative;
}
.stockist-result-details::before
{
    content: "PHONE";
    font-size: 12px;
    left: 0;
    opacity: 50%;
    pointer-events: none;
    position: absolute;
    top: -20px;
    z-index: 1;
}
.stockist-result-distance
{
    display: none;
}
.stockist-result-name.stockist-feature-color
{
    flex: 0 0 100% !important;
    font-size: 20px;
    font-weight: 400 !important;
    padding-bottom: 2em !important;
    padding-left: 0 !important;
}
.stockist-result-filters {
    order: 4;
    padding: 0 !important;
    width: 100%;
}
.stockist-result-filter {
    background: #B4918F66;
    border-radius: 1000px;
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: .08em;
    padding: 2px 20px !important;
    text-transform: uppercase;
    width: fit-content;
}
.stockist-result-filter.badge-platinum {
    background: #92929266;
    color: #726E6E;
}
.stockist-result-filter.badge-sapphire {
    background: #4A82D966;
    color: #0F52BA;
}
.stockist-result-filter.badge-diamond {
    background: #85AFBE66;
    color: #446774;
}
.stockist-search-filters {
    margin-top: 3em !important;
    order: 3;
}
.stockist-search-filters:before
{
    content: "SEARCH FILTERS";
    font-size: 12px;
    left: 0;
    opacity: 50%;
    pointer-events: none;
    position: absolute;
    top: -30px;
    z-index: 1;
}
/*button.stockist-geolocate-button {
    border-radius: calc(infinity * 1px) !important;
    height: 55px !important;
    line-height: 45px !important;
    outline: 0 !important;
    text-indent: 0 !important;
    text-transform: uppercase;
    width: 85% !important;
    border: 1px solid #ccc!important
}*/
button.stockist-geolocate-button {
    /*background: transparent url(/cdn/shop/files/map_location.png?v=1671468073) no-repeat center left 35%;*/
    border: 1px solid #ccc!important;
    border-radius: calc(infinity * 1px) !important;
    border-radius: 0;
    color: #00254A;
    font-size: 16px;
    font-weight: 400;
    height: 55px !important;
    letter-spacing: 0.5px;
    line-height: 16px;
    margin-top: 1em !important;
    width: 85%;
}
select#stockist-radius-select {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: calc(infinity * 1px) !important;
    box-shadow: none;
    color: #00000082;
    font-size: 14px;
    height: 55px !important;
    padding: 0 10px;
}
.stockist-radius {
    width: 14%;
}
#stockist-widget .stockist-search-form {
    display: grid !important;
}
.stockist-result-website
{
    opacity: 0;
}
.stockist-wrapper .desktop-heading
{
    display: block;
}
.stockist-wrapper .mobile-heading
{
    display: none;
}
.subscribe-form--root
{
    max-width: none !important;
}
.testimonial-slide
{
    margin-bottom: 2em;
}
.testimonial-slide blockquote
{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    font-family: 'MinervaModern';
    line-height: 1.2;
    max-height: calc(1.4em * 5);
    overflow: hidden;
}
.transition-transform
{
    transition-property: transform;
}
.transition-transform
{
    transition-duration: 150ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.translate-y-1\/2
{
    transform: translateX(500%);
}
.-translate-y-1\/2
{
    transform: translateX(-500%);
}
.uppercase
{
    text-transform: uppercase;
}
.upsell-product .flex.items-center.gap-4
{
    background: #F5F5F5;
    border-radius: 6px;
}
.upsell-product.w-full {
       padding: 0px var(--spacing--item) calc(var(--spacing--block) + var(--summary-height));
   }
.upsell-product button.btn.white-btn.cart--checkout-button.rounded
{
    height: 35px;
    line-height: 30px;
    min-width: 200px;
}
.upsell-product h2.text-lg.font-medium.mb-4.uppercase.text-left
{
    font-family: var(--font--paragraph--family) !important;
    font-size: 12px;
    letter-spacing: .08em;
    opacity: 50%;
}
.upsell-product h3
{
    font-family: var(--font--paragraph--family) !important;
    font-size: 18px;
    line-height: normal !important;
}
.upsell-product img {
    aspect-ratio: 1 / 1;
    height: 160px;
    min-width: 110px;
    width: 160px;
}
.cart--item--image,
.cart--item--image img
{
    height: 130px;
    min-width: 95px;
    width: 95px !important;
}
.cart-items,
.cart--shipping {
    max-width: none !important;
    padding: var(--spacing--item) var(--spacing--item) 5px;
}
.cart--wrapper {
    padding: 0 !important;
}
.cart--title.text-left {
    font-size: 32px;
    padding: 0 16px;
}
.video--description p
{
    opacity: 50%;
}
.video-ingredients
{
    min-height: 700px;
    z-index: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 64%), rgba(0, 0, 0, 0) 35%), linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 35%);
}
.video-ingredients img.w-6.h-6 {
    max-width: 24px;
}
.video-ingredients a
{
    aspect-ratio: 2 / 3;
}
.video-ingredients-bottom .mb-2
{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    margin-bottom: calc(var(--spacing) * 2) !important;
    opacity: 75%;
}
.video-ingredients-bottom div
{
    justify-content: space-around;
}
.v-thumbnail-button
{
    width: 100% !important;
}
.video--slider .arrow-btn {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 9999px;
  color: white;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  transition: background 0.3s ease;
  z-index: 30;
}

.video--slider .arrow-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 768px) {
  .video--slider .slider-pagination {
      bottom: 1rem;
      display: flex;
      gap: 0.5rem;
      justify-content: center;
      left: 0;
      margin-top: 1rem;
      position: absolute;
      right: 0;
      z-index: 20;
  }
  /*.complementary-products--container .product-card--mini--wrapper {
      padding: 1em 0;
  }*/
}

.video--slider .video-slider-wrapper,
.video--slider .featured-video-slider,
.video--slider #videoSlider {
  height: 100vh;
  max-height: 900px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video--slider .slider-slide {
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 3s ease-in-out;
  width: 100%;

 /
}

.video--slider .slider-slide.active {
  opacity: 1;
}

.video--slider .featured-video-slider {
  height: 100vh;
  max-height: 900px;
  overflow: hidden;
  position: relative;
}

.video--slider .slider-pagination {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1rem;
}

.video--slider .slider-dot {
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 10px;
  opacity: 20%;
  width: 10px;
}

.video--slider .slider-dot.active {
  background: #fff;
  opacity: 100%;
}

.video--slider .video-slider-wrapper {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.video--slider .video--wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.video--slider .video--wrapper > video {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.x-menu--level-1--link[data-megamenu=true] .menu-block--image-wrapper
{
    max-width: 548px !important;
}
.x-menu--level-2--wrapper
{
    column-gap: 4em;
}
.x-menu--level-2--list {
    column-gap: 6em;
}
.x-menu--level-1--text
{
    font-size: 15px;
    letter-spacing: 0px;
    text-transform: capitalize !important;
}
@media (max-width: 768px)
{

button[aria-controls="y-menu_shop"] {
    font-weight: 800;
}
.y-menu--blocks {
    margin-bottom: 4em !important;
}
.x-menu--level-2--container[aria-hidden=false], .x-menu--level-2--wrapper
{
    padding-left: var(--spacing--block);
}
.x-menu--level-2--container[aria-hidden="false"]
{
    border-top: 1.5px solid #0000001A;
}
}
.x-menu--level-2--list:not(:first-of-type) li.x-menu--level-2--link > a
{
    opacity: 50% !important;
}
.x-menu--level-2--list:not(:first-of-type) li.x-menu--level-2--link > a:last-of-type
{
    padding-left: 0;
}
.x-menu--level-2--list:not(:first-of-type) li.x-menu--level-2--link.opacity-25
{
    opacity: 1 !important;
}
.mobile-nav--footer {
    background: #fff;
    flex: 0 0 auto;
    gap: 1.5em !important;
    margin: 0  !important;
    order: 5;
    width: 100%;
}
.mobile-nav--footer svg {
    height: 15px !important;
}	
.mobile-nav--menu {
    -webkit-overflow-scrolling: touch;
    display: flex;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}
.mobile-nav--account, 
.mobile-nav--search,
.mobile-nav--menu .header--search{
    padding: inherit !important;
}
.mobile-nav--menu .header--search {
    justify-content: left !important;
}
.mobile-nav--menu .header--account {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 14px;
    width: 100%;
}
nav.right-menu-nav {
    order: 1;
}
.y-menu--level-1--container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
y-menu-element.y-menu {
    flex: 1 1 auto;
    height: fit-content !important;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}
.y-menu--back-link
{
    border-bottom: 1px solid #0000001A !important;
    border-top: none !important;
}
.y-menu--back-link>button[data-item=nav-text]
{
    justify-content: start;
    padding: .75em var(--spacing--item) !important;
}
.y-menu--blocks
{
    border-bottom: none !important;
}
.y-menu--level-1--link button,
.y-menu--level-1--link a
{
    font-size: 24px !important;
    letter-spacing: 0px;
    text-transform: capitalize !important;
}
.y-menu--level-1--link>:is(a,button,modal-trigger),
.y-menu--level-2--link>:is(a,button,modal-trigger):not([aria-controls="y-menu_shop_concern"]):not([aria-controls="y-menu_shop_category"])
{
    border-bottom: 1px solid #0000001A !important;
    padding-bottom: .75em !important;
    padding-left: 16px !important;
    padding-top: .75em !important;
    text-align: left;
    width: 100% !important;
}
.y-menu--level-2--container li.y-menu--parent-link
{
    display: none;
}
.y-menu--parent-link svg, .y-menu--level-1--link svg, .y-menu--level-2--link svg, .y-menu--level-3--link svg
{
    height: 12px;
    pointer-events: none;
}
.y-menu--level-1--link:first-child>:is(a,button,modal-trigger), 
.y-menu--level-2--link:first-child>:is(a,button,modal-trigger), 
.y-menu--level-3--link:first-child>:is(a,button,modal-trigger) {
    border-top: none !important;
}
.y-menu--parent-link, 
.y-menu--level-1--link, 
.y-menu--level-2--link, 
.y-menu--level-3--link
{
    display: block;
    justify-items: center;
}
li[data-nav-item="Shop All"],
button[aria-controls="y-menu_shop_products"] {
    display: none !important;
}
nav.mobile-nav--menu {
    height: 100vh;
}
ul.submenu.submenu--nested {
    display: grid;
    gap: 12px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    padding-top: 4em;
    position: relative;
}
ul.submenu li:last-child ul {
    margin-bottom: 20em;
}
.submenu--nested:before {
    font-size: 12px;
    left: 0;
    opacity: 50%;
    pointer-events: none;
    position: absolute;
    top: 20px;
    z-index: 1;
}
ul[data-item="Products"]:before {
    content: "PRODUCTS";
}
ul[data-item="Category"]:before {
    content: "CATEGORY";
}
ul[data-item="Concern"]:before {
    content: "CONCERN";
}
ul[data-item="Concern"] {
    grid-template-columns: 1fr !important;
}
ul.submenu {
    margin: auto;
    width: 95% !important;
}
ul.submenu li {
    line-height: 1.2;
}
a#subMenuItem {
    font-size: 17px !important;
    line-height: normal;
}
.yotpo-display-m .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line[data-v-012a3912]
{
    margin-right: 0 !important;
}
.yotpo-display-s .yotpo-head
{
    display: none !important;
}
:root
{
    font--block--mobile-size: 18pt;
    font--paragraph--size: 16pt;
    font--section--mobile-size: 32pt;
}
div#quiz-wrapper {
    padding: 0 !important;
}
@font-face
{
    font-family: 'Avenir Next';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Avenir_Regular.ttf?v=1753290701') format('ttf');
	font-display: swap;
}
@font-face
{
    font-family: 'MinervaModern';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/Minerva-Modern.woff2?v=1679589490') format('woff2');
	font-display: swap;
}
@media (max-width: 1024px)
{

    .main-product--root
    {
        padding: 0 5px !important;
    }

    .main-product--wrapper 
    {
        justify-content: space-between;
    }
}
@media (max-width: 1024px)
{

    h2.product--block--heading
    {
        font-size: 32pt;
    }
}
@media (max-width: 1799px)
{

    #nextBtn
    {
        right: 5rem;
    }
    #prevBtn
    {
        left: 4.5rem;
    }
}
@media (max-width: 768px)
{    

    .upsell-product .flex.items-center.gap-4 {
        padding: 1em 2em 1em 0;
    }

    button.btn.white-btn.cart--checkout-button.p-2.mt-3.rounded-full.add-upsell-to-cart {
        min-width: auto;
    }

    /*.stacked-text--root[data-x-alignment=left] .stacked-text--wrapper
    {
        align-items: center !important;
    }
    .stacked-text--title
    {
        font-size: 20px !important;
    }*/
}
@media (max-width: 768px)
{

    .stockist-wrapper .desktop-heading
    {
        display: none;
    }
    .stockist-wrapper .mobile-heading
    {
        display: block;
    }
}
@media (max-width: 799px)
{

    #nextBtn
    {
        right: 1.5rem;
    }
    #prevBtn
    {
        left: 1.5rem;
    }
}
@media (min-width: 1024px)
{

    .text-container-width
    {
        max-width: 35em;
    }
}
@media (min-width: 1024px)
{

    .section--split .add-padding
    {
        padding: 6em;
    }
    .section--split .w-full.h-full.bg-cover.bg-center
    {
        min-height: 600px;
    }
}
@media (min-width: 1800px)
{

    #nextBtn
    {
        right: 16rem;
    }
    #prevBtn
    {
        left: 17rem;
    }
}
@media (min-width: 768px)
{

    #prevBtn svg,
    #nextBtn svg
    {
        height: .75rem;
        width: .75rem;
    }
    #prevBtn,
     #nextBtn
    {
        height: 3rem;
        padding: 0.75rem;
        width: 3rem;
    }
}
@media (width <= 64rem)
{

    .lg\:order-2
    {
        order: 2;
    }
    .split-image div
    {
        min-height: 450px;
    }
}
@media (width <= 64rem)
{

    .featured-grid--body
    {
        grid-gap: 1.5em !important;
    }
}
@media only screen and (max-width: 1000px)
{

    .blog--featured .slide,
     .article--heading
    {
        height: 30em;
    }
    .blog--featured h1.article--title.text-white
    {
        font-size: 3em !important;
    }
    .slider-controls
    {
        right: 2em;
    }
}
@media only screen and (max-width: 1000px)
{

    .stockist-side-panel
    {
        max-height: 700px;
    }
}
@media only screen and (max-width: 1000px)
{

    .product-card--mini--image
    {
        min-width: 120px !important;
    }
    .product-card--mini--info [data-item=paragraph]
    {
        font-size: 13.5pt;
    }
    .video--header
    {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .media-slider__heading
    {
        font-size: 33pt !important;
        font-weight: 500;
        padding-bottom: .5em;
    }
}
@media only screen and (max-width: 767px)
{
    .media-slider__media:nth-of-type(2) {
        object-position: bottom !important;
    }

    .product-price--original
    {
        font-size: 16px;
        font-size: 20px;
    }

    .section--sticky-faq .tabs {
        padding: 1em;
    }
}
@media only screen and (max-width: 767px)
{

    .article-card--details
    {
        display: flex;
        flex-direction: column;
    }
    .article-card--root:nth-of-type(2) .article-card--excerpt,
     .article-card--root:nth-of-type(3) .article-card--excerpt
    {
        display: none;
    }
    .article-card--root:nth-of-type(2) a.article-card--image-wrapper,
     .article-card--root:nth-of-type(3) a.article-card--image-wrapper
    {
        max-width: 130px;
    }
    .article-card--root:nth-of-type(2),
     .article-card--root:nth-of-type(3)
    {
        flex-direction: row;
    }
    .featured-blog--wrapper h3.article-card--heading a
    {
        font-size: 16pt;
    }

    .blog--article-list .article-card--root:not(:last-child) {
        padding-bottom: inherit;
    }

    .blog-grid--root {
        grid-row-gap: 10px !important;
    }

    .blog--header {
        padding: 0 var(--spacing--section--mobile--x);
    }

    .blog--featured .p-6.flex.flex-col.h-full {
        padding: var(--spacing--section--mobile--x);
    }
}
@media only screen and (max-width: 767px)
{

    .main-product--form
    {
        padding: 0 12px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px)
{

    .image-comparison--root .justify-between
    {
        order: 2;
    }
    .image-comparison--root .py-16
    {
        padding-block: calc(var(--spacing) * 6) !important;
    }
}
@media only screen and (max-width: 767px)
{

    [data-item=featured-heading],
    h2#stackedText
    {
        font-size: 40px !important;
    }
    .featured-grid--item--container h2#stackedText
    {
        font-size: 18px !important;
    }
    h2#videoHeading {
        font-size: 40px !important;
        padding-bottom: 0.75em;
    }
}
@media only screen and (max-width: 767px)
{

    .section--media-text img.rounded-md.object-cover.w-full.h-full,
    .section--steps-media video.w-full.rounded-lg
    {
        border-radius: 0;
        display: block;
        margin-left: calc(-1 * (100vw - 100%) / 2);
        max-width: 100vw;
        width: 100%;
        width: 100vw;
    }

    .section--steps-media  img.w-full.rounded-lg.object-cover {
        border-radius: 0;
        display: block;
        margin-left: calc(-1 * (100vw - 100%) / 2);
        max-width: 100vw;
        width: 100%;
        width: 100vw;
    }

    .ingredient-hover-img.active {
        max-height: 250px;
    }

    li.ingredient-item sup {
        top: -1em !important;
    }

    .section--ingredients-with-hover span.text-3-5xl {
        font-size: 25pt;
    }
}
@media only screen and (max-width: 767px)
{

    .featured-video-slider .video--content--wrapper
    {
        align-items: end;
        height: 100%;
        justify-content: end;
        margin-bottom: 5em;
        width: 100%;
    }
    .featured-video-slider .video--wrapper video
    {
        height: 100vh;
        object-fit: cover;
        object-position: top;
        width: 100vw;
    }
}
@media only screen and (max-width: 767px)
{

    .featured-content--root[data-mobile-overlay=false]:not([data-overlap=true]) .featured-content--container[data-background-color=transparent] .stacked-text--wrapper[data-background-color=transparent]
    {
        color: #000;
        padding-bottom: 0;
    }
    .featured-content--root[data-mobile-overlay=false]:not([data-overlap=true]) .featured-content--container[data-background-color=transparent] .stacked-text--wrapper[data-background-color=transparent] button.btn.white-btn
    {
        background: #13294b !important;
        border-color: #13294b !important;
        color: #fff !important;
        text-transform: capitalize;
    }
}
@media only screen and (max-width: 767px)
{

    .btn
    {
        min-width: 125px;
    }
    [data-item~=section-heading]
    {
        font-size: 32px;
    }
}
@media only screen and (max-width: 768px)
{

    div#ingredient-nav\ desktop
    {
        display: none;
    }
}
@media only screen and (max-width: 768px)
{

    .menu-block--image-wrapper
    {
        display: none;
    }
    .y-menu--back-link>button[data-item=nav-text]
    {
        font-size: 16px !important;
        justify-content: start;
    }
}
@media only screen and (max-width: 768px)
{

    .translate-y-1\/2
    {
        transform: translateX(125%);
    }
    .-translate-y-1\/2
    {
        transform: translateX(-125%);
    }
}
@media only screen and (max-width: 768px)
{

    #ingredient-carousel .icon-image
    {
        height: 8em;
        width: 6em;
    }
    #ingredient-carousel .w-full
    {
        padding: 0;
    }
    .slider-ingredients
    {
        padding: 1.5em;
    }
    .slider-ingredients .relative.overflow-hidden.mt-16.mx-auto
    {
        margin-top: 1em;
    }
}
@media only screen and (max-width: 768px)
{

    h2.text-4xl
    {
        font-size: 32pt !important;
    }
}
@media only screen and (max-width: 768px)
{

    #desktop
    {
        display: none;
    }
    #mobile-carousel-wrapper
    {
        display: block;
    }
}
@media only screen and (max-width: 768px)
{

    .featured-collection--wrapper .featured-collection--header-nav
    {
        gap: 1em !important;
        padding: 2em 20px 1em;
    }
    .featured-collection--wrapper .carousel--container
    {
        padding: 0em !important;
    }
    .featured-collection--wrapper .carousel--wrapper
    {
        margin: auto !important;
        width: auto !important;
    }
}
@media only screen and (max-width: 768px)
{

    form.stockist-search-form
    {
        margin-bottom: 2.5em !important;
    }
}
@media only screen and (max-width: 768px)
{

    .fore-content.relative.z-10.py-12.mx-auto.text-center {
        padding-bottom: 2em;
    }

    #testimonial-nav
    {
        overflow-x: auto;
        padding-top: 2em !important;
        webkit-overflow-scrolling: touch;
    }
    .testimonial-nav-container
    {
        justify-content: start;
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        white-space: nowrap;
    }
    .testimonial-slide blockquote
    {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 12;
        display: -webkit-box;
        font-size: 32px;
        height: 12.5em;
        line-height: 1em;
        max-height: none;
    }
    .testimonial-thumbnail
    {
        background: none;
        border: none;
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        opacity: 0.5;
        padding: 0;
        scroll-snap-align: start;
        transition: opacity 0.3s ease;
    }
    .testimonial-thumbnail img
    {
        max-width: none;
        object-fit: contain;
        width: 8rem;
    }
    .testimonial-thumbnail:hover,
     .testimonial-thumbnail.opacity-100
    {
        opacity: 1;
    }
}
@media only screen and (max-width: 768px)
{

    .stockist-block .feature-stat
    {
        gap: 2em;
    }
    .stockist-block .max-w-\[25em\]
    {
        order: 2;
    }
    .stockist-form,
     #stockist-search-btn
    {
        margin: 0;
    }
}
@media only screen and (max-width: 768px)
{

    .article--content:not(.article-sidebar)
    {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .article--recents-root
    {
        padding: 2.5em 1em 1em !important;
        width: 100%;
    }
}
@media only screen and (max-width: 768px)
{

    .footer--blocks
    {
        column-gap: 1em !important;
    }
    .footer--logo img
    {
        max-height: 174px;
    }
    .footer--subscribe .footer--block--heading
    {
        text-align: center;
    }
}
@media only screen and (max-width: 768px)
{

    .article-flex
    {
        flex-direction: column;
    }
}
@media only screen and (max-width: 768px)
{

    .section--ingredients-with-hover, 
     .section--expert-results, 
     .section--deep-dive, 
     .section--luxury-science, 
     .section--feature-stat-block, 
     .section--icon-with-text-columns, 
     .section--ha-ingredients,
     .section--video-reels-grid,
     .stockist-block
    {
        padding: 4em 20px;
    }
    .section--steps-media, 
     .section--media-text
    {
        padding: 2em 20px 0;
    }
}
@media only screen and (max-width: 768px) {
    .section--luxury-science .relative.z-10 {
        display: flex;
        gap: 2em;
    }
    .section--luxury-science .w-10.h-10.mb-4.border.border-dashed.border-gray-300.rounded-full.flex.items-center.justify-center.text-lg.font-medium {
        height: 48px;
        min-width: 48px;
    }
    .video-ingredients {
        min-height: 500px;
    }
    .image-comparison--images>*
    {
        grid-area: 1 / -1;
        max-height: 370px;
    }

    .collection-header--heading {
        padding: var(--spacing--item) !important;
    }
}
@media only screen and (min-width: 1000px)
{

    .blog--featured .p-6.flex.flex-col.h-full
    {
        padding: 0 var(--spacing--section--x) var(--spacing--section--y);
        padding-bottom: 2em;
    }
}
@media only screen and (min-width: 1000px)
{

    #stockist-widget .stockist-horizontal .stockist-side-panel
    {
        overflow: hidden;
        padding: 2em !important;
        padding-bottom: 0;
        width: 50% !important;
    }
    #stockist-widget .stockist-map
    {
        left: auto !important;
        width: 50% !important;
    }
    .stockist-heading
    {
        max-width: 65%;
    }
}
@media only screen and (min-width: 1000px)
{

    x-menu-element.x-menu
    {
        padding-right: 2em;
    }

    #ingredient-carousel .w-full {
       max-height: 475px;
   }
}
@media only screen and (min-width: 1000px)
{

    [data-item~=banner-heading]
    {
        font-size: 56pt !important;
    }
}
@media only screen and (min-width: 100px)
{

    .center-img img
    {
        object-fit: contain;
    }
}
@media only screen and (min-width: 1800px)
{

    .featured-video-slider .video--wrapper video
    {
        height: 100vh;
        object-fit: cover;
        object-position: top;
        width: 100vw;
    }
}
@media only screen and (min-width: 767px)
{

    a.product-card--mini
    {
        height: 200px;
    }
}
@media only screen and (min-width: 768px)
{

    .footer--wrapper .subscribe-form--input
    {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px)
{

    .video--root[data-text-width=medium] .video--header
    {
        max-width: 650px !important;
    }
}
@media only screen and (min-width: 768px)
{

    .testimonial-nav-container
    {
        gap: 2em;
        justify-content: center;
    }
}
@media only screen and (min-width: 768px)
{

    .main-product--form
    {
        width: 40% !important;
    }

    .main-product--wrapper
    {
        gap: 8em !important;
    }

    .product-media--variants--root {
        max-width: 50em;
    }

    .space-y-6 {
        max-width: 35em;
    }

    #quiz-landing .space-y-6 {
        max-width: 25em;
    }

    .section--steps-media .space-y-6 {
        max-width: 30em;
    }
}
@media only screen and (min-width: 768px)
{

    .featured-blog--wrapper h3.article-card--heading a
    {
        font-size: 15pt;
    }
}
@media only screen and (min-width: 768px)
{

    .blog--root[data-columns="2"] .blog--article-list, .blog--root[data-columns="3"] .blog--article-list
    {
        max-width: none !important;
    }
}
@media only screen and (min-width: 768px)
{

    .footer--root
    {
        padding: var(--spacing--section) 60px !important;
    }
}
@media only screen and (min-width: 768px)
{    

    .testimonial-slide blockquote
    {
        font-size: 50px;
        line-height: normal;
        margin-bottom: 0px;
        max-width: 20em;
    }
    button.testimonial-thumbnail img
    {
        width: 126px;
    }

    /*.testimonial-slide {
        height: 25em;
    }*/
}
@media only screen and (min-width: 768px)
{

    div#mobile
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{

    .video--root[data-text-width=large] .video--header,
    .media-slider-subcontent
    {
        max-width: 795px !important;
    }
}
@media only screen and (min-width: 768px)
{

    .featured-blog--wrapper [data-container=panel][data-columns="3"][data-fixed-columns=true]
    {
        gap: 10px;
        grid-template-columns: 45% 27% 27%;
    }
}
@media only screen and (min-width: 768px)
{

    .complementary-products--container .product-card--mini--info
    {
        margin-bottom: 0px !important;
    }
}
.shopify-section:not(.section--icons-row) .featured-grid--item--container .stacked-text--title
{
    font-size: 14pt;
}

.featured-grid--item--container .stacked-text--title
{
    font-family: var(--font--nav--family) !important;
    font-size: 18px;
}
@media only screen and (min-width: 768px)
{

    .section--icons-row .featured-grid--heading.mb-4
    {
        margin: 0;
        padding-bottom: 60px;
    }
    .section--icons-row .featured-grid--wrapper
    {
        grid-row-gap: 0 !important;
    }
}
[aria-controls="y-menu_shop_concern"],
[aria-controls="y-menu_shop_category"]
{
    display: none !important;
}
[data-block-type="@app"]
{
    margin-top: 1em !important;
}
[data-border=top], [data-border=both]
{
    border-color: #0000001A;
}
[data-drawer-view="cart-drawer"] [data-view="cart-drawer"]
{
    display: block !important;
}
[data-hover-video]
{
    pointer-events: none;
    transition: opacity 0.6s ease-in-out;
}
[data-item=block-link]>*:after
{
    border-bottom: 0 !important;
}
[data-item=featured-heading]
{
    font-family: MinervaModern, serif !important;
    font-size: 56px !important;
    line-height: 90% !important;
    max-width: 34.375em !important;
}
h2#videoHeading {
    font-size: 56px;
}
[data-item=overline]
{
    opacity: 50%;
}
[data-selected=true] a
{
    opacity: 1;
    padding: 5px !important;
}
[data-text-color=white] [data-transition-button][data-item=button]:hover:not([disabled]):not([aria-busy=true])
{
    border: inherit;
    color: #fff !important;
}
[data-transition-button][data-item=button]:hover:not([disabled]):not([aria-busy=true])
{
    border: 0.5px solid;
    color: #222 !important;
}
[data-video-block]:hover [data-hover-video]
{
    opacity: 1;
}
.product--block sup {
    top: -1em;
}
.product--labels {
    opacity: 1;
}
.product--label {
    border: 1px solid #b4918f00 !important;
    border-radius: 2em;
    font-size: 14px;
    letter-spacing: normal;
    margin-bottom: 1em;
    max-width: 100px;
    padding: 5px 13px;
    text-align: center;
    text-transform: capitalize;
}
.product--label[data-label-type="best-seller"] {
    background-color: #b4918f33;
    border: 1px solid #b4918f00 !important;
    color: #a06562;
    text-align: center;
}
.product--label[data-label-type="award-winning"] {
    background-color: #4A82D966;
    border: 1px solid #b4918f00 !important;
    color: #0F52BA;
    max-width: 125px;
    text-align: center;
}
.product--label[data-label-type="new-arrival"] {
    background-color: #CEDFE5;
    border: 1px solid #b4918f00 !important;
    color: #446774;
    max-width: 125px;
    text-align: center;
}
/*img.product-card--image, 
img.product-card--hover-image {
    aspect-ratio: 7 / 9 !important;
    max-width: 350px;
    width: 100%;
}
.product-card--root {
    max-width: 350px;
}*/
a.product-card--mini
{
    overflow: hidden;
    position: relative;
}
a.product-card--mini::before
{
    background: rgba(255, 255, 255, 0.2);
    content: "";
    filter: blur(16px);
    inset: 0;
    position: absolute;
    webkit-backdrop-filter: blur(16px);
    z-index: 0;
}
.close-modal
{
    cursor: pointer;
    margin-left: 0;
    position: unset;
    width: 100%;
}
button#close-provider-info
{
    left: 1em;
    top: 0.5em;
}
button#prevBtn,
button#nextBtn
{
    background: white;
    border-radius: 5px;
    padding: .95em;
}
button#provider-search
{
    background: #13294b;
    border-radius: var(--button--radius);
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding: 0 1em;

line-
height: 45px;
}
button.carousel-dot.w-2.h-2.rounded-full.bg-gray-300.bg-black
{
    opacity: .8;
}
.lg\:grid-cols-\[60\%_40\%\] {
  column-gap: 1em;
  @media (min-width: 1200px) {
    display: grid;
    grid-template-columns: 100% 0%;
}
  @media (min-width: 1608px) {
    display: grid;
    grid-template-columns: 70% 30%;
}
}

.lg\:grid-cols-\[40\%_60\%\] {
  column-gap: 1em;
  @media (min-width: 1200px) {
    display: grid;
    grid-template-columns: 50% 50%;
}
  @media (min-width: 1608px) {
    display: grid;
    grid-template-columns: 40% 60%;
}
}

.cog-branding.cog-branding--minimal {
    display: none !important;
}

.cog-label {
    font-family: var(--font--nav--family);
    font-weight: 500 !important;
    letter-spacing: 0.08em;
    opacity: 50%;
    padding-right: .6em;
    text-transform: uppercase;
}

.cog-cognito.cog-form.cog-4.is-default.cog-cognito--styled.cog-form--light-background {
    font-family: 'Avenir';
    font-weight: 500 !important;
}

@media (max-width: 1300px) {
    .career-block .image-column {
        display: none;
    }
}
.section--expert-results .text-4xl.font-medium.text-black.mb-1:not(.percentage) {
    font-family: MinervaModern, serif !important;
    font-size: 24pt !important;
}
button.product-buy-buttons--primary
{
    background: #13294B;
    color: #fff;
}
div#image-slider
{
    height: 100%;
    max-height: 700px;
}
div#image-slider img
{
    border-radius: 0px !important;
}
#ingredient-carousel .w-full {
    object-fit: contain;
}
#ingredient-carousel p {
    margin-top: -5px;
}
div#ingredient-carousel .icon-image
{
    display: block;
    height: 84px;
    object-fit: contain;
    width: 84px;
}
@media only screen and (min-width: 1024px) {
    #ingredient-carousel h3 {
        font-size: 14pt;
    }
}
div#ingredient-nav
{
    position: relative;
    z-index: 9;
}

.js-carousel-wrap {
  --gap: 12px;
  --pad: 16px;
  --peek: 10%;
}

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

    .js-carousel.snap {
        display: flex;
        gap: 2em;
    }

    .js-dots {
        display: none !important;
    }
}

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

.product-card--mini--image img {
    height: 142px !important;
}
.js-carousel {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: row;
  gap: var(--gap);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding-left: 0px;
  padding-right: calc(var(--pad) + var(--peek));
  scroll-padding-left: var(--pad);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-x;

  /* Smooth/clean interaction */
  /* Snap for user swipes */
  /* Gutter + make last slide snap fully while still showing peek */
  /* Hide scrollbar */
  /* Firefox */
}
.js-carousel::-webkit-scrollbar {
 display: none;
 height: 0;
 width: 0;
 /* Chrome/Safari/Edge */
}
.js-carousel {
 cursor: grab;
}
.js-carousel.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.js-carousel > .js-slide {
  display: block;
  flex: 0 0 calc(100% - var(--peek));
  min-height: auto;
  min-width: auto;
  position: static;
  scroll-snap-align: start;
  scroll-snap-stop: always;

  /* Reset any inherited conflicting rules from themes/demos */
  /* One full slide minus the peek portion = show 10% of next slide */
  /* Snap starts at left gutter (works with scroll-padding-left) */
}

/* ===== Scroller ===== */
/* Optional: nicer cursor on desktop drag */
/* ===== Slides ===== */
}

/* Media inside slides */
.js-carousel .js-slide img,
.js-carousel .js-slide video,
.js-carousel .js-slide picture {
  display: block;
  height: auto;
  max-width: 100%;
}

/* ===== Vertical mode (if you toggle it) ===== */
.js-carousel.vertical {
  flex-direction: column;
  padding-bottom: calc(var(--pad) + var(--peek));
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--pad);
  scroll-padding-left: 0;
  scroll-padding-top: var(--pad);
  scroll-snap-type: y mandatory;

scroll-
scroll-
padding-left: 0;

padding-top: var(--pad);
}
.js-carousel.vertical > .js-slide {
  flex-basis: auto;
  scroll-snap-align: start;

  /* natural height in vertical mode */
}

/* ===== Dots ===== */
.js-dots {
  display: flex;
  gap: 8px;
  justify-self: left;
  margin-top: 16px;
}
.js-dots .dot {
  background:#0000004d;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  height: 10px;
  opacity: 50%;
  transition: width 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
  width: 10px;
}
.js-dots .dot.active {
  background:rgba(0, 0, 0, 0.65);
  opacity: 75%;
}
.bg .js-dots .dot {
    background: #fff;
}
.bg .js-dots .dot.active {
    background: #fff;
    opacity: 100%;
}

div#mobile-nav
{
    z-index: 9;
}
div#provider-results
{
    font-size: var(--font--button--size);
}
div#provider-results
{
    font-size: var(--font--button--size);
}
div#provider-section label.block.font-medium.mb-2
{
    align-items: center;
    display: flex;
    gap: 3px;
    margin-bottom: 0;
    text-align: justify;
}
div#testimonial-nav
{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 3em;
}
div#videoModal .relative
{
    max-width: 70em !important;
}
div#x-menu_shop
{
    justify-content: space-between;
}
form#footer_form
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
h1, h2, h3, h4, h5, h6
{
    font-family: MinervaModern, serif !important;
    line-height: 95% !important;
}
[data-item=rte-content] h1,
[data-item=rte-content] h2,
[data-item=rte-content] h3,
[data-item=rte-content] h4,
[data-item=rte-content] h5, 
[data-item=rte-content] h6 {
    font-family: 'Avenir Next' !important;
}
h1.article--title.text-white
{
    font-size: 48pt !important;
    text-align: left;
}
h2.article--recents-title
{
    font-family: var(--font--paragraph--family) !important;
    font-size: 12px;
    letter-spacing: .08em;
    opacity: 50%;
    padding-bottom: .5em;
    text-align: justify;
    text-transform: uppercase;
}
h2.product--block--heading
{
    font-family: var(--font--body--family);
}
h2.product--block--heading
{
    font-family: var(--font--body--family);
}
h2.stockist-heading-block
{
    font-size: var(--text-4xl);
}
h2.text-4xl
{
    font-size: 43pt;
    line-height: 85% !important;
    max-width: 800px;
}
h3.article-card--heading a
{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    webkit-box-orient: vertical;
    webkit-line-clamp: 3;
}
product-recommendations-element.complementary-products--root 
button.product-quick-add-button.btn.rounded-full.white-btn.p-1 {
    display: none;
}
h3.complementary-products--heading
{
    font-family: var(--font--paragraph--family) !important;
    font-size: 12px;
    letter-spacing: .08em;
}
input#footer_form_subscribe-form_email
{
    opacity: 50%;
}
input#provider-input
{
    margin-bottom: 0;
}
input#provider-input,
#provider-search
{
    border-radius: var(--button--radius);
}
input#stockist-search-input
{
    border-radius: calc(infinity * 1px);
}
li.stockist-result.stockist-list-result
{
    border-left: none !important;
    display: flex;
    flex-flow: wrap;
    position: relative;
}
.provider-actions {
    display: flex;
    flex-direction: row-reverse;
    transform: translateY(-100%);
}
.x-menu--level-2--link a {
    font-size: 20px !important;
    letter-spacing: 0px !important;
    padding-left: 7px;
    text-transform: capitalize;
}
li.x-menu--level-2--link a[href="/"] 
{
    color: var(--color--body--light);
    font-size: 12px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
}
li.x-menu--level-3--link a
{
    font-size: 16px !important;
    letter-spacing: 0px !important;
    padding: 4.5px;
    padding-left: 0px;
    text-transform: capitalize;
}
li.x-menu--level-3--link.text-black.transition-opacity.duration-200
{
    align-items: center;
    column-gap: 0.55em;
    display: flex;
    padding: .25em 0;
}
main-product-carousel.carousel--root
{
    total-slides-mobile: 2.9 !important;
}
p.slide-article-name.text-white
{
    width: 12em;
}
p.text-gray-600.text-base
{    

    /*line-height: normal;*/
}
.text-gray-600 {
    opacity: 50%;
}
p.mx-auto
{
    margin: auto;
}
p.uppercase.eyebrow
{
    font-size: 10pt;
    letter-spacing: .08em;
    margin-bottom: 1em !important;
}
shopify-payment-terms
{
    color: #999999;
    font-size: 13px;
    text-align: center;
}
span.dot
{
    font-size: 10px !important;
}
span.product--price
{
    font-size: 16px;
    opacity: 50%;
}
span.stockist-search-button
{
    height: 1em !important;
    padding: 0px !important;
    position: absolute;
    right: 16%;
    top: 5px;
    width: 6em !important;
}
ul#ingredient-list li
{
    cursor: pointer;
}
li.ingredient-item.text-black {
    opacity: 100%;
}
li.ingredient-item sup {
    font-size: 100%;
    top: -1.5em;
}
ul.policies-menu
{
    flex-direction: row-reverse;
    font-size: 14px;
    opacity: 50%;
}

.scaaf-message-bar-content {
    color: #fff;
    visibility: visible !important;
}

.section--media-slider {
 overflow: hidden;
}

.section--media-slider2 {
    overflow: hidden;
}

/* Wrapper */
.media-slider {
  border-radius: var(--ms-radius, 8px);
  height: var(--ms-height, 500px);
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Track & slides */
.media-slider__container {
  display: flex;
  height: 800px;
  position: relative;
  transition: transform .5s ease-in-out;
  width: 100%;
  will-change: transform;
}
.media-slider__slide {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Media */
.media-slider__media {
 height: 100%;max-height: 800px;
 object-fit: cover;
 width: 100%;
}

/* Placeholder */
.media-slider__placeholder {
  align-items: center;
  background: #f4f4f4;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.media-slider__placeholder svg {
 height: 100%;
 max-height: 200px;
 max-width: 200px;
 opacity: .3;
 width: 100%;
}
.media-slider__empty-state {
  bottom: 20px;
  color: #666;
  font-size: 14px;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

/* Overlay */
.media-slider__overlay {
  background-color: rgba(0,0,0, var(--ms-overlay-opacity, .3));
  inset: 0;
  position: absolute;
  z-index: 1;
}

/* Content */
.media-slider__content {
  align-items: flex-end;
  color: var(--ms-text-color, #fff);
  display: flex;
  justify-content: space-between;
  padding: 40px 30px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.media-slider__content .product-card--mini {
      border-radius: 6px;
      height: auto;
  }

.media-slider__content--top-left     {
      left: 3em;
      text-align: left;
      top: 5em;
  }
.media-slider__content--top-center   {
      align-items: center;
      left: 50%;
      text-align: center;
      top: 5em;
      transform: translateX(-50%);
  }
.media-slider__content--top-right    {
      align-items: end;
      right: 3em;
      text-align: right;
      top: 5em;
  }
.media-slider__content--center-left  {
      left: 3em;
      text-align: left;
      top: 50%;
      transform: translateY(-50%);
  }
.media-slider__content--center-center{
      align-items: center;
      left: 50%;
      text-align: center;
      top: 50%;
      transform: translate(-50%, -50%);
  }
.media-slider__content--center-right {
      align-items: end;
      right: 3em;
      text-align: right;
      top: 50%;
      transform: translateY(-50%);
  }
.media-slider__content--bottom-left  {
      bottom: 2em;
      left: 3em;
      text-align: left;
  }
.media-slider__content--bottom-right {
      align-items: end;
      bottom: 2em;
      right: 3em;;
      text-align: right;
  }

/*.media-slider-subcontent.media-slider__content--center-left,
.media-slider-subcontent.media-slider__content--bottom-left,
.media-slider-subcontent.media-slider__content--top-left {
    align-items: flex-end;
    text-align: end;
}*/

@media (min-width: 768px) {
    .media-slider__content .product-card--mini {
        position: absolute;
        right: 3em;
    }

    .media-slider-subcontent {
        position: absolute;
    }

    .media-slider__content {
        height: 100%;
    }
}

.media-slider__content--bottom-center .media-slider-subcontent {
    align-items: center;
}

.media-slider__content--center-center .media-slider-subcontent {
    align-items: center;
}

.media-slider__content--top-center .media-slider-subcontent {
    align-items: center;
}

.media-slider__content--top-right .media-slider-subcontent,
.media-slider__content--center-right .media-slider-subcontent,
.media-slider__content--bottom-right .media-slider-subcontent {
    align-items: flex-end;
}

.media-slider__heading {
 font-size: var(--ms-heading-size, 36px);
}
.media-slider__text    {
 font-size: var(--ms-text-size, 16px);
 line-height: 1.5;
 margin: 0 5px;
}

.media-slider__product-title {
  color: #fff;
  text-wrap-style: pretty;
}

.media-slider-subcontent {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

h2.media-slider__heading {
    padding-bottom: 0;
}

/* Buttons */

@media (min-width: 768px) {
    a.btn.media-slider__button {
        opacity: 50%;
    }
    a.btn.media-slider__button:hover {
        opacity: 100% !important;
    }
}

.media-slider__button {
  background: var(--ms-btn-bg, #000f9f);
  border-radius: var(--ms-btn-radius, 6px);
  color: var(--ms-btn-color, #fff);
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 12px 24px;
  text-decoration: none;
  transition: opacity .3s ease;
}
.media-slider__button:hover {
 opacity: .5;
}

/* Optional product card */
.media-slider__product-card {
  background: rgba(255,255,255,.95);
  border-radius: 8px;
  color: #000;
  margin-top: 20px;
  max-height: 170px;
  min-width: 400px;
  padding: 20px;
}
.media-slider__product-card .product-card--mini--image img {
 min-height: 145px;
}
.media-slider__product-image-placeholder {
  align-items: center;
  background: #f4f4f4;
  border-radius: 6px;
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 12px;
  width: 80px;
}
.media-slider__product-image-placeholder svg {
 height: 40px;
 opacity: .3;
 width: 40px;
}
.media-slider__product-price {
 color: #fff;
 font-size: 14pt;
 margin: 0 0 12px;
 opacity: .5;
}

/* Nav */
.media-slider__arrows {
      display: none;
  }
.media-slider__arrow {
  align-items: center;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: right;
  top: 50%;
  transform: translateY(-800%);
  transition: opacity .3s ease;
  width: 50px;
  z-index: 3;
}
.media-slider__arrow:hover {
 opacity: .5;
}
.media-slider__arrow--prev {
 left: 20px;justify-content: flex-start;
}
.media-slider__arrow--next {
 right: 20px;
}

.media-slider__dots {
    align-items: flex-end;
    bottom: 25px;
    display: flex;
    gap: 10px;
    gap: 10px;
    height: 5%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100vw;

z-index: 5

    /*height: 100%;*/
}
.media-slider__dot {
  background: rgba(255,255,255,.5);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  transition: background-color .2s ease;
  width: 12px;
}
.media-slider__dot.active {
 background: rgba(255,255,255,1);
}

.\31 00\.0 {
    display: flex;
    gap: 10px;
}

/* Hide scrollbar (keeps scroll functionality) */
.media-slider__container {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;

  /* IE/Edge legacy */
  /* Firefox */
  /* Optional: smooth touch scrolling on iOS */
}

/* Chrome, Safari, new Edge, Opera */
.media-slider__container::-webkit-scrollbar {
  height: 0;
  width: 0;
}

@media (max-width: 768px) {  

  .media-slider__container {
        overflow: auto;
        scroll-behavior: smooth;
        scroll-snap-align: center;
        transform: none !important;
    }

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

  .media-slider__container,
  .media-slider__media,
  .media-slider__slide {
	height: calc(100dvh - 40px);
	max-height: none;
  }
}
/* Responsive */
@media (min-width: 750px) {
  .media-slider__dot.active {
        background: #000000a6;
        opacity: 75%;
    }

  .media-slider__dot {
    background: #0000004d;
    border: 0;
    border-radius: 9999px;
    cursor: pointer;
    height: 10px;
    opacity: 50%;
    transition: width .25s ease, background-color .25s ease, opacity .25s ease;
    width: 10px;
}

  .media-slider__arrows.left {
    justify-content: flex-start;
}

  a.product-card--mini.left {
    left: 3em;
}

  .left button.media-slider__arrow {
    justify-content: left;
}
}
@media (max-width: 749px) {
  .media-slider__content {
 bottom: 25px;
 flex-direction: column;
 max-width: 100%;
 padding: 20px;

gap: 15px;
}
  .media-slider          {
 height: var(--ms-height-mobile, var(--ms-height));
}
  .media-slider__product-card {
 min-width: auto;
}
.media-slider__content .product-card--mini {
    max-width: none;
    min-width: auto;
    width: 100%;
}
}
.media-slider__media-box {
 border-radius: var(--ms-radius);
 height: var(--ms-height);
 overflow: hidden;
 position: relative;
 width: 100%;
}
.media-slider__media {
 border-radius: 0px;
 height: 100%;
 inset: 0;
 object-fit: cover;
 position: absolute;
 width: 100%;
}

/* Mobile aspect-ratio mode: override fixed height with padding box on <=767px */
@media (max-width: 767px) {

.media-slider__media-box--mobile-ar {
    height: auto;

    /* ignore fixed slider height on mobile when AR is enabled */
}
.media-slider__media-box--mobile-ar::before {
    content: "";
    display: block;
    padding-bottom: var(--pb-mobile, 56.25%);
}
.media-slider__media-box--mobile-ar > picture,
.media-slider__media-box--mobile-ar > img,
.media-slider__media-box--mobile-ar .media-slider__media {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}
}

/* Hide mobile image by default; show on small screens */
.media-slider__media--mobile {
 display: none !important;
}
@media (max-width: 749px){

.media-slider__media--desktop {
 display: none !important;
}
.media-slider__media--mobile  {
 display: block !important;
}
}

/* Ensure both images behave the same visually */
.media-slider__media {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}

.video-ingredients {

    background: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0) 35%),
      linear-gradient(to top,    rgba(0,0,0,.4), rgba(0,0,0,0) 35%);
}

@media (max-width: 767px) {
    #stockist-widget .stockist-side-panel {
    max-height: 25em;
}
    .stockist-result-details {
        height: 40px;
        margin-top: 2em !important;
    }
    .stockist-result-name.stockist-feature-color {
        font-size: 25px;
        padding-bottom: 1.5em !important;
    }
    .stockist-result-address {
        flex: 1 1 100%;
    }
    .provider-actions {
        position: absolute;
        right: 0;
    }
    .selected-provider-card {
        padding: 3em 2em 0em !important;
    }
    .card {
        padding: 3em 2em 2em !important;
    }
}

@media (max-width: 1400px) {
	.stockist-radius {
		width: 25%;
	}

	#stockist-widget .stockist-query-entry .stockist-search-field {
    	width: 74% !important;
	}

	span.stockist-search-button {
		right: 28%;
		width: 6em !important;
	}

	button.stockist-geolocate-button {
		width: 100%;
	}
}

.oct-quiz-btn--secondary {
    margin-top: 20px !important;
}

.video-reels-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

@media (max-width: 768px){

  .video-reels-grid{
    -webkit-overflow-scrolling: touch;
    display:flex;
    gap:12px;
    max-height: 500px;
    overflow-x:auto;
    overscroll-behavior-x: contain;
    padding-inline:16px;
    scroll-snap-type: x mandatory;
}
  .video-reels-grid > *{
    flex:0 0 80%;
    max-height: 500px;
    padding-top: 135% !important;
    scroll-snap-align:start;
    scroll-snap-stop: always;
}

  .video-reel video {
    max-height: 500px;
}
  .video-reels-grid::-webkit-scrollbar{
 display:none;
}

  /* optional: hide scrollbar on WebKit */
}

.video-reel {
  background: #000;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  padding-top: 177.78%;
  position: relative;

  /* 9:16 aspect ratio */
}

.video-reel video {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.play-icon {
  bottom: .5em;
  height: 40px;
  left: .5em;
  pointer-events: none;
  position: absolute;
  user-select: none;
  width: 40px;
  z-index: 10;
}

.modal-overlay {
  align-items: center;
  background: rgba(0,0,0,0.9);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.modal-overlay.active {
  display: flex;
}

.modal-video-container {
  aspect-ratio: 9 / 16;
  background: #000;
  border-radius: 8px;
  max-width: 400px;
  overflow: hidden;
  position: relative;
  width: 90%;
}

.modal-video-container video {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.modal-close {
  align-items: center;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 28px;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 40px;
  z-index: 1;
}

.product-thumb {
 position: relative;
}

.product-thumb::after {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #a2a2a233;
  border-radius: 6px;
  bottom: -6px;
  color: #fff;
  content: attr(aria-label);
  font-size: 12px;
  left: 50%;
  line-height: 1.2;
  opacity: 0;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 100%);
  transition: opacity .15s ease, transform .15s ease;
  webkit-backdrop-filter: blur(30px);
  white-space: nowrap;
}

.product-thumb:hover::after,
.product-thumb:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, calc(100% + 4px));
}

[data-element="oct-quiz-productblock oct-quiz-media"] {
    display: none !important;
}

.relative.max-w-3xl.w-full.mx-4.rounded-xl.overflow-hidden.shadow-2xl {
    margin: auto;
    max-width: 70vw;
}

@media (max-width: 769px) {
    .relative.max-w-3xl.w-full.mx-4.rounded-xl.overflow-hidden.shadow-2xl {
        margin: auto;
        max-width: 90vw;
    }
}

img {
    opacity: 1;
    transition: opacity 0.3s;
}

img[data-src] {
    opacity: 0;
}

video {
  opacity: 1;
  transition: opacity 0.3s;
}

video[data-src] {
  opacity: 0;
}