/** Shopify CDN: Minification failed

Line 7:45 Unexpected ".1"

**/
INTUNE WELLNESS — intune.css
   Complete brand stylesheet for Prestige v11.1.0
   Loaded via layout/theme.liquid before </head>
   
   Brand Guidelines: Versed Visual, April 2026
   Colors: Cherry Red #6D0002 | Signal Red #D1292C | Clear White #F9F8F8
           Off-White #F0ECEB | Aubergine #3C1D1E | Neo Lilac #D2C8EC
   Fonts:  Headers — Plus Jakarta Sans, Semi-bold, lowercase, -5% spacing
           Subheaders — Plus Jakarta Sans, Bold, UPPERCASE, 0% spacing
           Body — DM Sans, Regular, -3% spacing
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. GLOBAL TYPOGRAPHY
   Sets brand fonts and letter-spacing across the entire site.
   -------------------------------------------------------------------------- */

/* Body text — DM Sans per brand guidelines */
body,
body p,
body li,
body td {
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: -0.03em !important;
}

/* All headings — Plus Jakarta Sans, semi-bold, lowercase, -5% spacing */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.05em !important;
  text-transform: lowercase !important;
}

/* Subheadings — .h6 class (Prestige renders as <p class="h6">) */
/* Plus Jakarta Sans, Bold, UPPERCASE, 0% spacing, Aubergine */
.h6,
p.h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #3C1D1E;
}


/* --------------------------------------------------------------------------
   2. NAVIGATION — LOWERCASE FIX
   Nav links were rendering uppercase. Brand requires lowercase headers.
   Prestige nav uses anchor tags inside header/nav — target them specifically.
   -------------------------------------------------------------------------- */

.header a,
.header__links a,
.header__link,
.header nav a,
[class*="header"] nav a,
.sidebar-menu a,
.header__primary-nav a,
.header__secondary-nav a {
  text-transform: lowercase !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.05em !important;
}

/* Keep cart icon/count unaffected */
.header__cart-count {
  text-transform: none !important;
}


/* --------------------------------------------------------------------------
   3. ANNOUNCEMENT BAR
   Background: Aubergine (#3C1D1E)
   -------------------------------------------------------------------------- */

.announcement-bar,
.announcement-bar__wrapper,
[class*="announcement"] {
  background: #3C1D1E !important;
}

.announcement-bar a,
.announcement-bar p,
.announcement-bar span,
.announcement-bar__text,
[class*="announcement"] a,
[class*="announcement"] p,
[class*="announcement"] span {
  font-family: 'DM Sans', sans-serif !important;
  color: #F9F8F8 !important;
}


/* --------------------------------------------------------------------------
   4. BUTTONS
   Square corners (border-radius: 0), uppercase, bold, wide letter spacing.
   Signal Red (#D1292C) is the accent color for buttons per brand guidelines.
   -------------------------------------------------------------------------- */

.button,
.shopify-payment-button button,
button[type="submit"],
.form__submit {
  border-radius: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}


/* --------------------------------------------------------------------------
   5. BRIDGE SECTION (Rich text, Scheme 4 / Cherry Red)
   Used on homepage and as CTA blocks at bottom of guide pages.
   "your body isn't broken. it just needs support."
   -------------------------------------------------------------------------- */

.section-rich-text {
  background: #6D0002 !important;
  padding: 72px 40px !important;
}

.section-rich-text h1,
.section-rich-text h2,
.section-rich-text h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  text-transform: lowercase !important;
  color: #F9F8F8 !important;
}

.section-rich-text p {
  color: rgba(249, 248, 248, 0.72) !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Ensure buttons inside bridge section remain visible */
.section-rich-text .button {
  color: #F9F8F8 !important;
  border-color: #F9F8F8 !important;
}

/* Subheadings inside cherry red sections need white text */
.section-rich-text .h6,
.section-rich-text p.h6 {
  color: rgba(249, 248, 248, 0.72) !important;
}


/* --------------------------------------------------------------------------
   6. IMAGE WITH TEXT OVERLAY SECTIONS
   Used for guide page heroes and homepage hero.
   Subheading (.h6) needs white text on image overlays.
   -------------------------------------------------------------------------- */

.section-image-with-text-overlay .h6,
.section-image-with-text-overlay p.h6 {
  color: #F9F8F8 !important;
}

.section-image-with-text-overlay h1,
.section-image-with-text-overlay h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.05em !important;
  text-transform: lowercase !important;
}


/* --------------------------------------------------------------------------
   7. FEATURED PRODUCT SECTION
   "THE SOLUTION" subheading + product title + price + button
   -------------------------------------------------------------------------- */

