/** Shopify CDN: Minification failed

Line 720:0 Unexpected "}"

**/
/* ============================================================
   Jiva — Dawn theme overrides
   Drop in: Assets/zing-overrides.css
   Load in layout/theme.liquid BEFORE </head>:
     {{ 'zing-overrides.css' | asset_url | stylesheet_tag }}

   Targets stock Dawn sections (Multicolumn, Image with text,
   Collapsible content, Email signup, Header, Footer) and
   restyles them to match the Jiva Figma.
   ============================================================ */

/* ---------------------------------
   Brand tokens
   --------------------------------- */
:root {
  --zing-ink:       #1C1815;
  --zing-ink-soft:  #2A2420;
  --zing-body:      #5C544B;
  --zing-muted:     #8A8278;
  --zing-hair:      #E8E1D3;

  --zing-cream:     #F5EFE4;
  --zing-cream-dp:  #EDE4D1;
  --zing-off-white: #FAF8F3;

  --zing-orange:    #D97535;
  --zing-orange-hot:#C4622D;
  --zing-turmeric:  #E8A020;
  --zing-green:     #5A8A4A;

  --zing-radius-sm: 8px;
  --zing-radius-md: 14px;
  --zing-radius-lg: 24px;
}

/* ---------------------------------
   Fonts
   --------------------------------- */

/* ============================================================
   BAGOSS STANDARD — Self-hosted custom font
   ============================================================
   ACTION REQUIRED: Upload your Bagoss Standard font files to
   Shopify Admin > Content > Files, then copy the CDN URL for
   each file and paste it in place of the placeholder src below.

   Suggested file names to upload:
     BagossStandard-Regular.woff2
     BagossStandard-Medium.woff2
     BagossStandard-SemiBold.woff2
     BagossStandard-Bold.woff2

   After uploading: Admin > Content > Files → hover the file
   → "Copy link" → paste that URL as the src value below.
   ============================================================ */
