/** Shopify CDN: Minification failed

Line 522:32 Expected ":"
Line 807:37 "align-tiems" is not a known CSS property

**/

@font-face {
    font-family: 'hauora-sans';
    src: url('/cdn/shop/files/hauora-sans-latin-300-normal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
--font-body-btn: "Instrument Sans", sans-serif;
--font-heading-family: 'hauora-sans', sans-serif;
--font-body-family: 'hauora-sans', sans-serif;
}

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);
    background-color: rgb(var(--color-background));
}

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

body {
  font-family: var(--font-body-family);
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0em !important;
  max-width: 100%;
  overflow-x: hidden;
  font-size: 1.5rem;
  }

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

.page-width--narrow {
  max-width: 900px;
  padding: 0 1.5rem;
  margin: auto;
  }

p {letter-spacing: 0.03em !important;}

body, .color-background-1, 
.color-background-2, 
.color-inverse, 
.color-accent-1, 
.color-accent-2 {
    color: rgba(var(--color-foreground), 1) !important;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--font-body-family);
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.2;
  }


h3 span,
.eyebrow-text,
.collapsible-content__heading,
.caption-with-letter-spacing,
.cart-item__name,
.totals__total,
.totals__total-value,
.cart-item__price-wrapper .price,
.subhead,
.subtitle, 
.subtitle p
{
  font-family: var(--font-body-btn);
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0.05rem !important;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 1);
  }

.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;
}

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

.heading-alt {font-family: var(--font-body-family);font-weight: 300;}
  .heading-main, .h0 {font-size: calc(var(--font-heading-scale)* 5rem);}
  .heading-main-med, .h1 {font-size: calc(var(--font-heading-scale) * 3.6rem);}
  h2, .h2 {font-size: calc(var(--font-heading-scale)* 2.2rem);}
  .product__title h1 {font-size: calc(var(--font-heading-scale) * 3rem);}

@media only screen and (max-width: 750px) {
  .caption-with-letter-spacing {font-size: 1.1rem;}
  .h0 {font-size: calc(var(--font-heading-scale)* 3.5rem);}
  .h1 {font-size: calc(var(--font-heading-scale) * 2.4rem);}
  .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;}
  }



  .global-settings-popup, .header__submenu.global-settings-popup {
    border: none !important;
    box-shadow: none !important;
}

.header__submenu .header__menu-item {
    padding: .8rem 1.2rem;
    font-size: 1.5rem !important;
}
/* ------ GENERAL ----------*/

.announcement-bar__message {
  font-size: 12px;
  line-height: 2;
  font-family: var(--font-body-family);
  letter-spacing: 0.03em !important;
  padding: 0.7rem 0;
  }

.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: 9.5px; line-height: 1.5; min-height: auto;}
.announcement-bar__message span {display: block; padding: 0;}
}

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

.menu-block .footer-block__details-content p {font-size: 1.2rem;}

.header__icon--account {padding: 0 15px;}
.header__icon--menu[aria-expanded=true]:before {display: none;}

.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, 
.mega-menu__link,
.header__icons, 
.header__icon--account,
.header__icon--cart>span, 
.list-menu__item {
  font-size: 1.5rem !important; 
  text-transform: none;
  font-family: var(--font-body-family);
  }

.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:first-child {border-top: 0px dotted !important;}
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {border-bottom: 0px dotted !important;}
.list-menu__item {justify-content: center;}

.menu-drawer-additional-links,
.header--has-social .menu-drawer__utility-links,
.menu-drawer__navigation, 
.menu-drawer__submenu  {padding: 1.5rem !important;}

