.bf-countdown-wrap {
  max-width: 900px; /* oude 500px overschrijven */
  margin: 120px auto; /* ruimte boven en onder */
  padding: 0 1rem;
  box-sizing: border-box;
}

.bf-countdown-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap; /* mobiel: tekst boven timer */
}

/* Tekstblok */
.bf-text h2 {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.3;
}

/* Timer */
.bf-countdown {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
}

/* individuele unit (box + label) */
.bf-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 56px;
}

/* zwarte box met witte cijfers */
.bf-box {
  color: #ffffff;
  background: #414141;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 1;
  border-radius: 8px;
}

/* label onder elk vakje */
.bf-label {
  margin-top: 8px;
  font-size: 0.85rem;
  color: #222;
}

/* Responsive: smaller screens */
@media (max-width: 768px) {
  .bf-countdown-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
  .bf-countdown { justify-content: center; gap: 8px; }
  .bf-box { width: 64px; height: 64px; font-size: 1.8rem; }
  .bf-unit { min-width: 48px; }
}