/** Shopify CDN: Minification failed

Line 526:0 Unexpected "}"
Line 800:37 "align-tiems" is not a known CSS property

**/
/* ------ FONTS ----------*/

@font-face {
  font-family: "Tobias-Light";
  src: url("/cdn/shop/files/Tobias-Light.woff") format("woff");
}

/* ------ GENERAL ----------*/

body {
  font-family: "neue-haas-unica", sans-serif;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0 !important;
  }

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}


body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, 
.color-scheme-a12c8b07-9b29-447d-bfb0-83d0d38b850e, .color-scheme-bbdbc7aa-d40f-49d2-86d3-58492c7972f1, 
.color-scheme-6d854ed8-74db-4a0a-9c7b-240a8a913683, .color-scheme-cdcadfc3-ea28-48b2-a12e-9e8a8acf7e84, 
.color-scheme-0ec903cd-c9b2-4ffc-817d-225bb428f070, .color-scheme-a58c1aa3-0a51-4532-95cb-a5d410ee5d77, 
.color-scheme-03b8ea27-31e2-4aef-a522-6437c344ab35 {
    color: rgba(var(--color-foreground), 1) !important;
}


.page-width--narrow {margin: auto; max-width: 900px; width: 900px;}

@media screen and (max-width: 990px) {
  .page-width--narrow {width: 100%; max-width: 100%; padding: 0;}
  }

p strong {font-weight: 700;}
#MainContent p a {color: rgba(var(--color-foreground), 0.8) !important; text-decoration: none; border-bottom: 1px solid rgba(var(--color-foreground), 0.8);}
#MainContent p a:hover {color: rgba(var(--color-foreground), 0.6) !important; font-style: normal !important;}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Tobias-Light", serif;
  letter-spacing: 0;
  line-height: 1.2;
  }

h0, .h0 {font-size: calc(var(--font-heading-scale) * 5rem)!important;}
h2, .h1 {font-size: calc(var(--font-heading-scale) * 4rem) !important;}
h2, .h2 {font-size: calc(var(--font-heading-scale) * 3rem) !important;}

.h0 em, .h1 em, .h2 em,  h2 em  {font-style: normal; color: #f3d084;}
@media only screen and (max-width: 750px) {
  h0, .h0 {font-size: calc(var(--font-heading-scale) * 4rem)!important;}
  h2, .h1 {font-size: calc(var(--font-heading-scale) * 3rem) !important;}
  h2, .h2 {font-size: calc(var(--font-heading-scale) * 2rem) !important;}
  }

.totals__total,
h3 span,
.mobile-facets__open-label,
.footer-block__heading,
.secondary-heading,
.accordion__title,
/*.collapsible-content__heading,*/
.caption-with-letter-spacing {
  font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0rem;
  text-transform: uppercase;
  }

.product-option {
    font-size: 1rem !important;
}

.facets__heading,
.product-count__text,
.facets__summary {
    font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), .75);
    font-size: 1.4rem;
    padding: 0 1.75rem 0 0;
    margin: 0rem !important;
}

.facet-filters__field input {padding: 0px;}





.template-name--faq  .accordion__title {font-size: 1.3rem; min-height: 1.3rem;}

.collapsible-content summary:hover .accordion__title {
    text-decoration: none !important;
    text-underline-offset: 0rem !important;
}
.caption-with-letter-spacing strong {
  padding: 0 3px;
  margin-top: -2px;
  transform: scale(1);
   animation: blink 1.3s ease infinite
}

@keyframes blink {
    0% {opacity: 0} to {opacity: 0.7}
}


.rich-text__heading {font-size: calc(var(--font-heading-scale)* 4.6rem);}

@media only screen and (max-width: 750px) {
  .caption-with-letter-spacing {font-size: 1.1rem;}
  .rich-text__heading {font-size: calc(var(--font-heading-scale)* 3rem);}
  }

.shopify-policy__container {max-width: 1000px !important;}

@media only screen and (max-width: 1100px) {
  .shopify-policy__container {max-width: 100% !important;}
  }


/* ------ GENERAL ----------*/