.menu-drawer-additional-links {display: flex; gap: 15px;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li a, 
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li summary {
  border-bottom: 1px solid;
  padding: 1rem 0; 
  justify-content: space-between;}

.menu-drawer__close-button {margin-top: 0; padding: 0 0 1.5rem 0 !important;}
.menu-drawer__menu-item>.icon-arrow {right: 0rem !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 {
  -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: 0.8rem !important;
  color: #fff !important;
  text-align: center;
  font-family: "Saans-Regular", serif !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;}

.btn-active svg {transform: rotate(180deg);}

.button:before {display: none !important;}

.button {min-width: 10px !important;}

.button,
.service-read-more, 
.button--primary,
.button--secondary,
.button--primary-alt,
.button--alt,
.newsletter-form__button {
  text-transform: uppercase; 
  font-family: var(--font-body-btn) !important;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem !important;
  letter-spacing: 0.07rem !important;
  }

.button--primary-alt {
  color: rgb(var(--color-secondary-button-text));
    border: 1px solid #B6CABE !important;
    background-color: #B6CABE !important;
  }

.button--secondary {
    color: rgb(var(--color-secondary-button-text));
    border: none !important;
    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;
  gap: 7px;
  min-height: auto !Important;
  text-decoration: underline;
  text-underline-offset: 5px;
  }

.button:after {display: none;}
.button--secondary:after {border: none !important;}
.button--primary:hover {background-color: rgba(var(--color-button), 0.75); color: #fff;}
.button--alt:hover {opacity: 0.7;}

.button--primary-alt:hover,
.button--primary:hover {
    color: rgba(var(--color-button), var(--alpha-button-background)) !important;
    background-color: rgb(var(--color-button-text)) !important;
    border: 1px soldi rgb(var(--color-button-text)) !important;
}
.button--secondary:hover {
    color: rgb(var(--color-button)) !important;
    background-color: rgb(var(--color-secondary-button-text)) !important;
    border: 1px solid rgb(var(--color-secondary-button-text)) !important;
}



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

.list-menu {align-items: center;}

.banner__box>*+.banner__buttons, .rich-text__blocks>*+* {margin-top: 1.5rem !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;}

/* ------ Multicol ----------*/

.multicolumn .slider-buttons {display: none !important;}

/* ------ Rich Text ----------*/

.rich-text__wrapper {
    display: flex;
    justify-content: center;
    width: 100% !important;
}

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

.banner__heading {margin: 2rem 0 !important;}

.banner__box .banner__heading+* {margin-top: 3rem !important;}

.banner__box {padding: 0 !important;}

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

.home-hero .banner__heading {
  font-size: 5em; 
  position: relative;
  width: 100% !important; 
  max-width: 100% !important; 
  display: flex; 
  justify-content: space-between !important;
  }

.home-hero .banner__box h1 strong {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}



.home-hero .banner__buttons {
  margin-top: 0 !important; 
  width: 100% !important; 
  max-width: 100% !important;
  min-width: 30vw !important; 
  display: flex; 
  justify-content: space-between !important;
}

.home-hero  .banner__box {display: flex; justify-content: space-between !important; flex-direction: column; align-items: flex-start;}

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

@media screen and (max-width: 749px) {
  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {min-height: 50rem !important;}
  .home-hero {min-height: 500px !important; height: 500px !important;}
  .home-hero .banner__content {padding: 3rem 1.5rem; align-items: flex-end;}
  .banner__content.banner__content--bottom-left {align-items: flex-end; justify-content: flex-start;}
  .home-hero .banner__box h1 {font-size: 2em;}
  .home-hero .banner__heading {display: block; font-size: 3em;}
  .home-hero .banner__heading em {display: block;}
  .home-hero .banner__buttons {justify-content: flex-start !important; gap: 10px;}
  .banner__content {padding: 1.5rem !important;}

  }

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

.outline-banner-section,
.outline-banner {position: relative;}

.outline-banner-section::before,
.outline-banner-section::after,
.outline-banner .banner__media::before,
.outline-banner .banner__media::after {
  content: '';
  position: absolute;
  height: 1px !important;
    background: transparent !important;
  background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 24px, transparent 24px, transparent 34px) !important;
  pointer-events: none;
  z-index: 1 !important;
  width: 100% !important;
  opacity: 1 !important;
}

.outline-banner-section::before,
.outline-banner .banner__media::before {
  top: 10px;
}

.outline-banner-section::after,
.outline-banner .banner__media::after {
  bottom: 10px;
  top: auto !important;
}


.image-with-text__content>*+* {margin-top: 0rem !important;}

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


.image-with-text .image-with-text__media-item>* {border-radius: 0px !important;}
.image-with-text .image-with-text__heading p {margin-bottom: 0;}
.image-with-text .banner__buttons {padding-top: 20px; gap: 0rem;}

@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;}







/* ------ PRODUCTS ----------*/

.product__tax,
.pickup-availability-preview {display: none !important;}

.product-form__quantity {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px;
}

.price-per-item__container {margin-right: 10px !important;}
.product-form__quantity .quantity__label {
  flex: 0 0 100%;
  margin-bottom: 0;
}

.product-form__quantity .quantity__custom-label {
  margin: 0 !important;
}

.product__info-container .button--full-width {
    min-height: calc(4.5rem + var(--buttons-border-width) * 3) !important;
}

.product__info-container > form.swatch-form {margin-top: 2rem !important; margin-bottom: -1rem !important;}
div[id^="price-template--"] {margin-top: 0.5rem !important; margin-bottom: 0rem !important;}
div:has(> form.installment) {margin-top: 0rem !important; margin-bottom: 2rem !important;}

.class-grid {margin-top: 20px !important;}

.card-wrapper.product-card-wrapper .card__inner>.card__content:before {
    display: none;
}

@media screen and (min-width: 1024px) {
    .card-wrapper.product-card-wrapper .card__inner+.card__content .card__information {
        display: flex !important; 
        gap: 4px;
        flex-direction: column !important;
    }
}

/*.product-container .page-width {padding: 0; max-width: 100%; margin: 0 auto;}*/
.product__media-wrapper {display block; overflow: visible;}
.product__media-wrapper media-gallery {position: relative !important;}

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

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

@media screen and (min-width: 750px) {
  .product__info-container {max-width: 100%;}
  }

.product__description li {padding: 5px 0;}

.product__media img {border-radius: 5px;}

@media screen and (min-width: 750px) {
    .product__media-list {
        column-gap: 5px !important;
        row-gap: 5px !important;
    }
}

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


@media screen and (min-width: 990px) {
    .product--stacked .product__media-item {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 750px) {
.product--thumbnail_slider .thumbnail-slider {
  position: absolute; 
  width: 60%; 
  bottom: 0;
  margin: 0 20% 30px 20%;
}
}

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

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


@media screen and (max-width: 750px) {
.product__media-wrapper .slider-buttons,
.product__media-wrapper .slider-button {display: none;}
}


.pairs-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1.5rem;
}

.pairs-image img,
.pairs-image-placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 6;
  object-fit: cover;
}