.section-featured-product .h6,
.section-featured-product p.h6 {
  color: #3C1D1E !important;
}


/* --------------------------------------------------------------------------
   8. MULTI-COLUMN / SCIENCE SECTION
   Three pillars on homepage. Also used for guide cards on Learn page.
   -------------------------------------------------------------------------- */

.section-multi-column .h6,
.section-multi-column p.h6 {
  color: #3C1D1E !important;
}


/* --------------------------------------------------------------------------
   9. FAQ SECTION (Learn page)
   Collapsible Q&As — ensure typography is on-brand
   -------------------------------------------------------------------------- */

.section-faq h2,
.section-faq h3,
[class*="collapsible"] summary,
[class*="accordion"] summary {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
  letter-spacing: -0.05em !important;
}

[class*="collapsible"] .rte,
[class*="collapsible"] .prose,
[class*="accordion"] .rte,
[class*="accordion"] .prose {
  font-family: 'DM Sans', sans-serif !important;
}

/* FAQ disclaimer text — italic text inside accordions */
[class*="collapsible"] em,
[class*="collapsible"] i,
[class*="accordion"] em,
[class*="accordion"] i,
.section-faq em,
.section-faq i {
  font-size: 13px !important;
  color: rgba(60, 29, 30, 0.5) !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  display: block !important;
  margin-top: 12px !important;
}

/* FAQ "read the full guide" links */
[class*="collapsible"] a,
[class*="accordion"] a,
.section-faq a {
  color: #6D0002 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  display: inline-block !important;
  margin-top: 12px !important;
}


/* --------------------------------------------------------------------------
   10. GUIDE PAGE CONTENT — SCOPED TO .prose INSIDE .page-width ONLY
   
   THIS IS THE CRITICAL FIX. Previous version had unscoped .prose selectors
   that broke heading sizes on the homepage and other sections.
   
   These rules ONLY apply inside: body .page-width .prose
   This limits them to guide/page article content blocks.
   -------------------------------------------------------------------------- */

/* H2 — main section headings in guide articles */
body .page-width .prose h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: lowercase !important;
  margin-top: 48px !important;
  margin-bottom: 12px !important;
  color: #3C1D1E !important;
}

/* H3 — subsection headings in guide articles */
body .page-width .prose h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: lowercase !important;
  margin-top: 40px !important;
  margin-bottom: 10px !important;
  color: #3C1D1E !important;
}

/* Body paragraphs in guide articles */
body .page-width .prose p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 16px !important;
  color: #3C1D1E !important;
}

/* Bold text in guide articles */
body .page-width .prose strong {
  font-weight: 600 !important;
}

/* Lists in guide articles */
body .page-width .prose ul,
body .page-width .prose ol {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
  padding-left: 20px !important;
  color: #3C1D1E !important;
}

body .page-width .prose li {
  font-family: 'DM Sans', sans-serif !important;
  margin-bottom: 2px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 4px !important;
  line-height: 1.5 !important;
}

body .page-width .prose li + li {
  margin-top: 2px !important;
}

body .page-width .prose ul li::marker,
body .page-width .prose ol li::marker {
  color: #3C1D1E !important;
}

/* Blockquote pull quotes — bold cherry red accent */
body .page-width .prose blockquote {
  border-left: none !important;
  border-inline-start: none !important;
  padding: 32px 36px !important;
  margin: 48px 0 !important;
  background: #6D0002 !important;
  border-radius: 0 !important;
}

body .page-width .prose blockquote p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #F9F8F8 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.03em !important;
  font-style: normal !important;
}

/* Links in guide content — cherry red, subtle underline */
body .page-width .prose a {
  color: #6D0002 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(109, 0, 2, 0.3) !important;
  text-underline-offset: 3px !important;
  transition: text-decoration-color 0.2s ease !important;
}

body .page-width .prose a:hover {
  text-decoration-color: #6D0002 !important;
}

/* FDA disclaimer styling in guide content */
body .page-width .prose em {
  font-style: italic !important;
  color: rgba(60, 29, 30, 0.7) !important;
}

/* References section — smaller, quieter, separated */
body .page-width .prose h2:last-of-type {
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
  margin-top: 60px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(60, 29, 30, 0.15) !important;
  color: rgba(60, 29, 30, 0.5) !important;
}

body .page-width .prose ol:last-of-type {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: rgba(60, 29, 30, 0.5) !important;
}

body .page-width .prose ol:last-of-type li {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
  color: rgba(60, 29, 30, 0.5) !important;
}

body .page-width .prose ol:last-of-type em {
  color: rgba(60, 29, 30, 0.4) !important;
}

/* Superscript citation numbers */
body .page-width .prose sup {
  font-size: 11px !important;
  color: #6D0002 !important;
  font-weight: 600 !important;
}


