@charset "UTF-8";
/* ============================================================
   PASEK KOSZTU - jeden tor wykresu: podpis + odcinki (acf/odcinek).
   Oba paski w sekcji mierzą się tą samą szerokością kontenera, więc
   różnica długości jest samą treścią - dlatego tor nie centruje odcinków
   ani nie rozciąga ich na siłę.

   Wysokość toru to metryka wykresu, nie odstęp - stąd dwie zmienne lokalne
   zamiast tokenu z theme.json.
   ============================================================ */
.tb-pasek-kosztow {
  --tor-h: clamp(64px, 7vw, 86px);
  /* Wysokość CAŁEGO toru na telefonie, nie pojedynczego odcinka - w pionie
     udział zamienia się na wysokość, więc tor musi mieć wymiar definitywny,
     żeby procenty miały się od czego liczyć. */
  --tor-h-pion: clamp(250px, 64vw, 320px);
}
.tb-pasek-kosztow__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  margin-bottom: var(--space-sm);
}
.tb-pasek-kosztow__tor {
  display: flex;
  gap: var(--space-xs);
  height: var(--tor-h);
}
.tb-pasek-kosztow {
  /* Odcinek bierze tyle toru, ile ma w polu „Udział w torze”.
     Reszta toru zjada to, co zostało - stąd flex: 1.

     Kurczenie WŁĄCZONE (`0 1`, nie `0 0`): udziały sumują się do 100%, a do
     tego dochodzą jeszcze odstępy między odcinkami. Przy zablokowanym
     kurczeniu ostatni odcinek wychodził poza tor dokładnie o sumę przerw. */
}
.tb-pasek-kosztow__tor > .tb-odcinek {
  flex: 0 1 var(--w, 18%);
}
.tb-pasek-kosztow__tor > .tb-odcinek--reszta {
  flex: 1 1 auto;
}
.tb-pasek-kosztow {
  /* Wjazd odcinków jeden po drugim. Numer w rzędzie bierzemy z nth-child,
     nie z pola - w edytorze między torem a odcinkiem siedzi jeszcze wrapper
     Gutenberga, więc liczymy `> *`, nie `> .tb-odcinek`. */
}
.tb-pasek-kosztow__tor > * {
  transform-origin: left;
}
.tb-pasek-kosztow__tor > *:nth-child(2) {
  --s: 1;
}
.tb-pasek-kosztow__tor > *:nth-child(3) {
  --s: 2;
}
.tb-pasek-kosztow__tor > *:nth-child(4) {
  --s: 3;
}
.tb-pasek-kosztow__tor > *:nth-child(5) {
  --s: 4;
}
.tb-pasek-kosztow__tor > *:nth-child(6) {
  --s: 5;
}

/* Animacja rusza dopiero, gdy reveal odsłoni pasek (.is-in). Bez tej klasy
   odcinki są po prostu widoczne - dzięki temu kanwa edytora, gdzie żaden
   obserwator scrolla nie chodzi, pokazuje pełny wykres. */
.tb-pasek-kosztow.is-in .tb-pasek-kosztow__tor > * {
  animation: tb-odcinek-wjazd 0.85s var(--ease-out) backwards;
  animation-delay: calc(var(--s, 0) * 110ms + 120ms);
}

@keyframes tb-odcinek-wjazd {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
}
/* ══════════════════════════════════════════════════════════════
   TOR POZIOMY W KANWIE EDYTORA

   Między torem a odcinkiem Gutenberg (i podgląd ACF) wstawiają własne
   wrappery. Wrapper nie zna `--w` z odcinka, więc na froncie wystarczy
   `flex-basis: var(--w)`, a w kanwie trzeba dobrać szerokość regułą pasującą
   do wartości pola - odcinek wypisuje ją w `data-w`.

   Reguły nie wymagają zawężania do edytora: na froncie odcinek jest
   bezpośrednim dzieckiem toru, a `:has([data-w])` szuka POTOMKA, więc
   tam nic nie łapią.
   ══════════════════════════════════════════════════════════════ */
