/** Shopify CDN: Minification failed

Line 17:8 Expected identifier but found whitespace
Line 17:9 Unexpected "10px"

**/
/* -----------------------------------
   FG Drop Timer Bar
   Palette-only: DDD8D7 / DDCFA2 / 66584F
----------------------------------- */

.fg-drop-bar {
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

padding: 10px 0;
}
/* Normalize the bar sizing across templates */
.fg-drop-bar{
  width: 100%;
}

.fg-drop-bar__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0; /* vertical only */
  box-sizing: border-box;
}

/* Normalize typography inside the bar (prevents inheritance differences) */
.fg-drop-bar,
.fg-drop-bar *{
  font-size: 12px;
  line-height: 1.1;
}

.fg-drop-bar__left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.fg-drop-bar__kicker{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 300;
}

.fg-drop-bar__title{
  font-size: 13px;
  letter-spacing: .02em;
  font-weight: 300;
}

.fg-drop-bar__note{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .85;
}

/* CTA pill (matches Fanagerie pill system) */
.fg-drop-bar__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 14px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;

  text-decoration: none;
  border: 1px solid transparent;

  transition: opacity .2s ease, transform .2s ease;
}

.fg-drop-bar__cta:hover{
  opacity: .92;
  transform: translateY(-1px);
}
/* Light bar (DDD8D7): CTA = dark solid pill */
.fg-drop-bar--light .fg-drop-bar__cta{
  background: #66584F;
  color: #FFFFFF;
}

/* Gold bar (DDCFA2): CTA = dark solid pill */
.fg-drop-bar--gold .fg-drop-bar__cta{
  background: #66584F;
  color: #FFFFFF;
}

/* Dark bar (66584F): CTA = gold outline pill */
.fg-drop-bar--dark .fg-drop-bar__cta{
  background: transparent;
  color: #DDCFA2;
  border-color: #DDCFA2;
}
.fg-drop-bar__cta{
  margin-left: 6px;
}
/* CTA pill: force perfect centering (especially on mobile) */
.fg-drop-bar__cta{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center;
  white-space: nowrap;

  line-height: 1 !important;          /* key: prevents baseline drift */
  min-height: 34px;                   /* keeps vertical centering consistent */
  padding: 9px 14px;                  /* matches pill feel */

  border-radius: 999px;
}

/* Color modes */
.fg-drop-bar--light { background: #DDD8D7; color: #000000; }
.fg-drop-bar--gold  { background: #DDCFA2; color: #000000; }
.fg-drop-bar--dark  { background: #66584F; color: #FFFFFF; border-bottom-color: rgba(255,255,255,.12); }

/* Timer styling (inherits your fg-drop-timer styles but keeps it compact) */
.fg-drop-timer--bar{
  margin-top: 0;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.35);
}

/* On dark bars, keep contrast clean */
.fg-drop-bar--dark .fg-drop-timer--bar{
  background: rgba(255,255,255,.12);
}

/* Collection: remove the pill styling from the timer */
.fg-drop-bar--collection .fg-drop-timer--bar {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* Constrained (card-width) collection drop bar */
.fg-drop-bar--collection {
  width: 100%;
  box-sizing: border-box;
  background: #DDCFA2;          /* your beige */
  border-radius: 6px;          /* optional, tweak to taste */
  padding: 10px 12px;
  margin-top: 12px;
  border: 0;                    /* kill any inherited divider */
}

/* Make the timer align like normal text (no pill bleed) */
.fg-drop-bar--collection .fg-drop-timer--bar {
  background: transparent !important;
  border: 0 !important;
    border-radius: 6px;          /* optional, tweak to taste */
  padding: .5rem !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

/* Typography sanity */
.fg-drop-bar--collection,
.fg-drop-bar--collection * {
  font-size: 12px;
  line-height: 1.1;
}

.fg-drop-timer__label{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 300;
}

.fg-drop-bar__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  padding: 10px 0; /* vertical only */
  box-sizing: border-box;
  margin: 6px !important
}

.fg-drop-bar--collection {
  border-radius: 6px !important;
  
}
.fg-drop-timer__label{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 300 !important;
}