/** Shopify CDN: Minification failed

Line 45:55 Expected ";"

**/
:root{
  --theme-custom-font-lexend: 'lexend', sans-serif;
  --theme-custom-font-generalsans: 'generalSans', sans-serif;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 108px;
}

/*--------- Custom Font family class -----------*/

.custom-font-family-lexend {
  font-family: var(--theme-custom-font-lexend) !important;
}

.custom-font-family-generalSans {
  font-family: var(--theme-custom-font-generalsans) !important;
}

/*--------- Tailwind Component class -----------*/

@layer components {

  .badge-custom{
    @apply gen-text-[var(--badge-text-color)] gen-bg-[var(--badge-background-color)] gen-border gen-border-[var(--badge-border-color)] gen-leading-normal gen-rounded-[100px] gen-inline-block gen-text-center gen-px-[14px] gen-pt-[8px] gen-pb-[6px];
    font-size: var(--badge-font-size);
  }

  .btn{
    @apply !gen-px-12 !gen-py-4  gen-transition-all gen-duration-300 gen-ease-in-out gen-cursor-pointer;
    font-size: var(--button-font-size) !important;
  }

  .btn-secondary-border{
    @apply !gen-border-[1px] !gen-border-solid !gen-border-[var(--color-secondary-button-border)];
  }

  .btn-tertiary{
    @apply gen-underline !gen-cursor-pointer !gen-p-[0]
  }

  .product-title{
    @apply !gen-text-[18px] gen-font-medium gen-leading-[20px];
  }

  .heading--large{
    @apply !gen-leading-[110%] min-[560px]:!gen-leading-[100%];
    font-size: var(--heading-large-font-size) ;
  }

  .heading--medium{
    @apply !gen-leading-[113%] min-[990px]:!gen-leading-[100%];
    font-size: var(--heading-medium-font-size) ;
  }

  .heading--small{
    @apply !gen-leading-[100%];
    font-size: var(--heading-small-font-size) ;
  }

  .text--large{
    @apply !gen-leading-[130%];
    font-size: var(--text-large-font-size) ;
  }

  .text--medium{
    @apply !gen-leading-[130%];
    font-size: var(--text-medium-font-size) ;
  }

  .text--small{
    @apply !gen-leading-[140%];
    font-size: var(--text-small-font-size) ;
  }

  .btn-font-weight--light{
    @apply !gen-font-light;
  }

  .btn-font-weight--regular{
    @apply !gen-font-normal;
  }

  .btn-font-weight--medium{
    @apply !gen-font-medium;
  }

  .btn-font-weight--semibold{
    @apply !gen-font-semibold;
  }

  .btn-font-weight--bold{
    @apply !gen-font-bold;
  }

  .btn-font-weight--extraBold{
    @apply !gen-font-extrabold;
  }

  .heading-font-weight--light{
    @apply !gen-font-light;
  }

  .heading-font-weight--regular{
    @apply !gen-font-normal;
  }

  .heading-font-weight--medium{
    @apply !gen-font-medium;
  }

  .heading-font-weight--semibold{
    @apply !gen-font-semibold;
  }

  .heading-font-weight--bold{
    @apply !gen-font-bold;
  }

  .heading-font-weight--extraBold{
    @apply !gen-font-extrabold;
  }

  .text-font-weight--light{
    @apply !gen-font-light;
  }

  .text-font-weight--regular{
    @apply !gen-font-normal;
  }

  .text-font-weight--medium{
    @apply !gen-font-medium;
  }

  .text-font-weight--semibold{
    @apply !gen-font-semibold;
  }

  .text-font-weight--bold{
    @apply !gen-font-bold;
  }

  .text-font-weight--extraBold{
    @apply !gen-font-extrabold;
  }

  .product-card-image-height{
    padding-bottom: var(--card-image-height);
  }
}

.custom-button.button:after {
  content: none;
}

.btn-tertiary.button--secondary:after {
  --border-opacity: var(--tertiary-buttons-border-opacity);
}

.btn-tertiary-underline{
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
}

.inherit h1,
.inherit h2,
.inherit h3,
.inherit h4,
.inherit h5,
.inherit h6,
.inherit p,
.inherit li,
.inherit span,
.inherit a{
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
  height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px) ) !important;
}

.blog-article-custom strong{
  font-weight: 600;
}

.blog-article-custom ul{
  list-style: auto !important;
}

.blog-article-custom ul li::marker{
  font-weight: 600!important;
}