/** Shopify CDN: Minification failed

Line 46:0 All "@import" rules must come first

**/
/* ─────────────────────────────────────────────────────────────────
   GLOW PRODUCT PAGE — SHARED BASE
   Used by all sections of the product template (Cleanse, Conditioner, Renew).
   Reuses brand tokens from glow-global.css and adds page-specific utilities.
   ───────────────────────────────────────────────────────────────── */

:root {
  /* Product-page accent palette — extends the brand colors with cream/warm tones
     that match the Checkout Champ reference design. */
  --gp-cream: #FAF7F1;
  --gp-cream-dark: #F2EDE2;
  --gp-text: #2B2018;
  --gp-text-soft: #5C4D44;
  --gp-text-muted: #8A7B72;
  --gp-line: rgba(43, 32, 24, 0.10);
  --gp-line-soft: rgba(43, 32, 24, 0.06);

  /* CTA + accent — pulled from existing brand */
  --gp-gold: var(--ge-gold, #c9a84c);
  --gp-gold-dark: #B0902F;
  --gp-navy: var(--ge-navy, #151b2b);
  --gp-blue: var(--ge-blue, #1A6B9A);

  /* Spacing scale */
  --gp-space-xs: 8px;
  --gp-space-sm: 16px;
  --gp-space-md: 24px;
  --gp-space-lg: 40px;
  --gp-space-xl: 64px;

  /* Typography */
  --gp-font-display: var(--ge-font-display, 'Cormorant Garamond', Georgia, serif);
  --gp-font-body: 'DM Sans', 'Jost', system-ui, sans-serif;

  /* Container */
  --gp-page-max: 1180px;
  --gp-content-max: 720px;
}

/* Import DM Sans (the Checkout Champ reference font) — degrades gracefully to Jost */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

/* ── PAGE WRAPPER ─────────────────────────────────────────────────── */
.gp-page {
  background: var(--gp-cream);
  color: var(--gp-text);
  font-family: var(--gp-font-body);
  font-size: 16px;
  line-height: 1.6;
}
.gp-page * { box-sizing: border-box; }

.gp-container {
  max-width: var(--gp-page-max);
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 749px) {
  .gp-container { padding: 0 20px; }
}

.gp-section {
  padding: 64px 0;
}
@media (max-width: 749px) {
  .gp-section { padding: 48px 0; }
}

/* ── TYPOGRAPHY UTILITIES ─────────────────────────────────────────── */
.gp-eyebrow {
  display: inline-block;
  font-family: var(--gp-font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gp-gold);
}
.gp-h1 {
  font-family: var(--gp-font-display);
  font-size: clamp(28px, 4.5vw, 44px);
  font-weight: 600;
  line-height: 1.12;
  color: var(--gp-text);
  margin: 0 0 16px;
  letter-spacing: -0.005em;
}
.gp-h2 {
  font-family: var(--gp-font-display);
  font-size: clamp(26px, 3.6vw, 38px);
  font-weight: 600;
  line-height: 1.15;
  color: var(--gp-text);
  margin: 0 0 12px;
  text-align: center;
}
.gp-h2--light { color: #ffffff; }
.gp-lead {
  font-family: var(--gp-font-body);
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.6;
  color: var(--gp-text-soft);
}
.gp-lead em {
  font-style: italic;
  color: var(--gp-text);
}
.gp-body {
  font-family: var(--gp-font-body);
  font-size: 15px;
  line-height: 1.65;
  color: var(--gp-text-soft);
}

/* ── PRIMARY CTA ──────────────────────────────────────────────────── */
/* Reuses the .ge-cta-primary animated green gradient from glow-global.css.
   The product page also offers a gold variant for the hero pricing block. */

.gp-cta-gold {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-family: var(--gp-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 18px 24px;
  border-radius: 10px;
  border: 1px solid var(--gp-gold-dark);
  background: linear-gradient(135deg, var(--gp-gold), var(--gp-gold-dark));
  box-shadow:
    0 4px 14px rgba(176, 144, 47, 0.30),
    inset 0 1px rgba(255, 255, 255, 0.18);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.gp-cta-gold:hover {
  transform: translateY(-1px);
  box-shadow:
    0 6px 18px rgba(176, 144, 47, 0.40),
    inset 0 1px rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

/* ── STAR ROW ─────────────────────────────────────────────────────── */
.gp-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.gp-stars svg {
  width: 16px;
  height: 16px;
  fill: var(--gp-gold);
}

/* ── BULLET ROW (✦ accent) ────────────────────────────────────────── */
.gp-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gp-bullets li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--gp-text);
  margin: 0 0 14px;
}
.gp-bullets li:last-child { margin-bottom: 0; }
.gp-bullets li::before {
  content: '✦';
  color: var(--gp-gold);
  font-size: 13px;
  margin-top: 2px;
  flex-shrink: 0;
}
.gp-bullets li b,
.gp-bullets li strong { font-weight: 700; color: var(--gp-text); }