.shopify-section {border: 5px solid #fff; border-bottom: none;}

/*.footer .page-width {max-width: 100% !important;}*/

/*.template-index #MainContent .shopify-section .gradient {padding-top: 0rem !important; padding-bottom: 0rem !important;}*/

/* ------ GENERAL ----------*/

.announcement-bar-section {
  background-color: #fff;
  border: 5px solid #fff; 
  border-bottom: none;
  }

.announcement-bar__message {
  font-size: 12px;
  line-height: 2;
  font-family: "Fira Code", monospace !important;
  letter-spacing: 0em !important;
  }

.announcement-bar__message span {padding: 0 3px;}

.utility-bar__grid.page-width {
    padding-left: 0rem;
    padding-right: 0rem;
}
@media only screen and (max-width: 750px) {
.announcement-bar__message {
    font-size: 11px;line-height: 1.5;}
}

/* ------ HEADER ----------*/


.header__icon--account {padding: 0 15px;}

.mega-menu__content .page-width,
.header.page-width {
  padding-left: 2% !important; 
  padding-right: 2%  !important; 
  max-width: 100% !important; 
  width: 100% !important; 
  }

details[open] .modal-overlay:after {background-color: transparent;}
.header__icon--menu[aria-expanded=true]:before {display: none;}

.header-wrapper {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(100px);
  }


.header__icons {Padding-right: 0rem;}
.menu-drawer__utility-links .button {width: 100% !important; padding: 20px !important;}

@media only screen and (max-width: 750px) {
/*.header {padding: 10px 2rem !important;}*/
.header__icons .button {display: none; padding: 0 1rem;min-width: auto; min-height: 25px; font-size: 11px; width: auto;}
.header__heading-logo {transform: scale(1); padding-top: 0px;}
}


.mega-menu__link--level-2,
.header__icon--search,
.header__icons, 
.header__icon--account,
.header__icon--cart>span, 
.list-menu__item,
.mega-menu__link {
  font-weight: 400 !important;
  font-size: 14px !important;
  text-transform: none;
  font-family: "Fira Code", monospace !important;
  opacity: 1 !important;
  color: rgba(var(--color-foreground), 1) !important;
  }

.mega-menu__link_child a {
  color: rgba(var(--color-foreground), 1);
  font-family: "neue-haas-unica", sans-serif !important;
  padding: 5px 0 !important;
  }

.mega-menu__link--level-2 {padding: 0 0 15px 0 !important;}


.header__icon--account:hover,
.header__icon--cart:hover,
.list-menu__item:hover {opacity: 0.7;}

.header__active-menu-item {opacity: 0.7; border: none !important;}

.header__menu-item span:after, li>a.mega-menu__link:after {display: none;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li a {border-radius: 30px !important;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li:first-child {border-top: 0px dotted !important;}
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {border-bottom: 0px dotted !important;}
.menu-drawer__navigation {padding: 0rem !important;}

.list-menu__item {justify-content: flex-start;}
.list-menu__item {align-items: flex-start !important;}

.menu-drawer__menu-item--active, 
.menu-drawer__menu-item:focus, 
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover, .menu-drawer__close-button:hover {
  opacity: 0.7;
  background-color: transparent !important;
  }

.menu-drawer__utility-links {background-color: transparent !important;}
.menu-drawer__utility-links .list-social {padding-top: 10px !important;}


.button, .price {letter-spacing: 0 !important;}

.service-read-more, 
.button--primary {
  font-size: 14px !important;
  text-transform: none;
  font-family: "Fira Code", monospace !important;
  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  }


.menu-drawer__account {
  width: 100% !important;
  padding: 20px !important;
  font-size: 14px !important;
  color: #fff !important;
  text-align: center;
  font-family: "Fira Code", monospace !important;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px !important;
  }

.menu-drawer__account .icon-account {display: none;}

.menu-drawer__account:hover {background-color: #424041; color: #fff;}

.service-read-more {
  margin-top: 2rem;
  display: flex; 
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase; 
  border: none; 
  padding: 10px 15px; 
  background-color: #fff; 
  color: #c9697d; 
  border-radius: 20px; 
  width: 100% !important;
  }

.service-read-more svg {height: .6rem;}
.btn-active svg {transform: rotate(180deg);}

.button,
.button--secondary,
.button--alt {
  font-size: 14px !important; 
  text-transform: none; 
  font-family: "Fira Code", monospace !important;
  }

.button--secondary {
    color: rgb(var(--color-secondary-button-text));
    border: none !important;
    text-transform: capitalize;
    border: 1px solid rgb(var(--color-secondary-button-text)) !important;
    }

.button--alt {
  background: none;
  color: rgb(var(--color-secondary-button-text));
  border-radius: 0;
  padding: 0;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  text-underline-offset: 3px;
  gap: 8px;
  text-transform: capitalize;
  }


.button--alt::before {
  content: ' ';
  position: relative;
  background-color: rgb(var(--color-secondary-button-text));
  width: 12px;
  height: 12px;
  background-size: contain;
  display: inline-block;
  z-index: 10;
      animation: pulse-animation 2s ease infinite;
}

@keyframes pulse-animation {
0% {opacity: 1;}
  50% {opacity: 0;}
100% {opacity: 1;}
}




.button:after {display: none;}
.button--secondary:after {border: none !important;}
.button--primary:hover, .button--alt:hover {opacity: 0.8;}

.button--secondary:hover {
  color: rgb(var(--color-secondary-button)) !important;
  background-color: rgb(var(--color-secondary-button-text));
  }



.header-group {position: fixed; width: 100%; z-index: 999;}

.list-menu {align-items: flex-start;}

.banner__box>*+.banner__buttons, .rich-text__blocks>*+* {margin-top: 3rem !important;}

/*.slider-buttons {margin-top: 20px;}*/

/*.slider-counter {display: none !important;}*/

/* ------ HOME PAGE ----------*/

.collection-video {
    z-index: 1; 
    overflow: hidden; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    }
  
.collection-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;}




/* ------ HOME HERO ----------*/

.banner__heading p {margin: 0 !important;}

.banner__box .banner__heading+* {margin-top: 3rem !important;}
.banner__box img {width: 40px; height: auto; padding-bottom: 10px;}

@media screen and (min-width: 750px) {
    .banner--desktop-transparent .banner__box {max-width: 70rem !important;}
}

.banner__buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 45rem;
    word-break: break-word;
}

      
/*.page-hero {margin-top: -69px;}(/)
.home-hero {min-height: calc(100vh - 60px) !important; margin-top: -69px;}

.home-hero .banner__box {padding: 0rem !important;}

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {max-width: 75rem !important;}
  .home-hero .banner__box {max-width: 50rem !important;}
  .home-hero .banner__content {padding: 8rem;}
  }

@media screen and (max-width: 749px) {
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {min-height: 50rem !important;}
  .home-hero, .about-hero {min-height: 80vh !important;}
  .home-hero .banner__content {padding: 3rem;}
  .banner__content.banner__content--bottom-left {align-items: flex-end; justify-content: flex-start;}
  }

  
/* ------ IMAGE WITH TEXT ----------*/


.image-with-text-full-padding .image-with-text__content {padding: 10% !important;}

.image-with-text .image-with-text__grid {gap: 5px !important;}

.image-text-full .page-width {
  max-width: 100%; 
  width: 100%;
  padding: 0;
  }

.image-with-text__content .accordion {width: 100% !important;}
.image-with-text .image-with-text__content {padding: 10% 30% 10% 10% !important;}

.section-product-image .secondary-img {width: 400px; height: auto;}
.section-logo-image .secondary-img {width: 70px; height: auto;}  

.image-with-text .image-with-text__heading p {margin-bottom: 0;}
.image-with-text .banner__buttons {padding-top: 20px; gap: 0rem;}


@media only screen and (max-width: 750px) { 
  .image-with-text .image-with-text__content {padding: 8% 5% 8% 5% !important;}
  .section-product-image .secondary-img {width: 300px; height: auto;}
  }

@media screen and (min-width: 750px) {
    .grid--3-col-tablet .grid__item {
        width: calc(45% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
    }
}

.image-with-text-img-con {position: relative;}
.image-with-text-img-con .image-with-text__text--caption {position: absolute; top: 20px; left: 20px;}


.circle-image-block.small img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-bottom: 20px;
}

.circle-image-block.medium img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  margin-bottom: 20px;
}

.circle-image-block.large img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-bottom: 20px;
}


