/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   Lux Milk Thistle — shared design system
   Scoped under .lux-* class names so it never touches the
   rest of the Horizon theme. All tokens are namespaced --lux-*.
   ============================================================ */
.lux-section{
  --lux-green:#94C000; --lux-green-deep:#82A900; --lux-green-ink:#5E7A00;
  --lux-green-soft:#EEF4DC; --lux-green-soft-2:#F4F8E8;
  --lux-navy:#0B2B43; --lux-navy-deep:#062337; --lux-navy-soft:#ECF3F8;
  --lux-ink:#16201C; --lux-muted:#5C6A66; --lux-line:#E7E6DF;
  --lux-cream:#FAF8F1; --lux-cream-2:#F4F1E8; --lux-white:#FFFFFF;
  --lux-star:#1FA866;
  --lux-radius:16px; --lux-radius-lg:24px; --lux-radius-sm:10px;
  --lux-shadow:0 4px 24px rgba(11,43,67,.07);
  --lux-shadow-lg:0 18px 50px rgba(11,43,67,.13);
  --lux-maxw:1200px;
  --lux-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
/* Pull the brand font in once; harmless if the theme already loads one */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

.lux-section{ font-family:var(--lux-font); color:var(--lux-ink); line-height:1.55; box-sizing:border-box; }
.lux-section *,.lux-section *::before,.lux-section *::after{ box-sizing:border-box; }
.lux-section img{ max-width:100%; display:block; }
.lux-wrap{ max-width:var(--lux-maxw); margin:0 auto; padding:0 22px; }
.lux-accent{ color:var(--lux-green-ink); }

/* spacing helpers (driven by section padding settings) */
.lux-section{ display:block; }

/* eyebrow + headings */
.lux-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--lux-green-ink); margin:0; }
.lux-h-lg{ font-size:clamp(26px,3.6vw,40px); font-weight:800; line-height:1.08; letter-spacing:-.02em; margin:0; }
.lux-h-md{ font-size:clamp(21px,2.4vw,28px); font-weight:700; line-height:1.18; letter-spacing:-.01em; margin:0; }
.lux-lead{ font-size:clamp(16px,1.5vw,18px); color:var(--lux-muted); line-height:1.6; margin:0; }
.lux-section-head{ max-width:720px; margin:0 auto 40px; text-align:center; }
.lux-section-head .lux-lead{ margin-top:14px; }

/* buttons */
.lux-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; font-weight:700;
  font-size:16px; border-radius:999px; padding:17px 30px; border:none; cursor:pointer; text-decoration:none;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease; white-space:nowrap; font-family:inherit; }
.lux-btn-primary{ background:var(--lux-navy); color:#fff; }
.lux-btn-primary:hover{ background:var(--lux-navy-deep); transform:translateY(-1px); box-shadow:var(--lux-shadow-lg); }
.lux-btn-green{ background:var(--lux-green); color:var(--lux-navy-deep); }
.lux-btn-green:hover{ background:var(--lux-green-deep); transform:translateY(-1px); }
.lux-btn-light{ background:#fff; color:var(--lux-navy); }
.lux-btn-light:hover{ transform:translateY(-1px); box-shadow:var(--lux-shadow-lg); }
.lux-btn-block{ width:100%; }
.lux-btn-lg{ padding:20px 30px; font-size:17px; }
.lux-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }

/* star rating */
.lux-stars{ display:inline-flex; gap:2px; color:var(--lux-star); }
.lux-stars svg{ width:16px; height:16px; }

/* generic card */
.lux-card{ background:#fff; border:1px solid var(--lux-line); border-radius:var(--lux-radius-lg); box-shadow:var(--lux-shadow); }

/* media placeholder */
.lux-ph{ display:flex; align-items:center; justify-content:center; background:var(--lux-green-soft);
  color:var(--lux-green-ink); font-weight:600; font-size:14px; text-align:center; padding:16px; }
.lux-ph svg{ width:46px; height:46px; opacity:.5; }

/* visually-hidden (a11y) */
.lux-vh{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* responsive shared */
@media (max-width:640px){
  .lux-section-head{ margin-bottom:30px; }
}