/* =========================
   BLOK: ODLICZANIE (Poprawiony)
   ========================= */

.odliczanie {
    /* Styl tła jest ustawiany inline przez PHP */
}

.odliczanie .container {
	width: 100%;
	max-width: 100%;
}

.odliczanie .flex-container {
	/* Na desktopie flex nie jest włączony, elementy układają się domyślnie */
}

.odliczanie .flex-container div.liczba {
	/* Szerokość jest ustawiana inline w HTML (calc(100% / 4)) */
	padding: 100px 0;
    /* Domyślny kolor tekstu (zostanie nadpisany przez inline <style>) */
	color: #FFF; 
}

.odliczanie .flex-container div.liczba span.liczba {
	display: block;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Inter;
	font-size: 96px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 105.6px */
	letter-spacing: -5.76px;
	margin: 0 auto;
    color: inherit; /* Dziedzicz kolor z dynamicznego stylu */
}

.odliczanie .flex-container div.liczba span.liczba span {
	display: inline-block;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Inter;
	font-size: 96px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 105.6px */
	letter-spacing: -5.76px;
    color: inherit; /* Dziedzicz kolor z dynamicznego stylu */
}

.odliczanie .flex-container div.liczba span.desc {
	display: block;
	margin: 32px auto 0 auto;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 135%; /* 27px */
	letter-spacing: -0.4px;
    color: inherit; /* Dziedzicz kolor z dynamicznego stylu */
}

.odliczanie .flex-container div.liczba:not(:last-of-type) {
	border-right: 1px solid #FFF; /* Kolor nadpisywany przez inline <style> */
}

/* =========================
 MOBILE FIRST OVERRIDES
 ========================= */
@media only screen and (max-width: 768px) {
 /* layout -> siatka 2 kolumny */
 .odliczanie .container { max-width: 100%; padding: 0 16px; }
 .odliczanie .flex-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
 }

  /* * TO JEST KLUCZOWA REGUŁA, KTÓREJ BRAKOWAŁO W TWOIM .liczby.
   * Musi tu być `!important`, aby nadpisać styl inline `width: calc(100%/4)`.
   */
  .odliczanie .flex-container>div.liczba {
    width: 100% !important; 
    box-sizing: border-box; 
    padding: 50px 0;
  }

  .odliczanie .flex-container .liczba span.liczba {
  	border: none !important;
  }

 /* Bordery w siatce 2xN: prawa krawędź tylko dla lewej kolumny */
 .odliczanie .flex-container>div.liczba:not(:last-of-type) {
  border-bottom: 1px solid rgba(255,255,255,0.6) !important; /* Kolor nadpisywany przez inline <style> */
 }
  /* Resetuj border-right z desktopa dla elementów parzystych */
  .odliczanie .flex-container>.liczba	 {
    border-right: none;
  }
}

/* Telefony „ciasne” – ok. 480px */
@media only screen and (max-width: 480px) {
 .odliczanie .container { padding: 0; }

  /* * Poniżej są reguły 1:1 z Twojego bloku .liczby (poprawiłem tylko
   * konflikty !important, aby zachować intencję).
   */

  /* Kopia reguły z .liczby */
 .odliczanie .flex-container { margin: 0 -6px; }

  /* Reset wszystkich borderów z tabletu/desktopu */
 .odliczanie .flex-container div.liczba {
  border: none !important;
 }

  /* Ustawienie 1 kolumny i dolnego separatora (kopia z .liczby) */
 .odliczanie .flex-container .liczba {
  width: 100% !important;   /* 1 kolumna */
  border-right: none !important; /* Na pewno bez prawego borderu */
  border-bottom: 1px solid rgba(255,255,255,0.6); /* Kolor nadpisywany */
 }
  /* Ostatni element bez bordera (kopia z .liczby) */
 .odliczanie .flex-container .liczba:last-child {
  border-bottom: none;
 }

  /* Kopia z .liczby */
 .odliczanie .flex-container div.liczba span.desc {
  font-size: 20px;
  margin-top: 32px;
 }
}

/* =========================
 DROBNE DOPRACOWANIA
 ========================= */

/* Wygaszamy „miganie” na dotyku */
@media (hover:hover) and (pointer:fine) {
 .odliczanie .flex-container .liczba:hover { filter: brightness(1.02); }
}

/* Szanuj preferencje „mniej ruchu” */
@media (prefers-reduced-motion: reduce) {
 .odliczanie * { transition: none !important; }
}