/** Shopify CDN: Minification failed

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

**/
/* ============================================================================
 * Loyal Canvas — conversion components (honest urgency + trust + editorial).
 * Built on Horizon design tokens so they inherit the theme look. Tasteful,
 * aesthetic, subtle-but-not-too-subtle (David). NO fake countdowns/RRP/reviews.
 * ==========================================================================*/

:root {
  --lc-gold: #b08d4f;
  --lc-gold-deep: #9c7b41;
  --lc-ink: var(--color-foreground, rgb(28 27 41 / 1));
  --lc-muted: var(--color-foreground-muted, rgb(28 27 41 / .62));
  --lc-border: var(--color-border, rgb(28 27 41 / .14));
  --lc-radius: var(--border-radius, 12px);
}

/* ---- free-shipping progress bar ---- */
.lc-ship { margin: 0 0 1rem; font-family: var(--font-body--family, Inter, sans-serif); }
.lc-ship-msg { font-size: .9rem; color: var(--lc-ink); margin: 0 0 .5rem; text-align: center; }
.lc-ship-msg strong { color: var(--lc-ink); }
.lc-ship-amt { color: var(--lc-gold-deep); }
.lc-ship-won { color: var(--lc-gold-deep); }
.lc-ship-track { height: 8px; border-radius: 999px; background: color-mix(in srgb, var(--lc-ink) 9%, transparent); overflow: hidden; }
.lc-ship-fill {
  height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--lc-gold), var(--lc-gold-deep));
  transition: width .5s cubic-bezier(.4,0,.2,1);
}

/* ---- trust strip ---- */
.lc-trust { list-style: none; margin: 1rem 0; padding: 0; display: grid; gap: .6rem; }
.lc-trust li { display: flex; align-items: flex-start; gap: .6rem; font-size: .9rem; color: var(--lc-muted); line-height: 1.45; }
.lc-trust li svg { flex: none; margin-top: 1px; color: var(--lc-gold); }
.lc-trust li strong { color: var(--lc-ink); font-weight: 650; }
.lc-trust--compact { grid-template-columns: 1fr 1fr; gap: .5rem .9rem; }
.lc-trust--compact li { font-size: .82rem; }
@media (max-width: 540px) { .lc-trust--compact { grid-template-columns: 1fr; } }

/* ---- editorial badge + in-demand dot ---- */
.lc-badge {
  display: inline-flex; align-items: center; gap: .4rem;
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  padding: .3rem .65rem; border-radius: 999px;
  background: color-mix(in srgb, var(--lc-gold) 14%, transparent);
  color: var(--lc-gold-deep);
  border: 1px solid color-mix(in srgb, var(--lc-gold) 35%, transparent);
}
.lc-badge--most-loved { background: var(--lc-gold); color: #fff; border-color: var(--lc-gold); }
.lc-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #c0392b; display: inline-block;
  box-shadow: 0 0 0 0 rgba(192, 57, 43, .55); animation: lc-dotpulse 2.4s ease-out infinite;
}
.lc-badge--most-loved .lc-dot { background: #fff; box-shadow: 0 0 0 0 rgba(255,255,255,.6); }
@keyframes lc-dotpulse { 70%, 100% { box-shadow: 0 0 0 7px rgba(192, 57, 43, 0); } }
@media (prefers-reduced-motion: reduce) { .lc-dot { animation: none; } }

/* a small editorial dot floated on a product card image corner */
.lc-card-dot { position: absolute; top: 10px; right: 10px; z-index: 2; }

/* ---- hero CTA enhancement (when injected as custom CSS) ---- */
.lc-hero-cta {
  display: inline-flex; align-items: center; gap: .6rem;
  background: var(--lc-gold); color: #fff !important; text-decoration: none;
  font-family: var(--font-body--family, Inter, sans-serif); font-weight: 700; font-size: 1.05rem;
  padding: 1rem 1.9rem; border-radius: var(--lc-radius);
  box-shadow: 0 10px 30px rgba(176,141,79,.4); transition: transform .14s ease, box-shadow .2s ease, background .2s ease;
}
.lc-hero-cta:hover { background: var(--lc-gold-deep); transform: translateY(-2px); box-shadow: 0 14px 38px rgba(176,141,79,.5); }
.lc-hero-cta svg { width: 20px; height: 20px; }
.lc-hero-sub-trust { margin-top: .9rem; font-size: .85rem; color: rgba(255,255,255,.92); text-shadow: 0 1px 8px rgba(0,0,0,.5); }

/* ============================================================================
 * THEME-WIDE BRAND OVERRIDES (M3 §I.2 + §I.3) — applied via this globally-loaded
 * stylesheet instead of theme settings so they are fully reversible and cannot
 * break Liquid. Two upgrades:
 *   1. Heading font -> elegant serif (Cormorant Garamond) for the "art gallery,
 *      not a generic store" feel. Loaded from Google Fonts; overrides Horizon's
 *      --font-heading--family / --font-accent--family tokens.
 *   2. Primary button -> gold #b08d4f store-wide, by overriding the per-scheme
 *      --color-primary-button-* custom properties Horizon emits on .color-scheme-*.
 * ==========================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap");

:root {
  --font-heading--family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-accent--family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  /* Cormorant runs small + light; nudge weight/tracking so headings read crisp. */
  --font-heading--weight: 600;
  --font-h1--weight: 600;
  --font-h2--weight: 600;
  --font-h3--weight: 600;
}

/* Heading elements + Horizon heading utility presets -> the serif. */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading--family);
}

/* Gold primary buttons store-wide. Override the per-scheme custom properties so
 * every primary button (PDP add-to-cart, hero CTA, etc.) inherits the gold,
 * keeping Horizon's own button component + radius + sizing intact. */
.color-scheme-1, .color-scheme-2, .color-scheme-3,
.color-scheme-4, .color-scheme-5, .color-scheme-6 {
  --color-primary-button-background: #b08d4f;
  --color-primary-button-border: #b08d4f;
  --color-primary-button-text: #ffffff;
  --color-primary-button-hover-background: #9c7b41;
  --color-primary-button-hover-border: #9c7b41;
  --color-primary-button-hover-text: #ffffff;
}

/* ----------------------------------------------------------------------------
 * Hero CTA — force the homepage hero's primary button to the bold GOLD pill
 * (Horizon renders the hero text-button block as a plain link in scheme-6, so
 * the store-wide --color-primary-button-* override doesn't fill it). Scoped to
 * .hero so PDP / cart primary buttons are untouched. M3 §I.3 — the gold CTA
 * David asked for, high-contrast on the scrim.
 * ------------------------------------------------------------------------- */
.hero a.button-primary,
.hero .button-primary {
  display: inline-flex !important;
  align-items: center; justify-content: center; gap: .55rem;
  background: var(--lc-gold) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 1rem 2rem !important;
  border-radius: 999px !important;
  font-family: var(--font-body--family, Inter, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  letter-spacing: .01em;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(176,141,79,.42);
  transition: transform .14s ease, box-shadow .2s ease, background .2s ease;
}
.hero a.button-primary:hover,
.hero .button-primary:hover {
  background: var(--lc-gold-deep) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 38px rgba(176,141,79,.52);
}

/* Hero headline accent — make the italic word gold to match the brand. */
.hero h1 em, .hero h2 em, .hero .h0 em, .hero .h1 em {
  color: var(--lc-gold) !important;
  font-style: italic;
}