@font-face {
  font-family: 'Bagoss Standard';
  src: url('TODO_SHOPIFY_CDN_URL_BagossStandard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bagoss Standard';
  src: url('TODO_SHOPIFY_CDN_URL_BagossStandard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bagoss Standard';
  src: url('TODO_SHOPIFY_CDN_URL_BagossStandard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bagoss Standard';
  src: url('TODO_SHOPIFY_CDN_URL_BagossStandard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body,
.shopify-section {
  font-family: 'Bagoss Standard', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---------------------------------
   Headings — restyle Dawn's defaults
   --------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  font-family: 'Bagoss Standard', sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--zing-ink);
}

/* Dawn section headings */
.section-header h2,
.title--primary,
.title-wrapper h2 {
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* ---------------------------------
   Header / Nav
   --------------------------------- */
.header-wrapper {
  /* transparent over dark hero */
  background: transparent !important;
  border-bottom: none !important;
  position: absolute !important;
  top: 0; left: 0; right: 0;
  z-index: 10;
}

.header__heading-logo-wrapper .h2,
.header__heading-logo {
  color: var(--zing-orange) !important;
}

.header__menu-item {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(245, 239, 228, 0.85) !important;
  text-transform: none !important;
}
.header__menu-item:hover { color: var(--zing-cream) !important; }

.header__icons .header__icon,
.header__icons .header__icon svg {
  color: var(--zing-cream) !important;
}

/* If hero isn't the first section on a page, restore header styling */
main > .shopify-section:first-child:not([data-section-type="zing-hero"]) ~ .header-wrapper {
  position: static !important;
  background: #fff !important;
  border-bottom: 1px solid var(--zing-hair) !important;
}

/* ---------------------------------
   Buttons (Dawn global)
   --------------------------------- */
.button,
.button--primary,
.shopify-payment-button__button {
  background: var(--zing-orange) !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  border-radius: 100px !important;
  border: none !important;
  transition: all 0.15s !important;
}
.button:hover,
.button--primary:hover {
  background: var(--zing-orange-hot) !important;
  transform: translateY(-1px);
}

.button--secondary {
  background: transparent !important;
  color: var(--zing-ink) !important;
  border: 1px solid var(--zing-ink) !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  padding: 12px 22px !important;
}
.button--secondary:hover {
  background: var(--zing-ink) !important;
  color: var(--zing-cream) !important;
}

/* ---------------------------------
   Multicolumn — Ingredients grid + Testimonials + Body support
   --------------------------------- */
.multicolumn {
  padding: 80px 0 !important;
  background: var(--zing-cream);
}

/* Dawn ships multicolumn with a default background behind the section title;
   strip it so the cream section bg shows through. */
.multicolumn .title-wrapper {
  margin-bottom: 56px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.multicolumn .title--primary {
  max-width: 620px;
  line-height: 1.15;
}
.multicolumn .title--primary em {
  font-family: 'Bagoss Standard', sans-serif;
  font-style: italic;
  font-weight: 500;
}

/* Multicolumn card styling for circular ingredient images */
.multicolumn-card {
  text-align: center;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.multicolumn-card__info {
  padding: 20px 0 0 !important;
}
.multicolumn-card__info .h3 {
  font-size: 17px !important;
  font-weight: 600;
  margin-bottom: 8px !important;
  color: var(--zing-ink);
}
.multicolumn-card__info p {
  font-size: 13px !important;
  color: var(--zing-body) !important;
  line-height: 1.55 !important;
  max-width: 220px;
  margin: 0 auto;
}

/* Make multicolumn card images circular when section has class `ingredients` */
.shopify-section--ingredients .multicolumn-card__image-wrapper,
.shopify-section--ingredients .media {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  overflow: hidden;
  margin: 0 auto !important;
  box-shadow: 0 8px 24px rgba(59, 38, 24, 0.08);
}
.shopify-section--ingredients .media img {
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Body-support icons — smaller, no shadow */
.shopify-section--body-support .multicolumn-card__image-wrapper {
  width: 56px !important;
  height: 56px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 20px !important;
}

/* Testimonials — white cards with rounded corners */
.shopify-section--testimonials {
  background: var(--zing-off-white);
}
.shopify-section--testimonials .multicolumn-card {
  background: white !important;
  border: 1px solid var(--zing-hair) !important;
  border-radius: var(--zing-radius-md) !important;
  padding: 28px !important;
  text-align: left !important;
}
.shopify-section--testimonials .multicolumn-card__info .h3 {
  font-size: 17px !important;
  font-weight: 700;
  margin-bottom: 14px !important;
}

/* ---------------------------------
   Image with text — Daily Boost + Defense+Offense
   --------------------------------- */
.image-with-text {
  padding: 80px 0 !important;
}
.image-with-text__content {
  padding: 0 40px !important;
}
.image-with-text__heading {
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  margin: 12px 0 16px !important;
}
.image-with-text__subtext {
  color: var(--zing-body) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
.image-with-text__media-item .media {
  border-radius: var(--zing-radius-md) !important;
}

/* "Eyebrow" caption — Dawn doesn't have this out of the box.
   Use a Rich text block with class `zing-eyebrow` inside Image with text,
   OR prepend the heading with <span class="zing-eyebrow">TEXT</span><br>
*/
.zing-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--zing-muted);
  margin-bottom: 12px;
}

/* ---------------------------------
   Collapsible content — FAQ
   --------------------------------- */
.collapsible-content {
  padding: 100px 0 120px !important;
  background: white;
}
.collapsible-content .title-wrapper {
  max-width: 280px !important;
}
.collapsible-content .title-wrapper h2 {
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.accordion {
  border-bottom: 1px solid var(--zing-hair) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.accordion summary {
  padding: 22px 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--zing-ink) !important;
}
.accordion[open] summary { padding-bottom: 6px !important; }
.accordion__content {
  padding: 0 0 22px !important;
  font-size: 14px !important;
  color: var(--zing-body) !important;
  line-height: 1.65 !important;
  max-width: 620px;
}

/* ---------------------------------
   Email signup — Stay in the Loop
   --------------------------------- */
.newsletter {
  background: var(--zing-ink) !important;
  color: var(--zing-cream) !important;
  padding: 90px 0 100px !important;
  position: relative;
  overflow: hidden;
}
.newsletter::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center bottom, rgba(217, 117, 53, 0.15) 0%, transparent 60%);
  pointer-events: none;
}
.newsletter__wrapper { position: relative; z-index: 1; text-align: center; }
.newsletter h2,
.newsletter .newsletter__heading {
  color: var(--zing-cream) !important;
  font-size: clamp(32px, 4vw, 44px) !important;
  margin-bottom: 14px !important;
}
.newsletter .newsletter__subheading,
.newsletter__subheading p {
  color: rgba(245, 239, 228, 0.65) !important;
  font-size: 15px !important;
  margin-bottom: 28px !important;
}
.newsletter-form {
  max-width: 460px !important;
  margin: 0 auto !important;
  display: flex !important;
  background: rgba(245, 239, 228, 0.08) !important;
  border: 1px solid rgba(245, 239, 228, 0.15) !important;
  border-radius: 100px !important;
  padding: 6px 6px 6px 22px !important;
  backdrop-filter: blur(8px);
}
.newsletter-form__field-wrapper {
  flex: 1 !important;
  margin: 0 !important;
}
.newsletter-form__field-wrapper .field__input {
  background: transparent !important;
  border: none !important;
  color: var(--zing-cream) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
.newsletter-form__field-wrapper .field__input::placeholder {
  color: rgba(245, 239, 228, 0.45) !important;
}
.newsletter-form__field-wrapper .field__label {
  display: none !important;
}
.newsletter-form__button {
  background: var(--zing-orange) !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  border-radius: 100px !important;
  border: none !important;
}
.newsletter-form__button svg { display: none; }
.newsletter-form__button::after { content: 'Notify Me At Launch'; }

/* ---------------------------------
   Footer
   --------------------------------- */
.footer {
  background: #0F0C0A !important;
  color: rgba(245, 239, 228, 0.75) !important;
  padding: 40px 0 !important;
}
.footer * { color: rgba(245, 239, 228, 0.75) !important; }
.footer a:hover { color: var(--zing-cream) !important; }
.footer__logo .h2 {
  font-family: 'Mirova Groove', 'Mirova', sans-serif !important;
  font-size: 22px !important;
  letter-spacing: -0.02em !important;
  color: var(--zing-cream) !important;
}
.footer-block__heading { display: none !important; }

.footer__follow-list a svg {
  width: 20px !important;
  height: 20px !important;
  color: rgba(245, 239, 228, 0.65);
}

.footer__content-bottom,
.footer__copyright {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  border-top: 1px solid rgba(245, 239, 228, 0.1) !important;
}

/* ---------------------------------
   Utility — eyebrow & Fraunces italic spans
   --------------------------------- */
.zing-italic {
  font-family: 'Bagoss Standard', sans-serif;
  font-style: italic;
  font-weight: 500;
}

/* ---------------------------------
   Spacing refinements
   --------------------------------- */
.shopify-section + .shopify-section {
  /* No extra spacing — each section owns its padding. */
}

/* ---------------------------------
   Logo in header — Mirova Groove, orange, centered
   --------------------------------- */
.header__heading-logo-wrapper .h2,
.header__heading-link .h2 {
  font-family: 'Mirova Groove', 'Mirova', sans-serif !important;
  font-size: 28px !important;
  letter-spacing: -0.02em !important;
  color: var(--zing-orange) !important;
}

/* Center the JIVA logo in the header bar */
.header-wrapper .header {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
.header__heading-link {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}

/* Hide inline nav menu (removes "Home" and any other nav links) */
.header__inline-menu {
  display: none !important;
}

/* On mobile: hamburger + nav icons dark (hero bg is light) */
@media (max-width: 900px) {
  .header__menu-item,
  .header__menu-item:hover {
    color: var(--zing-ink) !important;
  }
  .header__icons .header__icon,
  .header__icons .header__icon svg {
    color: var(--zing-ink) !important;
  }
  /* hamburger icon */
  .header__icon--menu svg {
    color: var(--zing-ink) !important;
  }
}

/* ---------------------------------
   Page width — bump to 1200px
   --------------------------------- */
.page-width {
  max-width: 1200px !important;
}
/* MOBILE-HERO-OVERRIDE */
@media (max-width: 640px) {
  .zhr { display: flex !important; flex-direction: column !important; min-height: unset !important; padding: 0 !important; background: none !important; }
  .zhr .zhr-bg { position: relative !important; inset: unset !important; width: 100% !important; height: 112vw !important; background-size: cover !important; background-position: 85% 50% !important; flex-shrink: 0 !important; z-index: 1 !important; } /* v3 */
  .zhr .zhr-overlay { display: none !important; }
  .zhr .zhr-w { height: auto !important; min-height: 0 !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; width: 100% !important; position: relative !important; inset: unset !important; }
  .zhr .zhr-inner { display: block !important; position: relative !important; inset: unset !important; height: auto !important; min-height: 0 !important; background: #fff !important; padding: 40px 24px 48px !important; text-align: center !important; z-index: 2 !important; }
  .zhr-eyebrow { display: none !important; }
  .zhr-caption { display: none !important; }
  .zhr-h1 { color: #1C1815 !important; font-size: clamp(30px,7.5vw,40px) !important; }
  .zhr-sub { color: #5C544B !important; }
  .zhr .zhr-visual { display: none !important; min-height: 0 !important; }
  .zhr .zhr-copy { max-width: 100% !important; }
}

  /* ZST metrics centering */
  .zst-stat { text-align: center !important; align-items: center !important; }
  .zst-stat-num { justify-content: center !important; text-align: center !important; }
  .zst-stat-body { text-align: center !important; }
  .zst-stats { align-items: center !important; }
  /* ZCP chart border fix */
  .zcp-row:not(.zcp-head) { border-top: none !important; }
  .zcp-row > div { min-width: 0 !important; overflow-wrap: break-word !important; word-break: break-word !important; }
  .zcp-row:not(.zcp-head) > div:not(.zcp-zing) { border-top: 1px solid #E8E1D3 !important; }
  /* Hide mobile hamburger nav — desktop layout only */
  header-drawer { display: none !important; }
  /* Hide mobile nav, search, cart icons */
  header-drawer { display: none !important; }
  .header__icon--search { display: none !important; }
  .header__icon--cart { display: none !important; }
  cart-notification { display: none !important; }
/* END-MOBILE-HERO-OVERRIDE */
/* Hero button — deep brown for contrast against terracotta bg */
.zhr-btn {
  background: #2A1A0E !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.zhr-btn:hover {
  background: #3D2614 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* All other CTA buttons — flat orange + glow, no gradient */
.zdf-btn, .zlp-btn, .button--primary {
  background: #D86937 !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(216, 105, 55, 0.4) !important;
}
.zdf-btn:hover, .zlp-btn:hover, .button--primary:hover {
  background: #C85E2A !important;
  box-shadow: 0 4px 12px rgba(216, 105, 55, 0.5) !important;
}

/* ZHR email capture — stacked layout, no glass bubble */
.zhr-form {
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 420px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.zhr-form input[type="email"] {
  width: 100% !important;
  height: 52px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
  border-radius: 9999px !important;
}
.zhr-form .zhr-btn {
  width: 100% !important;
  height: 52px !important;
  font-size: 15px !important;
}

/* Header logo color — match CTA button */
.header__heading-link {
  color: #2A1A0E !important;
}

/* Hide account icon from header */
.header__icon--account {
  display: none !important;
}

/* Form fixes v2 — kill border, bg, backdrop */
.zhr-form {
  border: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Input height fix — higher specificity */
.zhr .zhr-form input[type="email"] {
  height: 52px !important;
  padding: 0 20px !important;
  line-height: 52px !important;
  box-sizing: border-box !important;
}
/* Header logo — deep brown */
header .header__heading-link,
.header .header__heading-link {
  color: #2A1A0E !important;
}
/* Hide account icon */
.header__icon--account { display: none !important; }

/* Form fixes v2 */
.zhr-form { border: none !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.zhr .zhr-form input[type="email"] { height: 52px !important; padding: 0 20px !important; line-height: normal !important; box-sizing: border-box !important; }
header .header__heading-link, .header .header__heading-link { color: #2A1A0E !important; }
.header__icon--account { display: none !important; }

/* === PERMANENT FIXES === */
/* Logo: target .h2 child, not the link itself */
.header__heading-link .h2 { color: #2A1A0E !important; }
/* Input: proper height/padding */
.zhr-form input[type="email"] { height: 52px !important; padding: 0 20px !important; line-height: normal !important; box-sizing: border-box !important; }
/* Form: kill glass border + bg */
.zhr-form { border: none !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* Input height final fix — vertical padding forces correct height */
.zhr-form input[type="email"] { padding: 14px 20px !important; height: auto !important; box-sizing: border-box !important; font-size: 15px !important; }


/* ===== FINAL OVERRIDES 2026-05-10 ===== */
/* Fix input height: padding 14px wins over earlier 0 20px rule */
.zhr-form input[type="email"] { padding: 14px 20px !important; height: auto !important; box-sizing: border-box !important; }

/* Fix Zing Defense section: center button + text within left column */
.zdf-left { text-align: center !important; }
.zdf-btn { display: inline-block !important; }

/* Left-justify hero email form on desktop only */
@media (min-width: 641px) {
  .zhr-copy { text-align: left !important; }
  .zhr-form { margin-left: 0 !important; margin-right: auto !important; }
}

/* ===== FINAL FIXES 2026-05-10c ===== */
/* Input height: high-specificity selector to beat .zhr .zhr-form rule */
.zhr .zhr-form input[type="email"] { padding: 14px 20px !important; height: auto !important; box-sizing: border-box !important; }

/* Defense centering: flex column + align-items center is bulletproof */
.zdf-left { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }

/* Left-justify hero email form on desktop only */
@media (min-width: 641px) {
  .zhr-copy { text-align: left !important; }
  .zhr-form { margin-left: 0 !important; margin-right: auto !important; }
}

/* ===== UPDATES 2026-05-10d ===== */
/* Task 9: Revert header logo to orange */
.header__heading-link .h2 { color: var(--zing-orange) !important; }

/* Task 10: Defense section — vertically center left column content */
.zdf-left { justify-content: center !important; }

/* Task 11: Comparison Jiva column header — Mirova font, uppercase, logo-style */
.zcp-zing {
  font-family: "Mirova Groove", Mirova, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

/* ===== FIX 2026-05-10e: defense align-self ===== */
/* zdf-left has align-self:end in liquid inline style — override to center */
.zdf-left { align-self: center !important; }

/* ===== FIX 2026-05-10f: defense button position ===== */
/* Pull zdf-cta up into row 1 col 1, bottom-aligned, so it sits just below the heading */
.zdf-cta {
  grid-row: 1 !important;
  grid-column: 1 !important;
  align-self: end !important;
  justify-self: center !important;
}

/* SMOOTH SCROLL 2026-05-10 */
html { scroll-behavior: smooth; }
}