/** Shopify CDN: Minification failed

Line 86:2 Unexpected "25%"
Line 87:2 Unexpected "75%"
Line 88:0 Unexpected "}"

**/
/* ============================================
   DIRTY GRINDS COFFEE — CUSTOM THEME STYLES
   Modern redesign — June 2026
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display:ital,wght@0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --dg-ink: #2A1F18;
  --dg-ember: #E8521A;
  --dg-ember-hot: #FF6B35;
  --dg-gold: #C9972A;
  --dg-cream: #FBF5E6;
  --dg-page: #F5EDE0;
  --dg-smoke: #EDE3D8;
  --dg-char: #3D2E24;
  --dg-muted: #8C7262;
  --dg-fg-dim: #6B5040;
  --dg-border: rgba(58,35,20,0.1);
}

/* ---- GLOBAL OVERRIDES ---- */
body {
  font-family: 'Inter', sans-serif !important;
  background-color: var(--dg-page) !important;
  color: var(--dg-ink) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3 {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 1px !important;
}

/* ---- ANNOUNCEMENT BAR ---- */
.announcement-bar {
  background-color: var(--dg-ember) !important;
}
.announcement-bar__message {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

/* ---- HEADER / NAV ---- */
.section-header {
  background-color: rgba(245,237,224,0.97) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--dg-border) !important;
}
.header {
  background-color: transparent !important;
}
.header__heading-link,
.header__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 26px !important;
  letter-spacing: 4px !important;
  color: var(--dg-ink) !important;
}
.list-menu__item--link {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--dg-fg-dim) !important;
}
.list-menu__item--link:hover {
  color: var(--dg-ember) !important;
}
.header__icon svg {
  fill: var(--dg-ink) !important;
}


  25%       { transform: translateY(-3px) rotate(-1.5deg); }
  75%       { transform: translateY(2px) rotate(1deg); }
}

/* ---- BUTTONS ---- */
.button, .btn, [type="submit"],
.shopify-payment-button__button {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
}
.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--dg-ember) !important;
  color: #fff !important;
  border-color: var(--dg-ember) !important;
}
.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: var(--dg-ember-hot) !important;
  border-color: var(--dg-ember-hot) !important;
}

/* ---- PRODUCT CARDS ---- */
.card-wrapper,
.card {
  border-radius: 10px !important;
  border-color: var(--dg-border) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.card-wrapper:hover .card,
.card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 28px rgba(232,82,26,0.1) !important;
  border-color: rgba(232,82,26,0.3) !important;
}
.card__heading a {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
  color: var(--dg-ink) !important;
}
.price {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 20px !important;
  color: var(--dg-ember) !important;
  letter-spacing: 1px !important;
}
.badge {
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
.badge--sale {
  background-color: rgba(232,82,26,0.15) !important;
  border: 1px solid rgba(232,82,26,0.4) !important;
  color: var(--dg-ember) !important;
}

/* ---- HERO / IMAGE BANNER ---- */
.banner {
  background-color: var(--dg-smoke) !important;
}
.banner__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 3px !important;
  color: var(--dg-ink) !important;
}

/* ---- SECTION BACKGROUNDS ---- */
.color-scheme-1,
.color-background-1 {
  background-color: var(--dg-page) !important;
  color: var(--dg-ink) !important;
}
.color-scheme-2,
.color-background-2 {
  background-color: var(--dg-smoke) !important;
  color: var(--dg-ink) !important;
}
.color-scheme-3,
.color-background-3 {
  background-color: var(--dg-ink) !important;
  color: var(--dg-cream) !important;
}

/* ---- RICH TEXT / HEADINGS ---- */
.rich-text__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 56px !important;
  letter-spacing: 1px !important;
  line-height: 0.92 !important;
  color: var(--dg-ink) !important;
}
.rich-text__text {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  color: var(--dg-muted) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.section-eyebrow,
.subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--dg-ember) !important;
}

/* ---- IMAGE WITH TEXT ---- */
.content-container {
  background-color: transparent !important;
}
.image-with-text__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 2px !important;
  color: var(--dg-ink) !important;
}
.image-with-text__text {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  color: var(--dg-muted) !important;
}

/* ---- MULTICOLUMN ---- */
.multicolumn-card__title {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 1px !important;
  color: var(--dg-ink) !important;
}
.multicolumn-card__info {
  color: var(--dg-muted) !important;
  font-size: 13px !important;
}

/* ---- COLLECTION LIST ---- */
.collection-card__title {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 1px !important;
}

/* ---- FOOTER ---- */
.footer {
  background-color: var(--dg-char) !important;
  color: var(--dg-cream) !important;
  border-top: 1px solid rgba(245,237,224,0.07) !important;
}
.footer-block__heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: rgba(245,237,224,0.25) !important;
}
.footer-block a,
.footer__list-social-link {
  color: rgba(245,237,224,0.45) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.footer-block a:hover,
.footer__list-social-link:hover {
  color: var(--dg-ember) !important;
}
.footer__copyright {
  color: rgba(245,237,224,0.2) !important;
  font-size: 11px !important;
}
.footer__payment-icon {
  filter: brightness(0.4) !important;
}

/* ---- NEWSLETTER ---- */
.newsletter__heading {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 2px !important;
}
.newsletter-form__field-wrapper input {
  background-color: rgba(255,255,255,0.2) !important;
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
  border-radius: 4px 0 0 4px !important;
}
.newsletter-form__button {
  background-color: var(--dg-ink) !important;
  border-radius: 0 4px 4px 0 !important;
}

/* ---- CART ---- */
.cart__title {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 2px !important;
}
.totals__total-value {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--dg-ember) !important;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--dg-smoke); }
::-webkit-scrollbar-thumb { background: var(--dg-ember); border-radius: 3px; }

/* ---- MARQUEE / TICKER ---- */
.dg-marquee {
  background: var(--dg-ink);
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
}
.dg-marquee__inner {
  display: inline-flex;
  animation: dg-marq 20s linear infinite;
}
.dg-marquee__item {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  letter-spacing: 3px;
  color: rgba(245,237,224,0.12);
  padding: 0 28px;
}
.dg-marquee__item--lit {
  color: var(--dg-ember);
  opacity: 0.7;
}
@keyframes dg-marq {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ---- PRODUCT PAGE ---- */
.product__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 42px !important;
  letter-spacing: 2px !important;
  color: var(--dg-ink) !important;
}
.product__text {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  color: var(--dg-muted) !important;
}
.variant-input-wrapper label {
  border-radius: 20px !important;
  border-color: var(--dg-border) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
}
.variant-input-wrapper input:checked + label {
  background-color: var(--dg-ember) !important;
  border-color: var(--dg-ember) !important;
  color: #fff !important;
}

/* ---- BREADCRUMBS ---- */
.breadcrumb {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  color: var(--dg-muted) !important;
}

/* ---- COLLECTION HERO ---- */
.collection-hero__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 64px !important;
  letter-spacing: 3px !important;
  color: var(--dg-ink) !important;
}

/* ---- PAGINATION ---- */
.pagination__item a,
.pagination__item span {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: var(--dg-fg-dim) !important;
}
.pagination__item--current span {
  background-color: var(--dg-ember) !important;
  color: #fff !important;
  border-radius: 4px !important;
}