/* ------ MULTICOLUMNS ----------*/

.bw-images img {
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
}

.col-title-change h3 {
    font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0rem;
  text-transform: uppercase;
  padding: 30px 0 15px 0;
  border-bottom: 1px solid rgb(var(--color-foreground));
} 


@media screen and (min-width: 750px) {
  .background-none .multicolumn-list .multicolumn-card__info, 
  .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info,
  /*.background-none .slider .multicolumn-card__image-wrapper+.multicolumn-card__info {
    padding-left: 0rem !important;
    padding-right: 1.5rem;
  }*/
}

.multicolumn-text-over-img .multicolumn-card {position: relative;}
.multicolumn-text-over-img .multicolumn-card * {color: white !important;}
.multicolumn-text-over-img .background-none .slider .multicolumn-card__image-wrapper+.multicolumn-card__info {padding-left: 7% !important; }
.multicolumn-text-over-img .multicolumn .button {margin: 0rem !important; margin-top: auto !important;}
.multicolumn-text-over-img .button--alt:before {background-color: #f3d084;}

.multicolumn-text-over-img .multicolumn-card__info {
  display: flex; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  width: 100%; 
  height: 100%; 
  padding: 7% !important; 
  padding-left: 7% !important; 
  }


.multicolumn-slider .slider-mobile-gutter {
    position: relative;
    overflow: hidden;
    width: 100%;
    }

.multicolumn-slider slider-component {padding-bottom: 40px;}

.fake-scrollbar {
  display: none;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 5px;
    width: 100%;
    margin: auto;
    border: 1px solid rgb(var(--color-foreground));
    border-radius: 3px;
    background-color: var(--gradient-background);
    cursor: pointer;
    }

.multicolumn-slider .fake-scrollbar {display: block;}

.fake-thumb {
    position: absolute;
    height: 100%;
    background-color: rgb(var(--color-foreground));
    width: 10%; /* Initial thumb width */
    cursor: pointer;
    left: 0;
}

@media only screen and (max-width: 750px) { 
.fake-scrollbar {width: calc(100% - 3rem); margin: 0 1.5rem;}
}


/* ------ MULTICARD ----------*/

.multicolumn-list h3,
.template-name--about .content-container h3 {
  line-height: 1.4;
  font-size: calc(var(--font-heading-scale) * 2.2rem);
  }

/*.multicolumn-card img {border-radius: 6px;}*/


@media screen and (min-width: 750px) {
    .background-none .multicolumn-card__image-wrapper {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}


@media screen and (min-width: 750px) {
    .multicolumn .button {margin: 1rem 0 !important;}
}


/* ------ PRODUCT - Clinical Results ----------*/

.image-with-text_has-image {padding: 0; display: flex; gap: 15px; align-items: center;}
.image-with-text_has-image img {width: 35px;}


/* ------ PRODUCTS ----------*/
@media screen and (min-width: 750px) {.product__column-sticky {top: 0rem !important;}}
@media screen and (min-width: 990px) {.product--stacked .product__media-item {max-width: 100% !important;}}
  
.card--card, .card--standard .card__inner {border: 1px solid #eee !important;}

.product__media-wrapper media-gallery {position: relative !important;}

.product__media-list {margin-bottom: 0 !important;}

.product__text.caption-with-letter-spacing {margin: 1rem 0 !important;}

.product__description li {padding: 5px 0;}
.product-form__submit {margin-bottom: 0rem !important;}

.rte ul, .rte ol {
  list-style-position: outside !important;
  padding-left: 25px !important;
}

.product__info-container .price--on-sale .price-item--regular, 
.price--large {font-size: 1.5rem !important;}

.shopify-app-block {margin: 0 !important; padding-bottom: 2.5px !important;}

/* ------ PRODUCT PAGE - QUANTITY ----------*/

.qty-btn-con {display: flex; gap: 5px; margin: 0 !important; }
.add-to-cart {width: 100% !important;}

.product__info-container .product-form {margin: 0 !important;}
.product-form__buttons {max-width: 100% !important; min-width: 100% !important; width: 100%;}


.quantity {
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 1) !important;
    min-height: calc(3.5rem + var(--buttons-border-width) * 3);
}

.product-form__buttons .button {min-height: calc(3.5rem + var(--buttons-border-width) * 3);}

.product-form__input {
    flex: auto !important;
    margin: 0 !important;
    max-width: 100px !important;
    min-width: fit-content;
    border: none;
}


/* ------ PRODUCT PAGE - SUBS ----------*/

.shopify_subscriptions_app_block_label label {
  width: 100%; display: block; padding: 10px; text-align: center; border-radius: 5px; border: 1px solid rgb(var(--color-foreground)) !important; margin: 2.5px 0 !important;}
.shopify_subscriptions_app_block_label input {display: none;}

.shopify_subscriptions_app_policy,
.shopify_subscriptions_app_block_label .shopify_subscriptions_purchase_option_wrapper {display: none !important;}

.shopify_subscriptions_app_block_label ul {padding-left: 0rem !important;}
.shopify_subscriptions_app_block_label {padding: 0 !important;}

.shopify_subscriptions_app_block_label label:has(input[type="radio"]:checked) {
  background-color: rgb(var(--color-foreground)); 
  color: var(--gradient-background);
  }                                        



/* ------ PRODUCT PAGE - SLIDESHOW ----------*/

.slideshow-section .slideshow__text.banner__box {height: 100%; justify-content: space-between;}
.slideshow-section .slideshow-subheading {padding-bottom: 15px;}
.slideshow-section .slideshow-text {max-width: 450px; margin: 0 auto 40px 0;}
.slideshow-section .slideshow__controls {position: absolute; bottom: 40px; width: 100%; border: none; z-index: 9;}
.slideshow-section .slider-counter__link--active.slider-counter__link--dots .dot {background-color: #fff;}
.slideshow-section .slider-counter__link {padding: 0.6rem;}
.slideshow-section .slider-counter__link--active.slider-counter__link--dots .dot {outline-offset: 3px; outline: .1rem solid #fff;}
.slideshow-section .slider-counter__link--dots .dot {
    width: 1rem;
    height: 1rem;
    border: none;
    background-color: #fff;
    }

@media screen and (max-width: 750px) {
  .slideshow-section .slideshow__controls {bottom: 25px;}
}

  
.slider-counter {display: none !important;}
.slideshow-section .slider-counter {display: flex !important;}

/*.slider-pagination-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}

.slider-pagination-dots .dot {
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.slider-pagination-dots .dot.active {
  background-color: #000;
}*/



/* ------ CONTACT ----------*/

.contact__button {display: flex; align-items: center; justify-content: center;}
.template-name--contact .rich-text__text a {font-size: calc(var(--font-heading-scale)* 2rem);}

.contact-full .page-width {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 !important;
}

.contact-full  .subtitle {
  font-size: var(--font-body-size);
  line-height: calc(1 + .8 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 1);
  }

.contact-full .body {padding: 10px 0 0 0;}

.contact-full .image-with-text__content {padding: 5% 20% !important;}

@media screen and (max-width: 750px) {
.contact-full .image-with-text__content {padding: 5% 5% !important;}
}

/* ------ FOOTER ----------*/

.footer {border-top: none !important;}
.footer .rte a {text-decoration: none; opacity: 1;}
.footer .rte a:hover {opacity: 0.7}

.footer .grid {align-items: left; margin-bottom: 0 !important;}
.footer-block__details-content {margin-bottom: 0 !important; line-height: 1.6;}
.footer-block__image-wrapper {margin-bottom: 0 !important;}

.footer-block__image-wrapper img {margin-bottom: 0px;}

.footer-block__newsletter p {max-width: 36rem;}
.footer-block__newsletter {
  text-align: left !important; 
  flex-direction: column !important;
  display: flex !important; 
  align-items: flex-start !important;
  justify-content: center !important;
  }

.footer__content-bottom {padding: 20px 0 !important;}
.footer__copyright {text-align: center; margin-top: 0rem !important;}

.footer__content-bottom-wrapper {justify-content: space-between !important;}
.copyright__content {font-family: Fira Code, monospace !important; font-size: 0.9rem !important;}

@media screen and (max-width: 749px) {
    .footer__content-bottom-wrapper {row-gap: 10px !important;}

  .footer .grid {display: flex !important; flex-direction: row; gap: 0px;}
  
  .footer-block:nth-child(2), .footer-block:nth-child(3) {width: 50% !important; padding-top: 30px !important;}
  .footer-block:nth-child(4) {padding-top: 30px !important;}
  
  .footer-block.grid__item {margin: 0 !important;}
  
  .footer-block-image, 
  .footer-block-image.left, 
  .footer-block-image.center, 
  .footer-block-image.right {justify-content: flex-start !important;}
}

/* ------ SIGNUP ----------*/

.newsletter__wrapper {display: flex; align-tiems: center; justify-content: space-between;}
.newsletter__wrapper>*+* {margin-top: 0rem !important;}

.newsletter-form__field-wrapper {max-width: 100% !important;}
.newsletter-form__field-wrapper .field {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.newsletter-form__field-wrapper .field__label {display: none;}
.newsletter-form__button {border: none !important; box-shadow: none !important; padding: 10px; color: rgba(var(--color-foreground), 1) !important;}
.newsletter-form__button:hover {opacity: 0.7;}

@media screen and (max-width: 750px) {.newsletter__wrapper {flex-direction: column;}}



/* ------ PRIVACY ----------*/


.shopify-policy__container {
  max-width: 70%;
  margin: 7vh auto;
  padding-left: 20px;
  padding-right: 20px;
  }

.shopify-pc__banner__dialog h2 {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-size: calc(var(--font-heading-scale)* 3rem) !important;
  }

.shopify-pc__banner__dialog {
    position: fixed;
    z-index: 2000000;
    box-shadow: none !important;
    max-height: 90%;
    box-sizing: border-box;
    opacity: 1;
    padding: 32px;
    background-color: #86C788 !important;
    bottom: 20px !important;
    right: 20px !important;
    max-width: 500px !important;
    border-radius: 30px !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
    text-transform: uppercase;
    font-family: 'Optima', serif !important;
    border: 1px solid #2F321D !important;
    background: #2F321D !important;
    color: #86C788 !important;
    }

.shopify-pc__banner__btn-manage-prefs {    
    font-family: 'Optima', serif !important;
    }

.shopify-pc__banner__dialog button {
    padding: 5px 20px !important;
    margin: 10px 10px 0 0 !important;
    border-radius: 30px !important;
    line-height: 90% !important;
}




/* ------ ACCORDION ----------*/

.accordion {
  border-top: none !important;
  border-bottom: none !important;
  }

.accordion summary {border-bottom: .1rem solid rgba(var(--color-foreground), 1) !important;}

.collapsible-content summary:hover {background: transparent !important;}

.accordion__content {margin-bottom: 1.5rem; padding: 20px 0 !important;}

.image-with-text__grid .image-with-text__heading p {margin-top: 0 !Important;}


/* ------ CONTACT PAGE - FORM ----------*/

.image-with-text .contact__button .button {width: 100% !Important;}
.image-with-text .field {margin-bottom: 15px; border: 1px solid rgba(var(--color-foreground), 1) !important; border-radius: 6px;}

.image-with-text .field__input, 
.image-with-text .select__select, 
.image-with-text .customer .field input, 
.image-with-text .customer select {text-align: center;}

.image-with-text .field__label {display: none;}
.image-with-text #ContactForm {padding-top: 10vh; width: 100%;}


/* ------ FORMS ----------*/

input::placeholder {color: rgb(var(--color-foreground));}
::placeholder {color: rgb(var(--color-foreground));}

.field__input, 
.select__select, 
.customer .field input, 
.customer select {
  background-color: transparent;
  padding: 10px;
  }

.field:after, .select:after, .customer .field:after, 
.customer select:after, .localization-form__select:after,
.field:before, .select:before, .customer .field:before, 
.customer select:before, .localization-form__select:before {display: none;}

.newsletter-form__field-wrapper .field {border: 1px solid rgba(var(--color-foreground), 1) !important; border-radius: 5px;}
.newsletter-form__button {width: auto !important; text-transform: uppercase;}

.field__input:focus-visible, 
.select__select:focus-visible, 
.customer .field input:focus-visible, 
.customer select:focus-visible, 
.localization-form__select:focus-visible.localization-form__select:after,
.field__input:focus, .select__select:focus, 
.customer .field input:focus, 
.customer select:focus, 
.localization-form__select:focus.localization-form__select:after {
    box-shadow: none !important;
}

.field__label, 
.customer .field label {
    font-size: 1.3rem;
    color: rgba(var(--color-foreground), 1);
    letter-spacing: 0rem;
    line-height: 1.5;
}

.caption-large, .customer .field input, 
.customer select, .field__input, 
.form__label, .select__select {
    font-size: 1.3rem !important;
    letter-spacing: 0 !important;
}


.list-social {padding: 0 25px !important; justify-content: center !important;}
.list-social__link {padding: 0.8rem 0.5rem !important;}



@media screen and (max-width: 750px) {
  .template-name--faq .banner--adapt,
.template-name--return-policy .banner--adapt,
  .template-name--about .banner--adapt,
  .template-name--policy-pages .banner--adapt {
    height: 30vh;
}

}




.consultation-form {margin-top: 0rem;cmargin-bottom: 1rem;}

.consultation-form label {
  display: flex;
  gap: 7px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  }

.consultation-form input,
.consultation-form textarea {
  width: 100%;
  padding: 1rem;
  margin-top: 0.25rem;
  border: 1px solid rgb(var(--color-foreground));
  border-radius: 6px;
  }

.consultation-form legend {  
  width: 100%;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-transform: none;
  font-family: "Fira Code", monospace !important;
  padding-bottom: 10px; 
  margin-bottom: 10px;
  border-bottom: 1px solid #1f3c64;
  }

.consultation-form fieldset {
  margin: 20px 0 10px 0;
  margin-inline: 0;
  border: none !important;
  padding-block: 0px !important;
  padding-inline: 0 !important;
  }

.consultation-form input[type="radio" i],
.consultation-form input[type=checkbox] {width: auto;}






/* Hide the native "x" clear button in WebKit browsers */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.search-modal {border-bottom: none;}

.search-modal__form .field {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid rgb(var(--color-foreground));
  border-radius: 40px;
  padding: 0rem 1.3rem;
  }

.predictive-search {
    border: 1px solid rgb(var(--color-foreground)) !important;
    z-index: 3;
    border-radius: 5px !important;
    box-shadow: none !important;
}




.search__input {
  flex-grow: 1;
  border: none;
  background: transparent;
  font-size: 1rem;
  padding: 0.5rem 0;
  outline: none;
  }

/* Label - visually hidden but accessible */
.search-modal__form .field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Buttons inside input */
.search-modal__form  .field__button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}

/* Hide reset button by default */
.search-modal__form .reset__button.hidden {
  display: none;
}

/* Predictive search results */
.predictive-search--header {
  margin-top: 1rem;
  border-top: 1px solid #eee;
  padding-top: 1rem;
}

/* Loading spinner */
.predictive-search__loading-state {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.spinner {
  width: 36px;
  height: 36px;
  animation: spin 1s linear infinite;
}

.spinner .path {
  stroke: #999;
  stroke-linecap: round;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Close button */
.search-modal__close-button {
  position: absolute;
  top: 0rem;
  right: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 10000;
}

.search-modal__close-button svg {
  width: 24px;
  height: 24px;
  stroke: #333;
}

.modal__close-button.link {
    height: 100% !important;
    width: 4rem !important;
}




  

.cc_row_info {display: flex; gap: 10px; justify-content: flex-start; align-items: center; padding: 10px 0 0 0}
.row_time, .row_cost {display: flex; justify-content: center; align-items: center;}
  
.row_time svg {width: 20px; height: 20px;}
.row_cost svg {width: 20px; height: 20px;}

.collapsible-content__grid h4 {margin-bottom: 0; padding-top: 10px; border-bottom: 1px solid rgb(var(--color-foreground)) !important;}
.collapsible-content__grid h4:first-child {padding-top: 0px;}

  @media screen and (max-width: 750px) {
    .collapsible-content .accordion {
        margin-top: 0;
    }
}