/* Контейнер таймера */
.timer {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Группа (например, Дни / Часы) */
.group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Контейнер цифр внутри группы */
.digits {
  display: flex;
  gap: 5px;
}

/* Каждая цифра */
.digit {
  position: relative;
  width: clamp(30px, 10vw, 60px);
  height: clamp(45px, 15vw, 90px);
  background: #0A1B2F;
	background: linear-gradient(0deg,rgba(10, 27, 47, 1) 0%, rgba(2, 36, 71, 1) 49%, rgba(10, 27, 47, 1) 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(20px, 8vw, 50px);
  font-weight: bold;
  color: #fff;

  overflow: hidden;
}

/* Линия посередине */
.digit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px; /* немного толще */
  transform: translateY(-50%);
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.15) 0%,
    rgba(0,0,0,0.6) 50%,
    rgba(255,255,255,0.15) 100%
  );
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
              inset 0 -1px 1px rgba(0,0,0,0.6);
}


/* Боковые крепления */
.digit::before {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: -5px;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(#888,#444);
}
.digit span::before {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  right: -5px;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(#888,#444);
}

/* Подписи */
.label {
  text-align: center;
  font-size: clamp(10px, 3vw, 14px);
  margin-top: 5px;
	font-weight: 700;
}