.pairs-image-placeholder {
  background: #e5e5e5;
}



/* ------ PRODUCT PAGE - PICKUP ----------*/

.terms-checkbox__label {display: flex; gap: 5px;}

.quantity {min-height: calc((var(--inputs-border-width) * 2) + 3.2rem) !important;}
.quantity__input {font-size: 1.2rem !important;}

.product__info-container .product-form, 
.product__info-container .product__description {margin: 1.5rem 0 !important;}

.product__info-container .icon-with-text {margin: 3rem 0 1.5rem !important;}
.product__accordion {margin-top: 0 !important;}
.product__accordion:first-of-type {border-top: .1rem solid rgba(var(--color-foreground), 1) !important;}

.product-form__buttons {max-width: 100% !important;}
.product-form__submit {margin-bottom: 0rem !important; width: 100%;}

pickup-availability[available] {min-height: 2rem !important;}

.pickup-availability-preview {
    align-items: flex-start;
    display: flex;
    gap: .1rem;
    padding: 1rem 0rem !important;
    border-radius: 0px;
   border-bottom: .1rem solid rgba(var(--color-foreground), 1) !important;
    }

.pickup-availability-preview svg.icon-tick {display: none;}
.pickup-availability-info * {margin: 0 !important;}
.pickup-availability-preview .caption {display: none;}
.pickup-availability-info {width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 8px;}

.pickup-availability-preview .caption-large {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    }



/* ------ 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 - 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;}



/* ------ CART ----------*/

.cart-item__price-wrapper .price,
.cart-item__name,
.cart-items .product-option {font-size: 1.1rem !important;}

.product-option+.product-option,
.cart-item__details>*+* {margin-top: 0rem !important;}

/* ------ 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 .page-width {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
    padding-left: 5rem;
    padding-right: 5rem;
}

@media screen and (max-width: 750px) {
.footer .page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}

.footer__blocks-wrapper {display: flex; align-items: flex-start; justify-content: flex-start; gap: 60px; flex-wrap: wrap;}
.footer-col {width: auto !important;}
.footer-block-image {width: auto !important; display: block !important;}
/*.footer-col:last-child {margin-left: auto;}*/

.footer-col:nth-child(3) {margin-left: auto;}

.footer-block__image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.footer-col .button--alt {margin-top: 20px !important;}

.footer {border-top: none !important;}
.footer .rte a {text-decoration: none; opacity: 1; letter-spacing: 0em !important;}
.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: 20px;}

.copyright__content {
  font-family: var(--font-body-btn);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05rem !important;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 1);
  font-size: 1rem !important;
}

.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-block .footer-block__details-content {text-align: left;}
.footer__copyright {text-align: center; margin-top: 0rem !important;}
.footer__content-bottom {border-top: none !important; padding: 0 0 20px 0 !important;}
.footer__content-bottom-wrapper {justify-content: space-between !important;}
.footer__content-bottom-wrapper .page-width {padding: 0 2rem;}


