/** Shopify CDN: Minification failed

Line 154:19 Unexpected "*"

**/


:root {
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Inter', sans-serif;
  
  --font-weight-light: 300;
  --font-weight-medium: 500;
  
  --letter-spacing-tight: -0.3px;
  --letter-spacing-normal: 0px;
  --letter-spacing-loose: 0.5px;
  --letter-spacing-heading: -0.3px;
  --letter-spacing-body: 0px;
  
  --line-height-tight: 1.1;
  --line-height-normal: 1.4;
  --line-height-loose: 1.6;
  
  --font-size-h1: 40px;
  --font-size-h2: 34px;
  --font-size-h3: 28px;
  --font-size-h4: 22px;
  --font-size-h5: 19px;
  --font-size-h6: 17px;
  
  --font-size-body-large: 19px;
  --font-size-body: 16px;
  --font-size-body-small: 14px;
  --font-size-caption: 12px;
  
  --min-font-size-h1: 32px;
  --max-font-size-h1: 48px;
  --min-font-size-h2: 28px;
  --max-font-size-h2: 40px;
  --min-font-size-h3: 24px;
  --max-font-size-h3: 32px;
}

h1, .h1 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  font-size: var(--h1-font-size, var(--font-size-h1));
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-heading);
  margin-bottom: 0.5em;
}

h2, .h2 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  font-size: var(--h2-font-size, var(--font-size-h2));
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-heading);
  margin-bottom: 0.5em;
}

h3, .h3 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-semibold);
  font-size: var(--h3-font-size, var(--font-size-h3));
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-body);
  margin-bottom: 0.5em;
}

h4, .h4 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-semibold);
  font-size: var(--h4-font-size, var(--font-size-h4));
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
  margin-bottom: 0.5em;
}

h5, .h5 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--h5-font-size, var(--font-size-h5));
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
  margin-bottom: 0.5em;
}

.subtitle {
  font-size: var(--subtitle-font-size, 18px);
}

h6, .h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-h6);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
  margin-bottom: 0.5em;
}

body, .body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-regular);
  font-size: var(--body-font-size, var(--font-size-body));
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
}

.body-large {
  font-family: var(--font-body);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-large);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
}

.body-small {
  font-family: var(--font-body);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-small);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
}

.caption {
  font-family: var(--font-body);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-caption);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-body);
}

.button-text {
  font-family: var(--font-body);
  font-weight: var(--font-weight-semibold);
  font-size: var(--global-button-font-size, var(--font-size-body-small));
  line-height: 1.2;
  letter-spacing: var(--global-button-letter-spacing, var(--letter-spacing-body));
  text-transform: var(--global-button-text-transform, uppercase);
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.text-light { font-weight: var(--font-weight-light); }
.text-regular { font-weight: var(--font-weight-regular); }
.text-medium { font-weight: var(--font-weight-medium); }
.text-semibold { font-weight: var(--font-weight-semibold); }
.text-bold { font-weight: var(--font-weight-bold); }

span:not(.jdgm-star*),
div:not([class^="shopify"]),
p:not([class^="shopify"]),
button:not([class^="shopify"]),
a:not([class^="shopify"]) {
  font-family: var(--font-body-family-override) !important;
}


span[class*="title"], 
span[class*="heading"],
span[class*="product-title"],
span[class*="section-title"] {
  font-family: var(--font-heading-family-override) !important;
}

.check-yes,
.check-no,
.text-value,
.feature-name,
.product-subtitle,
.product-title,
.reviewer-name,
.carousel-reviewer-name,
.rating-text,
.unique-rating-text,
.benefit-text,
.counter-prefix,
.counter-number,
.counter-suffix {
  font-family: var(--font-body-family-override) !important;
}

@media screen and (max-width: 375px) {
  h1, .h1 { font-size: var(--min-font-size-h1); }
  h2, .h2 { font-size: var(--min-font-size-h2); }
  h3, .h3 { font-size: var(--min-font-size-h3); }
}

@media screen and (min-width: 1440px) {
  h1, .h1 { font-size: var(--max-font-size-h1); }
  h2, .h2 { font-size: var(--max-font-size-h2); }
  h3, .h3 { font-size: var(--max-font-size-h3); }
}