/* ─── Countdown Wrapper ─────────────────────────────── */
.countdown-wrapper {
  margin: 56px 0 0;
  animation: fadeUp 1s 0.9s ease both;
}

.countdown-label {
  font-size: 9px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: rgba(200, 168, 75, 0.55);
  margin-bottom: 26px;
  font-weight: 600;
}

/* ─── Countdown Grid ────────────────────────────────── */
.countdown {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  justify-content: center;
}

/* ─── Count Block (card) ────────────────────────────── */
.count-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(200, 168, 75, 0.35);
  border-radius: 6px;
  padding: 20px 20px 14px;
  min-width: 76px;
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}

/* Gold top shimmer line on each card */
.count-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(200, 168, 75, 0.6), transparent);
}

/* ─── Count Number ──────────────────────────────────── */
.count-num {
  font-family: var(--font-serif);
  font-size: 52px;
  font-weight: 300;
  line-height: 1;
  color: var(--cream);
  min-width: 56px;
  text-align: center;
}

/* ─── Count Unit Label ──────────────────────────────── */
.count-unit {
  font-size: 8px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(200, 168, 75, 0.6);
  font-weight: 600;
}

/* ─── Separator dot ─────────────────────────────────── */
.count-sep {
  font-family: var(--font-serif);
  font-size: 38px;
  color: var(--gold);
  opacity: 0.3;
  line-height: 1;
  margin-top: 14px;
  font-weight: 300;
}