@media only screen and (min-width: 761px) {
  /* Wrappery przepuszczają wysokość i szerokość do odcinka. */
  .tb-pasek-kosztow__tor > *:not(.tb-odcinek) {
    display: flex;
    min-width: 0;
  }
  .tb-pasek-kosztow__tor > *:not(.tb-odcinek) > *:not(.tb-odcinek) {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
  }
  .tb-pasek-kosztow__tor > *:not(.tb-odcinek) .tb-odcinek {
    flex: 1 1 auto;
    min-width: 0;
  }
  .tb-pasek-kosztow__tor > *:has(.tb-odcinek--reszta) {
    flex: 1 1 auto;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="1"]) {
    flex: 0 1 1%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="2"]) {
    flex: 0 1 2%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="3"]) {
    flex: 0 1 3%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="4"]) {
    flex: 0 1 4%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="5"]) {
    flex: 0 1 5%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="6"]) {
    flex: 0 1 6%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="7"]) {
    flex: 0 1 7%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="8"]) {
    flex: 0 1 8%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="9"]) {
    flex: 0 1 9%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="10"]) {
    flex: 0 1 10%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="11"]) {
    flex: 0 1 11%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="12"]) {
    flex: 0 1 12%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="13"]) {
    flex: 0 1 13%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="14"]) {
    flex: 0 1 14%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="15"]) {
    flex: 0 1 15%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="16"]) {
    flex: 0 1 16%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="17"]) {
    flex: 0 1 17%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="18"]) {
    flex: 0 1 18%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="19"]) {
    flex: 0 1 19%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="20"]) {
    flex: 0 1 20%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="21"]) {
    flex: 0 1 21%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="22"]) {
    flex: 0 1 22%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="23"]) {
    flex: 0 1 23%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="24"]) {
    flex: 0 1 24%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="25"]) {
    flex: 0 1 25%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="26"]) {
    flex: 0 1 26%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="27"]) {
    flex: 0 1 27%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="28"]) {
    flex: 0 1 28%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="29"]) {
    flex: 0 1 29%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="30"]) {
    flex: 0 1 30%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="31"]) {
    flex: 0 1 31%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="32"]) {
    flex: 0 1 32%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="33"]) {
    flex: 0 1 33%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="34"]) {
    flex: 0 1 34%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="35"]) {
    flex: 0 1 35%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="36"]) {
    flex: 0 1 36%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="37"]) {
    flex: 0 1 37%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="38"]) {
    flex: 0 1 38%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="39"]) {
    flex: 0 1 39%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="40"]) {
    flex: 0 1 40%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="41"]) {
    flex: 0 1 41%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="42"]) {
    flex: 0 1 42%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="43"]) {
    flex: 0 1 43%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="44"]) {
    flex: 0 1 44%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="45"]) {
    flex: 0 1 45%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="46"]) {
    flex: 0 1 46%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="47"]) {
    flex: 0 1 47%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="48"]) {
    flex: 0 1 48%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="49"]) {
    flex: 0 1 49%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="50"]) {
    flex: 0 1 50%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="51"]) {
    flex: 0 1 51%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="52"]) {
    flex: 0 1 52%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="53"]) {
    flex: 0 1 53%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="54"]) {
    flex: 0 1 54%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="55"]) {
    flex: 0 1 55%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="56"]) {
    flex: 0 1 56%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="57"]) {
    flex: 0 1 57%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="58"]) {
    flex: 0 1 58%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="59"]) {
    flex: 0 1 59%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="60"]) {
    flex: 0 1 60%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="61"]) {
    flex: 0 1 61%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="62"]) {
    flex: 0 1 62%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="63"]) {
    flex: 0 1 63%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="64"]) {
    flex: 0 1 64%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="65"]) {
    flex: 0 1 65%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="66"]) {
    flex: 0 1 66%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="67"]) {
    flex: 0 1 67%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="68"]) {
    flex: 0 1 68%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="69"]) {
    flex: 0 1 69%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="70"]) {
    flex: 0 1 70%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="71"]) {
    flex: 0 1 71%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="72"]) {
    flex: 0 1 72%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="73"]) {
    flex: 0 1 73%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="74"]) {
    flex: 0 1 74%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="75"]) {
    flex: 0 1 75%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="76"]) {
    flex: 0 1 76%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="77"]) {
    flex: 0 1 77%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="78"]) {
    flex: 0 1 78%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="79"]) {
    flex: 0 1 79%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="80"]) {
    flex: 0 1 80%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="81"]) {
    flex: 0 1 81%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="82"]) {
    flex: 0 1 82%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="83"]) {
    flex: 0 1 83%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="84"]) {
    flex: 0 1 84%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="85"]) {
    flex: 0 1 85%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="86"]) {
    flex: 0 1 86%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="87"]) {
    flex: 0 1 87%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="88"]) {
    flex: 0 1 88%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="89"]) {
    flex: 0 1 89%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="90"]) {
    flex: 0 1 90%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="91"]) {
    flex: 0 1 91%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="92"]) {
    flex: 0 1 92%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="93"]) {
    flex: 0 1 93%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="94"]) {
    flex: 0 1 94%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="95"]) {
    flex: 0 1 95%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="96"]) {
    flex: 0 1 96%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="97"]) {
    flex: 0 1 97%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="98"]) {
    flex: 0 1 98%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="99"]) {
    flex: 0 1 99%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="100"]) {
    flex: 0 1 100%;
  }
}
/* ══════════════════════════════════════════════════════════════
   TOR PIONOWY (telefon)

   Tor obraca się o ćwierć obrotu, ale ZOSTAJE jednym paskiem ceny: udział
   zamienia się na WYSOKOŚĆ odcinka, a każdy odcinek idzie na pełną szerokość.

   Wcześniej udział stawał się długością osobnego słupka i wykres tracił sens -
   pięć pasków obok siebie nie mówi już, że sumują się do jednej ceny, a
   `min-width` i tak zrównywał najmniejsze udziały, więc 16% wyglądało jak 32%.
   Cała teza sekcji („produkcja to 32%, reszta to marże") była nie do odczytania.

   Oba tory dostają tę samą wysokość, więc porównują się tak samo jak w poziomie.
   ══════════════════════════════════════════════════════════════ */
