/** Shopify CDN: Minification failed

Line 264:0 Unexpected "{"
Line 264:1 Unexpected "{"
Line 264:3 Expected identifier but found "'theme.css'"
Line 265:0 Unexpected "{"
Line 265:1 Unexpected "{"
Line 265:3 Expected identifier but found "'theme.dev.css'"

**/
/* === Organic Ghee 16oz Landing Page: Mobile Readability Fix === */

body#organic-ghee-16oz {
  --lp-body-size-mobile: 17px;
  --lp-body-size-desktop: 18px;
  --lp-line-height: 1.6;
}

body#organic-ghee-16oz,
body#organic-ghee-16oz p,
body#organic-ghee-16oz li {
  line-height: var(--lp-line-height);
}

body#organic-ghee-16oz .rte,
body#organic-ghee-16oz .rte p,
body#organic-ghee-16oz .rte li,
body#organic-ghee-16oz .section-content,
body#organic-ghee-16oz .section-content p,
body#organic-ghee-16oz .section-content li {
  font-size: var(--lp-body-size-desktop);
  line-height: var(--lp-line-height);
}

@media (max-width: 749px) {
  body#organic-ghee-16oz .rte,
  body#organic-ghee-16oz .rte p,
  body#organic-ghee-16oz .rte li,
  body#organic-ghee-16oz .section-content,
  body#organic-ghee-16oz .section-content p,
  body#organic-ghee-16oz .section-content li {
    font-size: var(--lp-body-size-mobile);
    line-height: var(--lp-line-height);
  }

  body#organic-ghee-16oz ul,
  body#organic-ghee-16oz ol {
    padding-left: 1.2em;
  }

  body#organic-ghee-16oz li {
    margin-bottom: 0.35em;
  }
}
/* === Organic Ghee 16oz Landing Page: Mobile Readability Fix === */
body.lp-organic-ghee-16oz {
  --lp-body-size-mobile: 17px;
  --lp-body-size-desktop: 18px;
  --lp-line-height: 1.6;
}

/* Make normal copy readable */
body.lp-organic-ghee-16oz p,
body.lp-organic-ghee-16oz li {
  line-height: var(--lp-line-height);
}

/* Most common text containers */
body.lp-organic-ghee-16oz .rte,
body.lp-organic-ghee-16oz .rte p,
body.lp-organic-ghee-16oz .rte li,
body.lp-organic-ghee-16oz .section-content,
body.lp-organic-ghee-16oz .section-content p,
body.lp-organic-ghee-16oz .section-content li {
  font-size: var(--lp-body-size-desktop);
  line-height: var(--lp-line-height);
}

/* Mobile sizing */
@media (max-width: 749px) {
  body.lp-organic-ghee-16oz .rte,
  body.lp-organic-ghee-16oz .rte p,
  body.lp-organic-ghee-16oz .rte li,
  body.lp-organic-ghee-16oz .section-content,
  body.lp-organic-ghee-16oz .section-content p,
  body.lp-organic-ghee-16oz .section-content li,
  body.lp-organic-ghee-16oz p,
  body.lp-organic-ghee-16oz li {
    font-size: var(--lp-body-size-mobile);
  }

  body.lp-organic-ghee-16oz ul,
  body.lp-organic-ghee-16oz ol {
    padding-left: 1.2em;
  }

  body.lp-organic-ghee-16oz li {
    margin-bottom: 0.35em;
  }
}
/* === Organic Ghee 16oz Landing Page: Readability Fix (safe) === */
body.lp-organic-ghee-16oz {
  --lp-body-size-mobile: 17px;
  --lp-body-size-desktop: 18px;
  --lp-line-height: 1.6;
}

/* Only increase true body-copy areas (Rich text) */
body.lp-organic-ghee-16oz .rte,
body.lp-organic-ghee-16oz .rte p,
body.lp-organic-ghee-16oz .rte li {
  font-size: var(--lp-body-size-desktop);
  line-height: var(--lp-line-height);
}

