/** Shopify CDN: Minification failed

Line 143:1 Unexpected "{"

**/
@font-face {
  font-family: "dharma";
  font-weight: 900;
  src: url("DharmaGothicE-ExBold.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 800;
  src: url("DharmaGothicE-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 400;
  src: url("DharmaGothicE-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 200;
  src: url("DharmaGothicE-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 100;
  src: url("DharmaGothicE-ExLight.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 900;
  font-style: italic;
  src: url("DharmaGothicE-ExBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 800;
  font-style: italic;
  src: url("DharmaGothicE-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 400;
  font-style: italic;
  src: url("DharmaGothicE-RegularItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 200;
  font-style: italic;
  src: url("DharmaGothicE-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 100;
  font-style: italic;
  src: url("DharmaGothicE-ExLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 900;
  src: url("DharmaGothicE-ExBold.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 800;
  src: url("DharmaGothicE-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 400;
  src: url("DharmaGothicE-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 200;
  src: url("DharmaGothicE-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 100;
  src: url("DharmaGothicE-ExLight.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 900;
  font-style: italic;
  src: url("DharmaGothicE-ExBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 800;
  font-style: italic;
  src: url("DharmaGothicE-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 400;
  font-style: italic;
  src: url("DharmaGothicE-RegularItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 200;
  font-style: italic;
  src: url("DharmaGothicE-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "dharma";
  font-weight: 100;
  font-style: italic;
  src: url("DharmaGothicE-ExLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "mehder";
  src: url("mehder-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

 {
  --typeHeaderPrimary: "dharma";
  font-style: italic;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;

  @media (max-width: 1023px) {
    font-size: 1.4rem;
  }
}

.header-item--logo {
  @media (max-width: 1023px) {
    margin-left: 3px !important;
    margin-right: 3px !important;
    transform: scale(0.8);
  }
}

.site-nav__link--icon {
  transition: none !important;
  animation: none !important;

  @media (max-width: 830px) {
    transform: scale(0.8);
  }
}

.cart__item-name {
  font-family: "dharma";
  font-style: italic;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;
  text-transform: uppercase;
}

.mobile-nav--heading-style {
  .mobile-nav__link {
    font-family: "dharma";
    font-style: italic;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 90%;
    font-weight: 600;
    text-transform: uppercase;
    --colorDrawerText: var(--btn-bg);
  }

  .mobile-nav__link--top-level {
    --colorDrawerText: black;
  }
}

.mobile-nav__social {
  flex-wrap: nowrap;
  margin-top: 3rem;
}

.mobile-nav__social-item {
  border: none;
  flex: 0 1 25%;
}

.results-products__info {
  font-family: "dharma";
  font-style: italic;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;
  text-transform: uppercase;
}

.grid-product__title {
  font-family: "dharma";
  font-style: italic;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;
  text-transform: uppercase;

  @media (max-width: 1023px) {
    font-size: 1.4rem;
  }
}

.hero {
  .hero__title {
    font-family: "dharma";
    font-style: italic;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 90%;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--btn-bg);
  }

  .hero__subtitle {
    font-family: "Inter";
  }
}

.footer__title {
  font-family: "dharma";
  font-style: italic;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.grid-product__price {
  font-family: "mehder";
  font-size: 1.3rem;
}

.cart__price {
  font-family: "mehder";
  color: var(--btn-bg);
  font-size: 1.3rem;
}

.cart__item-sub [data-subtotal] {
  font-family: "mehder";
  color: var(--btn-bg);
  font-size: 1.4rem;
}

.product-single__title {
  font-family: "dharma";
  font-style: italic;
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;
  text-transform: uppercase;
}

.product__price {
  font-family: "mehder";
  font-size: 2.4rem;
}

.section-header__title {
  font-family: "dharma";
  font-style: italic;
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 90%;
  font-weight: 600;
  text-transform: uppercase;
}

image-element[data-aos="image-fade-in"] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

.shopify-section-group-footer-group {
  max-height: 200px;
}

/*
/ Buttons
*/

:root {
  --btn-bg: rgb(235, 51, 245);
  --btn-bg-hover: rgb(212, 46, 221);
  --btn-bg-active: rgb(189, 42, 197);

  --btn-secondary-bg: rgb(84, 186, 250);
  --btn-secondary-bg-hover: rgb(76, 168, 225);
  --btn-secondary-bg-active: rgb(68, 150, 201);

  --btn-text: white;

  --btn-border-radius: 0.4rem;
  --btn-height: 3rem;
}

body {
  .payment-buttons {
    .btn {
      background-color: var(--btn-bg);
      border: none;
      outline: none;
      border-radius: var(--btn-border-radius);
      color: var(--btn-text);
      transition: all 0.3s ease;
      letter-spacing: 0;
      line-height: 100%;
      height: var(--btn-height);

      transition: background-color 0.3s ease;

      &:hover {
        background-color: var(--btn-bg-hover);
      }

      &:active,
      &:focus-within {
        background-color: var(--btn-bg-active);
      }
    }
  }

  .btn {
    background-color: var(--btn-bg);
    border: none;
    outline: none;
    border-radius: var(--btn-border-radius);
    color: var(--btn-text);
    transition: all 0.3s ease;
    letter-spacing: 0;
    line-height: 100%;
    height: var(--btn-height);
    transition: background-color 0.3s ease !important;
    transition-delay: 0s !important;

    &:hover {
      background-color: var(--btn-bg-hover) !important;
    }

    &:active,
    &:focus-within {
      background-color: var(--btn-bg-active);
    }

    &::after {
      content: none !important;
    }

    .button-text {
      line-height: 2.6rem;
    }
  }

  .site-nav__link--underline:after {
    border-bottom-color: var(--btn-bg);
  }

  .cart__checkout {
    background-color: var(--btn-bg);
    border: none;
    outline: none;
    border-radius: var(--btn-border-radius);
    color: var(--btn-text);
    transition: all 0.3s ease;
    letter-spacing: 0;
    line-height: 100%;
    height: var(--btn-height);

    transition: background-color 0.3s ease;

    &:hover {
      background-color: var(--btn-bg-hover) !important;
    }

    &:active,
    &:focus-within {
      background-color: var(--btn-bg-active) !important;
    }

    &::after {
      content: none !important;
      display: none !important;
    }
  }
}

/*
/ Producs
*/

.product-block {
  .collapsibles-wrapper--border-bottom {
    border-radius: 0.4rem;
  }
  .collapsible-trigger-btn--borders {
    border-radius: 0.4rem;

    &.is-open {
      border-radius: 0.4rem 0.4rem 0 0;
    }
  }

  .collapsible-content--all {
    &.is-open {
      .collapsible-content__inner {
        border-radius: 0 0 0.4rem 0.4rem;
      }
    }
  }

  .variant-input-wrap label,
  .variant-input-wrap input[type="radio"]:checked + label {
    border-radius: 0.4rem;
  }
}

.quick-product__btn {
  border-radius: 0.4rem;
}

/* Newsletter */
.newsletter-popup__content {
  h3 {
    font-family: "dharma";
    font-style: italic;
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 90%;
    font-weight: 600;
    text-transform: uppercase;
  }
}

.newsletter-reminder__content {
  .newsletter-reminder__message {
    font-family: "dharma";
    font-style: italic;
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 90%;
    font-weight: 600;
    text-transform: uppercase;
  }
}

/* Slideshow */

.index-section--hero {
  aspect-ratio: 16 / 9;
  overflow: hidden;

  @media (max-width: 768px) {
    aspect-ratio: 9 / 16;
  }

  @media (min-width: 1400px) {
    aspect-ratio: 23 / 9;
  }
}

.slideshow-section,
.slideshow-wrapper,
.hero-natural,
.hero-natural .hero {
  height: 100%;
}

.header-item--logo-split .header-item.header-item--split-left .site-nav .site-nav__item:first-child .site-nav__link {
  background: #eb33f5;
  border-radius: 8px;
  padding: 10px 15px 7px 15px;
  margin: -3px 0 0;
}