/* --------------------------------------------------------------------------
   11. FOOTER
   Aubergine background, white/light text
   -------------------------------------------------------------------------- */

.footer,
[class*="footer"] {
  font-family: 'DM Sans', sans-serif !important;
}

.footer h2,
.footer h3,
.footer h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-transform: lowercase !important;
}


/* --------------------------------------------------------------------------
   12. PRODUCT PAGE STYLES (for when product page is built)
   Prepared based on brand guidelines — ready for Reset product page
   -------------------------------------------------------------------------- */

.product__title,
.product-single__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
  letter-spacing: -0.05em !important;
}

.product__price,
.product-single__price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  color: #3C1D1E !important;
}

.product__description,
.product-single__description {
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: -0.03em !important;
}


/* --------------------------------------------------------------------------
   13. SCHEME 4 (Cherry Red sections — used across multiple pages)
   Prestige theme color schemes. Scheme 4 = cherry red background.
   -------------------------------------------------------------------------- */

[data-color-scheme="4"],
.color-scheme-4 {
  background-color: #6D0002 !important;
}

[data-color-scheme="4"] h1,
[data-color-scheme="4"] h2,
[data-color-scheme="4"] h3,
.color-scheme-4 h1,
.color-scheme-4 h2,
.color-scheme-4 h3 {
  color: #F9F8F8 !important;
}

[data-color-scheme="4"] p,
.color-scheme-4 p {
  color: rgba(249, 248, 248, 0.72) !important;
}

[data-color-scheme="4"] .h6,
.color-scheme-4 .h6,
[data-section-type="rich-text"] .h6,
.section-rich-text .h6,
[style*="background"] .h6 {
  color: rgba(249, 248, 248, 0.72) !important;
}

/* Force subheading white on ANY section with cherry red or dark background */
.shopify-section .h6 {
  color: inherit;
}
.section-rich-text .h6,
.section-rich-text p.h6,
[data-color-scheme="4"] .h6,
[data-color-scheme="4"] p.h6 {
  color: #F9F8F8 !important;
}


/* --------------------------------------------------------------------------
   14. MOBILE RESPONSIVE ADJUSTMENTS
   -------------------------------------------------------------------------- */

@media (max-width: 740px) {
  .section-rich-text {
    padding: 48px 24px !important;
  }

  .section-rich-text h1,
  .section-rich-text h2,
  .section-rich-text h3 {
    font-size: 28px !important;
  }

  body .page-width .prose h2 {
    font-size: 21px !important;
    margin-top: 36px !important;
  }

  body .page-width .prose h3 {
    font-size: 17px !important;
    margin-top: 24px !important;
  }

  body .page-width .prose p,
  body .page-width .prose ul,
  body .page-width .prose ol {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body .page-width .prose blockquote {
    margin: 28px 0 !important;
    padding: 16px 20px !important;
  }

  body .page-width .prose blockquote p {
    font-size: 18px !important;
  }
}


/* --------------------------------------------------------------------------
   15. UTILITY: HIDE BLOG SECTION UNTIL CONTENT EXISTS
   Add class "intune-hidden" to the blog posts section in theme editor,
   or use this selector if the section has a predictable class.
   -------------------------------------------------------------------------- */

.intune-hidden {
  display: none !important;
/* Global blockquote override — test */
blockquote {
  background: #6D0002 !important;
  border-left: none !important;
  padding: 32px 36px !important;
  margin: 48px 0 !important;
}

blockquote p {
  color: #F9F8F8 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}
blockquote, blockquote p {
  all: unset !important;
}

blockquote {
  display: block !important;
  background: #6D0002 !important;
  padding: 32px 36px !important;
  margin: 48px 0 !important;
}

blockquote p {
  display: block !important;
  color: #F9F8F8 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  line-height: 1.4 !important;
  letter-spacing: -0.03em !important;
}}

ol:last-of-type {
  font-size: 11px;
  line-height: 1.3;
  color: rgba(60, 29, 30, 0.35);
  margin-top: 20px;
}

ol:last-of-type li {
  margin-bottom: 2px;
  padding: 0;
}
/* Mobile menu / sidebar nav — white text on dark background */
.sidebar-menu,
.sidebar-menu a,
.sidebar-menu button,
[class*="mobile-nav"] a,
[class*="mobile-nav"] button,
[class*="drawer"] a,
[class*="drawer"] button,
[class*="sidebar"] a,
[class*="sidebar"] button,
.header__sidebar a,
.header__sidebar button {
  color: #F9F8F8 !important;
}
body .page-width .prose sup {
  line-height: 0 !important;
}