@media (max-width: 749px) {
  body.lp-organic-ghee-16oz .rte,
  body.lp-organic-ghee-16oz .rte p,
  body.lp-organic-ghee-16oz .rte li {
    font-size: var(--lp-body-size-mobile);
    line-height: var(--lp-line-height);
  }

  body.lp-organic-ghee-16oz .rte ul,
  body.lp-organic-ghee-16oz .rte ol {
    padding-left: 1.2em;
  }

  body.lp-organic-ghee-16oz .rte li {
    margin-bottom: 0.35em;
  }
}
/* === Normalize sticky Buy Now bar on this landing page === */
body.lp-organic-ghee-16oz [class*="sticky"],
body.lp-organic-ghee-16oz [id*="sticky"],
body.lp-organic-ghee-16oz [class*="Sticky"],
body.lp-organic-ghee-16oz [id*="Sticky"] {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body.lp-organic-ghee-16oz [class*="sticky"] *,
body.lp-organic-ghee-16oz [id*="sticky"] *,
body.lp-organic-ghee-16oz [class*="Sticky"] *,
body.lp-organic-ghee-16oz [id*="Sticky"] * {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* Make the actual button readable/tappable without being huge */
body.lp-organic-ghee-16oz [class*="sticky"] button,
body.lp-organic-ghee-16oz [id*="sticky"] button,
body.lp-organic-ghee-16oz [class*="sticky"] .btn,
body.lp-organic-ghee-16oz [id*="sticky"] .btn,
body.lp-organic-ghee-16oz [class*="sticky"] a.button,
body.lp-organic-ghee-16oz [id*="sticky"] a.button {
  font-size: 16px !important;
  padding: 12px 16px !important;
  line-height: 1.1 !important;
}

/* Keep the product image in the bar from ballooning */
body.lp-organic-ghee-16oz [class*="sticky"] img,
body.lp-organic-ghee-16oz [id*="sticky"] img {
  max-height: 44px !important;
  width: auto !important;
}
/* === Restore BLUE primary Buy Now button on Organic Ghee landing === */

/* Main Buy Now button (hero section) */
body.lp-organic-ghee-16oz .btn,
body.lp-organic-ghee-16oz .button,
body.lp-organic-ghee-16oz .product-form__submit {
  background-color: var(--color-button-primary, #1e73be) !important;
  color: #ffffff !important;
  border-color: var(--color-button-primary, #1e73be) !important;
}

/* Hover / active states */
body.lp-organic-ghee-16oz .btn:hover,
body.lp-organic-ghee-16oz .button:hover,
body.lp-organic-ghee-16oz .product-form__submit:hover {
  background-color: var(--color-button-primary-hover, #155a96) !important;
  border-color: var(--color-button-primary-hover, #155a96) !important;
}

/* Ensure text inside button stays white */
body.lp-organic-ghee-16oz .btn *,
body.lp-organic-ghee-16oz .button *,
body.lp-organic-ghee-16oz .product-form__submit * {
  color: #ffffff !important;
}
body.lp-organic-ghee-16oz .btn--primary {
  background-color: var(--color-button-primary, #1e73be) !important;
}
/* === Make the STICKY "Buy Now" look like the theme's blue button === */
/* We target common "sticky bar" containers AND then style the clickable link/button inside */

body.lp-organic-ghee-16oz [class*="sticky"] a,
body.lp-organic-ghee-16oz [class*="sticky"] button,
body.lp-organic-ghee-16oz [id*="sticky"] a,
body.lp-organic-ghee-16oz [id*="sticky"] button,
body.lp-organic-ghee-16oz [class*="Sticky"] a,
body.lp-organic-ghee-16oz [class*="Sticky"] button,
body.lp-organic-ghee-16oz [id*="Sticky"] a,
body.lp-organic-ghee-16oz [id*="Sticky"] button {
  background: var(--color-button-primary, #1e73be) !important;
  color: #fff !important;
  border: 1px solid var(--color-button-primary, #1e73be) !important;
  border-radius: 999px !important; /* pill shape */
  padding: 10px 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Make sure any nested text inside becomes white */
body.lp-organic-ghee-16oz [class*="sticky"] a *,
body.lp-organic-ghee-16oz [id*="sticky"] a * {
  color: #fff !important;
}

/* Hover state (desktop mainly) */
body.lp-organic-ghee-16oz [class*="sticky"] a:hover,
body.lp-organic-ghee-16oz [id*="sticky"] a:hover,
body.lp-organic-ghee-16oz [class*="sticky"] button:hover,
body.lp-organic-ghee-16oz [id*="sticky"] button:hover {
  filter: brightness(0.92) !important;
}
/* === Sticky mobile buy bar: make Buy Now blue (landing page only) === */
body.lp-organic-ghee-16oz .sticky-buy-bar .sticky-buy-button {
  background: #1e73be !important;
  border-color: #1e73be !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Optional: hover/press (desktop + tap feedback) */
body.lp-organic-ghee-16oz .sticky-buy-bar .sticky-buy-button:hover,
body.lp-organic-ghee-16oz .sticky-buy-bar .sticky-buy-button:active {
  filter: brightness(0.92) !important;
}

/* Ensure it doesn't inherit weird sizing */
body.lp-organic-ghee-16oz .sticky-buy-bar .sticky-buy-button {
  font-size: 16px !important;
  line-height: 1.1 !important;
  padding: 12px 16px !important;
}
/* Slightly slim down sticky buy bar without shrinking the button */
body.lp-organic-ghee-16oz .sticky-buy-bar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

body.lp-organic-ghee-16oz .sticky-buy-inner {
  gap: 10px !important;
}
{{ 'theme.css' | asset_url | stylesheet_tag }}
{{ 'theme.dev.css' | asset_url | stylesheet_tag }}

/* === Landing page font sizing: /pages/organic-ghee-16oz === */

/* IMPORTANT: your <body> does NOT have page-organic-ghee-16oz
   Modular sets body class to "template-page" etc.
   Your page handle is in the body ID. We'll scope to that. */

body#organic-ghee-16oz {
  --lp-body-size-mobile: 17px;
  --lp-body-size-desktop: 18px;
  --lp-line-height: 1.6;
}

/* Try common Modular content wrappers */
body#organic-ghee-16oz,
body#organic-ghee-16oz p,
body#organic-ghee-16oz li {
  line-height: var(--lp-line-height);
}

/* General readable copy */
body#organic-ghee-16oz .rte,
body#organic-ghee-16oz .rte p,
body#organic-ghee-16oz .rte li,
body#organic-ghee-16oz .section-content,
body#organic-ghee-16oz .section-content p,
body#organic-ghee-16oz .section-content li {
  font-size: var(--lp-body-size-desktop);
  line-height: var(--lp-line-height);
}

@media (max-width: 749px) {
  body#organic-ghee-16oz .rte,
  body#organic-ghee-16oz .rte p,
  body#organic-ghee-16oz .rte li,
  body#organic-ghee-16oz .section-content,
  body#organic-ghee-16oz .section-content p,
  body#organic-ghee-16oz .section-content li {
    font-size: var(--lp-body-size-mobile);
    line-height: var(--lp-line-height);
  }

  body#organic-ghee-16oz ul,
  body#organic-ghee-16oz ol {
    padding-left: 1.2em;
  }

  body#organic-ghee-16oz li {
    margin-bottom: 0.35em;
  }
}