/** Shopify CDN: Minification failed

Line 423:32 Expected ":"
Line 666:37 "align-tiems" is not a known CSS property

**/


:root {
--font-body-btn: "work-sans", sans-serif;
--font-body-heading:"freight-big-pro", serif;
--font-body-family: "work-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: 800px;
  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-heading);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.2;
  }

h1 em, h2 em, h3 em, h4 em, h5 em, .h0 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em {
  font-style: italic;
  }

.heading-alt {font-family: var(--font-body-heading);}
.heading-main, .h0 {font-size: calc(var(--font-heading-scale) * 4.6rem); line-height: 1;}
.heading-main-med, .h1 {font-size: calc(var(--font-heading-scale) * 3rem);}



@media only screen and (min-width: 750px) {
    h2, .h2 {font-size: calc(var(--font-heading-scale)* 3.2rem);}
}

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

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


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

.announcement-bar__message {
  font-size: 12px;
  line-height: 2;
  font-family: var(--font-body-family);
  letter-spacing: 0.03em !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: 9.5px; line-height: 1.5; min-height: auto;}
.announcement-bar__message span {display: block; padding: 0;}
}

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

.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,
.service-read-more, 
.button--primary,
.button--secondary,
.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--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--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: center;}

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

.page-hero {margin-top: -69px;}

.home-hero {height: 100vh;}

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

  }

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

.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 ----------*/

@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: 990px) {
  .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper,
  .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
        max-width: 50% !important;
        width: 50% !important;
    position: relative;
    }
}

@media screen and (max-width: 750px) {
  .product__info-wrapper {padding: 5rem !important;}
  }

@media screen and (min-width: 750px) {
  .product__info-wrapper {padding: 5% 6%  !important; }
  .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.5rem !important;}

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


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



/* ------ 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-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 {
  max-width: 36rem;
  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-block__details-content p {margin-top: 0 !important;}
.footer__copyright {text-align: center; margin-top: 0rem !important; display: flex; gap: 10px;}
.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;}
.footer-block__heading {font-size: calc(var(--font-heading-scale) * 2.2rem) !important;}


@media screen and (max-width: 750px) {
  .footer-col {width: 100% !important;}
  .footer__blocks-wrapper {gap: 0px;}
  .footer-block--signup {border-top: 1px solid rgba(var(--color-foreground), 0.2); padding-top: 20px;}
  .footer-block--img .footer-block__image-wrapper {margin: auto; max-width: 70px !important; padding-bottom: 20px;}

  .footer__copyright {flex-direction: column; gap: 3px; align-items: flex-start;}
  .footer__content-bottom-wrapper {align-items: flex-end !important;}
}


/* ------ 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(--inputs-radius);
  }

.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 ----------*/

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

.shopify-pc__banner__dialog a,
.shopify-pc__banner__dialog p {color: #fff !important; font-size: 1.2rem !important;}

.shopify-pc__banner__dialog h2 {
  display: none;
  color: #fff !important;
  font-size: calc(var(--font-heading-scale)* 2rem) !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: #2b2c29 !important;
    bottom: 5px !important;
    right: 5px !important;
    left: 5px !important;
    max-width: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    border-radius: 6px !important;
}

.shopify-pc__banner__dialog button,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
    font-size: 14px !important; 
    text-transform: none; 
    font-family: "Saans-Regular", serif !important;
    border-radius: 6px !important;
    color: #fff;
    border: none !important;
    border: 1px solid #fff !important;
    padding: 10px 5px !important;
    line-height: 90% !important;
    margin: 10px 10px 0 0 !important;
    }

.shopify-pc__banner__btns {gap: 5px !important;}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {text-decoration: none !important;}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {color: #fff !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: var(--inputs-radius);
    }

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

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

.template-product .shopify-section .page-width {border-radius: 6px;}
.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;
}







/* 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: var(--inputs-radius);
  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;
}