@media screen and (max-width: 749px) {
      .footer-col--collapsible:last-of-type .footer-accordion-toggle {
        border-bottom: none !important
    }
  .footer-col:not(.footer-col--collapsible) + .footer-col--collapsible {margin-top: 2.5rem;}
    .footer__content-bottom-wrapper {row-gap: 0rem !important;}

  .footer-col {width: 100% !important;}
  .footer__blocks-wrapper {gap: 0px;}
}


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

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

.newsletter-form__field-wrapper .field {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;}

.newsletter-form__field-wrapper .field {
  border: 1px solid rgba(var(--color-foreground), 1) !important; 
  padding: 0 10px; 
border-radius: var(--buttons-radius-outset);
}

.footer-block__newsletter p {margin-top: 0;}

.newsletter-form__button {font-family: var(--font-body-family); width: auto !important; text-transform: uppercase;}

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

/* ------ PRIVACY PAGE ----------*/
.shopify-policy__container {
  max-width: 100%;
  margin: 7vh auto;
  padding-left: 20px;
  padding-right: 20px;
  }


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

.shopify-pc__banner__dialog {
    box-shadow: none !important;
    padding: 20px !important;
    max-width: 500px !important;
}

.shopify-pc__banner__dialog button {
    padding: 5px 20px !important;
    margin: 5px 10px 0 0 !important;
    font-size: 1.1rem !important;
}

.shopify-pc__banner__dialog h2 {font-size: 1.5rem !important;}
.shopify-pc__banner__dialog p {font-size: 1.1rem !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;}



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

.field__label,
.customer .field label {display: none;}

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;
  font-family: var(--font-body-family);
  text-align: left;
  border: 1px solid rgba(var(--color-foreground), 1) !important;
  }

  .newsletter-form__field-wrapper .field__input {border: none !important;}

.field {border-radius: var(--variant-pills-radius);}
.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;}

.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;
}




@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;}
}

.list-social__link {padding: 10px 0 !important;}
.list-social {gap: 5px; padding: 0 !important; padding-left: 0px !important; justify-content: flex-start !important; }




/* ------ CONTACT PAGE POPUP ----------*/

.template-name--contact .image-with-text,
.template-name--contact .image-with-text__content,
.template-name--contact .image-with-text .grid__item {position: static;}

.template-name--contact .contact-full {position: relative;}
.template-name--contact .contact-full  .image-with-text__grid {position: relative;}
.success-popup {
  padding: 3%;
  z-index: 5;
  position: absolute; 
  border-radius: 6px; 
  color: #fff; 
  bottom: 0;
  width: 100%; 
  left: 0px; 
  background-color: #2b2c29;
  display: flex; gap: 40px; align-items: center;
  }

.success-popup h3 {color: #fff; margin-top: 0; margin-bottom: 10px; }
.success-popup-img img {width: 90px;}
.success-popup-text {width: 60%; font-size: 0.9em;}
.success-popup-text p {margin-bottom: 8px;}

.success-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 51;
}

@media screen and (max-width: 750px) {
  .success-popup-img {display: none; }
  .success-popup {gap: 20px;}
    .success-popup-text {width: 100%; font-size: 0.8em;}
.success-close {
    width: 25px;
    height: 25px;
    top: 15px;
    right: 15px;
}

  }

/* ------ REVIEWS ----------*/

.page-width:has([data-widget-name="review_widget"]) {
  background-color: #2b2c29;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto;
  padding: 0 10rem;  
}

