/** Shopify CDN: Minification failed

Line 204:21 Expected ":"

**/
/* ===== Momentum Design Tokens (consumes variables set in theme.liquid) ===== */

:root {
  /* Fallbacks in case inline variables are missing */
  --color-primary: #C24918;   /* Action - Rust */
  --color-accent:  #F3C665;   /* Highlight - Gold */
  --color-base:    #141414;   /* Espresso text */
  --color-bg:      #EFE8DC;   /* Cream background */
  --color-neutral: #888888;

  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;
  --shadow-soft: 0 8px 24px rgba(0,0,0,.06);
  --shadow-accent: 0 8px 24px rgba(243,198,101,.25);
}

/* Body + Core text */
body { background: var(--color-bg); color: var(--color-base); }

/* Links */
a { color: var(--color-primary); }
a:hover { color: var(--color-accent); }

/* -------------------------------
   GLOBAL BUTTONS
   (works theme-wide, keeps Dawn variants)
----------------------------------*/

/* Primary buttons */
.button:not(.button--secondary):not(.button--tertiary),
.shopify-payment-button__button--unbranded,
.btn--primary {
  background: var(--color-primary) !important;
  color: #fff !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: var(--radius-m);
  transition: transform .06s ease, background-color .2s ease, color .2s ease;
}
.button:not(.button--secondary):not(.button--tertiary):hover,
.shopify-payment-button__button--unbranded:hover,
.btn--primary:hover {
  background: var(--color-accent) !important;
  color: var(--color-base) !important;
  transform: translateY(-1px);
}

/* Secondary / outline */
.button--secondary,
.btn--ghost {
  background: transparent !important;
  color: rgba(var(--color-foreground, 20,20,20), .95) !important;
  border: 1px solid rgba(var(--color-foreground, 20,20,20), .6) !important;
  border-radius: var(--radius-m);
}
.button--secondary:hover,
.btn--ghost:hover {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* -------------------------------
   HERO/BANNER CTAs (high specificity)
----------------------------------*/

/* Make hero CTAs big, pill-shaped, branded */
.banner,
.slideshow,
.video-banner {
  --hero-btn-padding-y: 16px;
  --hero-btn-padding-x: 28px;
}

.banner .banner__buttons .button,
.slideshow .slideshow__controls + .slideshow__text .button,
.slideshow .slideshow__text .button,
.video-banner .banner__buttons .button {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
  padding: var(--hero-btn-padding-y) var(--hero-btn-padding-x) !important;
  border-radius: 9999px !important;               /* pill */
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);         /* subtle lift */
}
.banner .banner__buttons .button:hover,
.slideshow .slideshow__text .button:hover,
.video-banner .banner__buttons .button:hover {
  background: var(--color-accent) !important;
  color: var(--color-base) !important;
  border-color: var(--color-accent) !important;
}

/* If you use an outline CTA next to the primary in the hero */
.banner .banner__buttons .button--secondary,
.slideshow .slideshow__text .button--secondary,
.video-banner .banner__buttons .button--secondary {
  background: transparent !important;
  color: #fff !important;                          /* assumes dark overlay; adjust if needed */
  border-color: rgba(255,255,255,.65) !important;
}
.color-scheme-1 .banner .banner__buttons .button--secondary,
.color-scheme-1 .slideshow .slideshow__text .button--secondary {
  color: var(--color-base) !important;             /* on light scheme */
  border-color: rgba(0,0,0,.45) !important;
}

/* -------------------------------
   CARDS / INPUTS / BADGES
----------------------------------*/

.card,
.product-card,
.collection-card,
.grind-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-soft);
}

input[type="text"], input[type="email"], input[type="search"],
input[type="tel"], input[type="url"], input[type="number"],
select, textarea {
  border-radius: var(--radius-s);
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
}

/* Rings for imagery (How it works / Grind guide) */
.ring, .hiw-ring, .grind-img {
  border-color: var(--color-accent) !important;
  box-shadow: var(--shadow-accent);
}

/* Header/Footer quick helpers */
.header--inverted, .footer--inverted {
  background: var(--color-base) !important;
  color: #fff !important;
}

/* Badges */
.badge, .card__badge {
  background: var(--color-accent);
  color: #000;
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Micro-trust text */
.micro-trust { color: var(--color-accent); opacity: .95; }

/* Section spacing utilities */
.section { padding: 56px 24px; }
.section--tight { padding: 32px 24px; }
.section--spacious { padding: 80px 24px; }

/* Accessibility focus ring */
:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

/* === Button border & radius fix (Dawn double-outline) === */
.button,
.button--secondary,
.button--tertiary,
.shopify-payment-button__button--unbranded {
  /* kill Dawn's pseudo border layer */
  --buttons-border-width: 0px !important;
  --buttons-border-opacity: 0 !important;
  --buttons-border-offset: 0px !important;

  /* unify radius with theme tokens so corners match perfectly */
  border-radius: var(--buttons-radius, var(--radius-m)) !important;
}

/* hard-disable the pseudo element border if present */
.button::after,
.button--secondary::after,
.button--tertiary::after,
.shopify-payment-button__button--unbranded::after {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* keep our intended borders */
.btn--primary,
.shopify-payment-button__button--unbranded,
.button:not(.button--secondary):not(.button--tertiary) {
  border: 1px solid var(--color-primary);
}

.btn--ghost,
.button--secondary {e
  border: 1.5px solid var(--color-base);
}

.btn--ghost:hover,
.button--secondary:hover {
  border-color: var(--color-primary);
}

/* optional: tighten hover motion to avoid jank */
.button:hover { transform: translateY(-1px); }