#counter-container {
  text-align: center;
  margin: 1.1vw 0;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}

#countdown {
  font-family: Arial, sans-serif;
  color: #ddd;
  font-size: 1vw; /* Początkowa wielkość tekstu */
  font-weight: bold;
  display: flex;
  justify-content: center;
  gap: 0.3vw;
  flex-wrap: wrap; /* Automatyczne dostosowanie do szerokości */
}

#countdown span {
  padding: 0.6vw;
  border: 2px solid #222;
  border-radius: 6px;
  min-width: 1.8vw; /* Minimalna szerokość każdego segmentu */
  text-align: center;
  flex: 1; /* Dopasowanie do szerokości kontenera */
  background-color: #555;
}

h3 {
  font-family: Arial, sans-serif;
  color: #ddd;
  font-size: 1.1vw; /* Początkowa wielkość tekstu */
  font-weight: bold;
}