.jdgm-widget:not(.jdgm-review-widget--small,
.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram, .jdgm-widget:not(.jdgm-review-widget--small,
.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-widget-actions-wrapper, .jdgm-widget:not(.jdgm-review-widget--small,
.jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper {
    border-left: 1px solid #000  !important;
    border-color: #000  !important;
}

.jdgm-row-media, .jdgm-row-search, .jdgm-subtab, .jdgm-row-actions, .jdgm-quest, .jdgm-rev, .jdgm-paginate {
    border-top: 1px solid #000  !important;
    border-color: #000  !important;
}

.jdgm-rev-widg__title {display: none;}

.jdgm-review-widget {filter: invert(1);}
.jdgm-rev-widg {
    padding: 8% 0 !important;
    margin: 0;
    border: none;
}
.jdgm-write-rev-link, 
.jdgm-ask-question-btn, 
.jdgm-widget input.jdgm-review-search, 
.jdgm-subtab__name, 
.jdgm-widget .jdgm-btn.jdgm-btn, 
.jdgm-chip {border-radius: 6px !important; background-color: transparent !important;
           border: 1px solid #000 !important; color: #000 !important;}

.jdgm-write-rev-link:hover,
.jdgm-ask-question-btn:hover,
.jdgm-widget input.jdgm-review-search:hover,
.jdgm-subtab__name:hover,
.jdgm-widget .jdgm-btn.jdgm-btn:hover,
.jdgm-chip:hover  {
  background-color: #000 !important;
  border: 1px solid #000 !important; 
  color: #fff !important;
  opacity: 1 !important;
}


.jdgm-form__fieldset a {color: #000 !important;}
.jdgm-form input[type="text"], 
.jdgm-form input[type="email"], 
.jdgm-form input[type="url"], 
.jdgm-form textarea {border: 1px solid #000 !important; border-radius: 6px !important; background-color: transparent !important;}


.jdgm-write-rev-link, 
.jdgm-ask-question-btn, 
.jdgm-widget input.jdgm-review-search, 
.jdgm-subtab__name, 
.jdgm-widget .jdgm-btn.jdgm-btn, 
.jdgm-chip {
  font-size: 14px !important; 
  text-transform: none; 
  font-family: "Saans-Regular", serif !important;
  }


@media screen and (max-width: 750px) {
.page-width:has([data-block-handle="review_widget"]) {padding: 0 3rem;  }
.jdgm-rev-widg {padding: 6% 0 !important;}
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram, 
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-widget-actions-wrapper, 
  .jdgm-widget:not(.jdgm-review-widget--small,.jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper {border: none !important;}
}



/* ------ HOME PAGE PRODUCT FORM ----------*/

.purchase-options {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.purchase-options input[type="radio"] {
  display: none;
}

.purchase-options label {
  display: block;
  border: 1px solid #000;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.purchase-options label:hover {
  background: #1c1c1c;
  color: #fff;
  border-color: #1c1c1c;
}

.purchase-options input[type="radio"]:checked + label {
  background: #1c1c1c;
  color: #fff;
  border-color: #1c1c1c;
}



/* ------ PRODUCT PAGE - CUSTOM SLIDER ARROWS ----------*/

.product-gallery__arrow.slider-button--prev {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  z-index: 10;
}

.product-gallery__arrow.slider-button--next {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  z-index: 10;
}


.slider-button .icon {height: .8rem !Important;}

.slider-button {
  color: rgba(var(--color-foreground), .5) !important;
  width: 30px !important;
  height: 30px !important;
  }

.slideshow__arrow-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 1rem;
  pointer-events: none;
}

.product-gallery__arrow,
.slideshow__arrow-controls .slider-button {
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(var(--color-foreground), .5) !important;
  border-radius: 50%;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}






/* SEARCH CSS */

.reset__button:not(:focus):after {display:none !important;}
.search__input.field__input {padding: 1rem;}
.search__button:not(:focus-visible):not(.focused), .reset__button:not(:focus-visible):not(.focused) {border: none !important;}
.search .field {
    position: relative;
    width: 100%;
    display: flex;
    transition: box-shadow var(--duration-short) ease;
    border: 1px solid rgb(var(--color-foreground)) !important;
}


/* 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));
  padding: 0rem 1.3rem;
  }

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


.predictive-search {
    border: 1px solid rgb(var(--color-foreground)) !important;
}

main-search .predictive-search {border-top: none !important;}

.search__input.field__input {border: 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 rgb(var(--color-foreground))
  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: rgb(var(--color-foreground))
}

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






  /* ------ PRODUCT PAGE - FACETS ----------*/
@media screen and (min-width: 750px) {.facets-vertical-form {align-items: center;}}

.facets__heading {font-size: calc(var(--font-heading-scale) * 2rem) !important;}
.product-count__text {font-size: 1.3rem !important; letter-spacing: 0 !important;}
.facet-filters__label {margin: 0 1rem 0 0 !important;}
.facet-filters__sort+.icon-caret {right: 7px !important;}

.facet-filters__field .select__select, .mobile-facets__sort .select__select {
  padding: 5px 7px !important;     
  border-radius: 10px !important;
  border: 1px solid rgba(var(--color-foreground), .75); 
  }

.facet-filters__sort:focus-visible {
  outline: none !important;     
  outline-offset: 0 !important;     
  box-shadow: none !important;     
  }

  @media screen and (min-width: 750px) {
    .facets__disclosure-vertical {
        border-top: .1rem solid rgba(var(--color-foreground), 1) !important;
        margin-right: 0;
    }
}