/** Shopify CDN: Minification failed

Line 178:10 Unexpected "="
Line 181:50 Comments in CSS use "/* ... */" instead of "//"
Line 184:0 Comments in CSS use "/* ... */" instead of "//"
Line 188:0 Comments in CSS use "/* ... */" instead of "//"
Line 192:0 Comments in CSS use "/* ... */" instead of "//"
Line 193:0 Comments in CSS use "/* ... */" instead of "//"
Line 193:25 Expected identifier but found "."
Line 194:0 Comments in CSS use "/* ... */" instead of "//"
Line 194:29 Expected identifier but found "."

**/
/* BFCM Sticky Bottom Bar — uniform text sizing across all elements */

#bfcm-bottom.bfcm-bottom {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400 !important; /* behind drawers */
  padding-bottom: env(safe-area-inset-bottom);
}
#bfcm-bottom.bfcm-bottom--shadow {
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
}

/* layout container */
#bfcm-bottom .bfcm-container.max-w-page {
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
}
#bfcm-bottom .bfcm-container.max-w-fluid {
  max-width: 100%;
  margin: 0 auto;
}
#bfcm-bottom .bfcm-container.max-w-full {
  width: 100%;
}

/* wrapper */
#bfcm-bottom .bfcm-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem;
}

/* close button */
#bfcm-bottom .bfcm-close {
  appearance: none;
  background: transparent;
  border: 0;
  color: currentColor;
  font-size: 20px;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  opacity: 0.85;
}
#bfcm-bottom .bfcm-close:hover {
  opacity: 1;
}

/* main layout */
#bfcm-bottom .bfcm-row {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 0.75rem;
}

/* left, center, right columns */
#bfcm-bottom .bfcm-col--label {
  justify-self: start;
  text-align: left;
  white-space: nowrap;
}
#bfcm-bottom .bfcm-col--timer {
  justify-self: start;
  text-align: left;
}
#bfcm-bottom .bfcm-col--text {
  position: relative;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  padding-left: 1rem;
  margin-left: 1rem;
}
#bfcm-bottom .bfcm-col--text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.25em;
  background: currentColor;
  opacity: 0.35;
}

/* text + timer uniform size */
#bfcm-bottom .bfcm-timer-label,
#bfcm-bottom .countdown-timer__column-number,
#bfcm-bottom .countdown-timer__column-text,
#bfcm-bottom .bfcm-text {
  font-size: 1.15rem;
  line-height: 1;
}

/* ENDS IN */
#bfcm-bottom .bfcm-timer-label {
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#bfcm-bottom .bfcm-timer-label::after {
  margin-left: 0.3rem;
}

/* timer */
#bfcm-bottom .countdown-timer {
  margin: 0;
}
#bfcm-bottom .countdown-timer__columns {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: none !important;

}
#bfcm-bottom .countdown-timer__column-number {
  font-weight: 700;
}
#bfcm-bottom .countdown-timer__column-text {
  font-weight: 500;
  opacity: 0.9;
}

/* threshold text */
#bfcm-bottom .bfcm-text {
  font-weight: 800;
  color: currentColor;
}

/* MOBILE: still one line but balanced */
@media (max-width: 989.98px) {
  #bfcm-bottom .bfcm-row {
    grid-template-columns: auto auto 1fr;
    gap: 0.5rem;
  }
  #bfcm-bottom .bfcm-timer-label,
  #bfcm-bottom .countdown-timer__column-number,
  #bfcm-bottom .countdown-timer__column-text,
  #bfcm-bottom .bfcm-text {
    font-size: 1rem;
  }
  #bfcm-bottom .bfcm-text {
    font-weight: 800;
  }
  #bfcm-bottom .bfcm-col--text::before {
    height: 1.1em;
  }
}

/* drawers/modals stay above */
.drawer,
.cart-drawer,
.quick-add-modal,
.modal,
header-drawer,
.menu-drawer {
  z-index: 600 !important;
}

const bar = document.getElementById('bfcm-bottom');
if (!bar) return;

const rightMode = bar.dataset.rightMode;          // 'threshold' | 'custom' | 'none'
const timerEnabled = bar.dataset.timerEnabled === 'true';

// Only run threshold code if the threshold element exists + mode is threshold
const thresholdEl = bar.querySelector('[data-bfcm-text]');
const shouldRunThreshold = rightMode === 'threshold' && !!thresholdEl;

// Only run timer code if enabled + timer node exists
const timerEl = bar.querySelector('#bfcm-timer');
const shouldRunTimer = timerEnabled && !!timerEl;

// Then gate your existing code blocks:
// if (shouldRunTimer) { ... your countdown code ... }
// if (shouldRunThreshold) { ... your tier/threshold code ... }