@media only screen and (max-width: 760px) {
  .tb-pasek-kosztow__tor {
    flex-direction: column;
    height: var(--tor-h-pion);
    gap: var(--space-xs);
  }
  /* Wrapper edytora ma przepuścić wysokość - udział liczy sam odcinek. */
  .tb-pasek-kosztow__tor > *:not(.tb-odcinek) {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
  }
  /* `flex-basis` liczy się od wysokości toru, bo kolumna ma wymiar
     definitywny. Kurczenie włączone: udziały sumują się do 100%, a odstępy
     między odcinkami dochodzą ponad to. */
  .tb-pasek-kosztow__tor .tb-odcinek {
    flex: 0 1 var(--w, 18%);
    width: auto;
    min-height: 0;
    border-radius: var(--radius-sm);
  }
  .tb-pasek-kosztow__tor .tb-odcinek--reszta {
    flex: 1 1 auto;
  }
  /* Najniższy odcinek to ~16% toru, czyli jeden wiersz tekstu - nazwa
     i dopisek nie zmieszczą się jeden pod drugim, więc idą w jedną linię:
     nazwa przy lewej krawędzi, dopisek przy prawej. */
  .tb-pasek-kosztow__tor .tb-odcinek__blocks {
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-sm);
  }
  /* Bez tego nazwa nie skróci się wielokropkiem: element siatki ma domyślnie
     `min-width: auto` i rozpycha wiersz zamiast ustąpić. */
  .tb-pasek-kosztow__tor .tb-odcinek__nazwa {
    min-width: 0;
  }
  /* Pusty kawałek toru nie ma dopisku - sam podpis siada na środku. */
  .tb-pasek-kosztow__tor .tb-odcinek--reszta .tb-odcinek__blocks {
    justify-content: center;
  }
  /* W kanwie edytora między torem a odcinkiem stoi wrapper Gutenberga, a ten
     nie zna `--w` z odcinka - to on jest teraz elementem układu, więc udział
     musi trafić na niego. Bierze się z `data-w`, dokładnie tak samo jak
     w torze poziomym wyżej. Na froncie odcinek jest bezpośrednim dzieckiem
     toru, a `:has()` szuka POTOMKA, więc te reguły tam nic nie łapią. */
  .tb-pasek-kosztow__tor > *:has([data-w="1"]) {
    flex: 0 1 1%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="2"]) {
    flex: 0 1 2%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="3"]) {
    flex: 0 1 3%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="4"]) {
    flex: 0 1 4%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="5"]) {
    flex: 0 1 5%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="6"]) {
    flex: 0 1 6%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="7"]) {
    flex: 0 1 7%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="8"]) {
    flex: 0 1 8%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="9"]) {
    flex: 0 1 9%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="10"]) {
    flex: 0 1 10%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="11"]) {
    flex: 0 1 11%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="12"]) {
    flex: 0 1 12%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="13"]) {
    flex: 0 1 13%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="14"]) {
    flex: 0 1 14%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="15"]) {
    flex: 0 1 15%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="16"]) {
    flex: 0 1 16%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="17"]) {
    flex: 0 1 17%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="18"]) {
    flex: 0 1 18%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="19"]) {
    flex: 0 1 19%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="20"]) {
    flex: 0 1 20%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="21"]) {
    flex: 0 1 21%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="22"]) {
    flex: 0 1 22%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="23"]) {
    flex: 0 1 23%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="24"]) {
    flex: 0 1 24%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="25"]) {
    flex: 0 1 25%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="26"]) {
    flex: 0 1 26%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="27"]) {
    flex: 0 1 27%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="28"]) {
    flex: 0 1 28%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="29"]) {
    flex: 0 1 29%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="30"]) {
    flex: 0 1 30%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="31"]) {
    flex: 0 1 31%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="32"]) {
    flex: 0 1 32%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="33"]) {
    flex: 0 1 33%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="34"]) {
    flex: 0 1 34%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="35"]) {
    flex: 0 1 35%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="36"]) {
    flex: 0 1 36%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="37"]) {
    flex: 0 1 37%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="38"]) {
    flex: 0 1 38%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="39"]) {
    flex: 0 1 39%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="40"]) {
    flex: 0 1 40%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="41"]) {
    flex: 0 1 41%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="42"]) {
    flex: 0 1 42%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="43"]) {
    flex: 0 1 43%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="44"]) {
    flex: 0 1 44%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="45"]) {
    flex: 0 1 45%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="46"]) {
    flex: 0 1 46%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="47"]) {
    flex: 0 1 47%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="48"]) {
    flex: 0 1 48%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="49"]) {
    flex: 0 1 49%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="50"]) {
    flex: 0 1 50%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="51"]) {
    flex: 0 1 51%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="52"]) {
    flex: 0 1 52%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="53"]) {
    flex: 0 1 53%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="54"]) {
    flex: 0 1 54%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="55"]) {
    flex: 0 1 55%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="56"]) {
    flex: 0 1 56%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="57"]) {
    flex: 0 1 57%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="58"]) {
    flex: 0 1 58%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="59"]) {
    flex: 0 1 59%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="60"]) {
    flex: 0 1 60%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="61"]) {
    flex: 0 1 61%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="62"]) {
    flex: 0 1 62%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="63"]) {
    flex: 0 1 63%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="64"]) {
    flex: 0 1 64%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="65"]) {
    flex: 0 1 65%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="66"]) {
    flex: 0 1 66%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="67"]) {
    flex: 0 1 67%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="68"]) {
    flex: 0 1 68%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="69"]) {
    flex: 0 1 69%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="70"]) {
    flex: 0 1 70%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="71"]) {
    flex: 0 1 71%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="72"]) {
    flex: 0 1 72%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="73"]) {
    flex: 0 1 73%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="74"]) {
    flex: 0 1 74%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="75"]) {
    flex: 0 1 75%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="76"]) {
    flex: 0 1 76%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="77"]) {
    flex: 0 1 77%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="78"]) {
    flex: 0 1 78%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="79"]) {
    flex: 0 1 79%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="80"]) {
    flex: 0 1 80%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="81"]) {
    flex: 0 1 81%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="82"]) {
    flex: 0 1 82%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="83"]) {
    flex: 0 1 83%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="84"]) {
    flex: 0 1 84%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="85"]) {
    flex: 0 1 85%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="86"]) {
    flex: 0 1 86%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="87"]) {
    flex: 0 1 87%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="88"]) {
    flex: 0 1 88%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="89"]) {
    flex: 0 1 89%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="90"]) {
    flex: 0 1 90%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="91"]) {
    flex: 0 1 91%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="92"]) {
    flex: 0 1 92%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="93"]) {
    flex: 0 1 93%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="94"]) {
    flex: 0 1 94%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="95"]) {
    flex: 0 1 95%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="96"]) {
    flex: 0 1 96%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="97"]) {
    flex: 0 1 97%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="98"]) {
    flex: 0 1 98%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="99"]) {
    flex: 0 1 99%;
  }
  .tb-pasek-kosztow__tor > *:has([data-w="100"]) {
    flex: 0 1 100%;
  }
  .tb-pasek-kosztow__tor > *:has(.tb-odcinek--reszta) {
    flex: 1 1 auto;
  }
}
/* ── wariant: tor Art of Office ──────────────────────────── */
.tb-pasek-kosztow--nasz .tb-pasek-kosztow__opis {
  color: var(--wp--preset--color--iris);
  font-weight: 600;
}