/* Sekcje pod produktem: About z opisem, opinie jako przesuwane karty (plan poprawek strony produktu, B6; makiety
   e1-zlozenie, e2-zlozenie, s8-jedna-opinia, de1-zlozenie, de2-zlozenie, s6-de). Ladowany tylko na stronie produktu
   z inc/produkt-sekcje.php. Zakladki WooCommerce zeszly (1C): opis i opinie stoja jedno pod drugim, PRZED polecanymi.

   KARUZELA (.lk-karuzela) to jeden komponent, ktory B7 uzywa drugi raz dla polecanych. Rozmiar elementu daje zmienna
   --lk-el-szer na wrapperze (modyfikator, np. .lk-karuzela--opinie), odstep --lk-el-odstep. Kierunek pisma bierze z
   dokumentu: wlasciwosci logiczne, bez regul fizycznych lewo/prawo. */

/* --- Miejsce w siatce strony produktu --------------------------------------------------------------------------- */

.woocommerce div.product > .lk-sekcje {
  grid-column: 1 / -1;
  min-width: 0;
  /* Siatka daje 32 px odstepu nad sekcja; makieta chce 36 px na telefonie i 56 px na komputerze od bloku zakupu. */
  margin-block-start: 4px;
}

/* Telefon: strona produktu to kolumnowy flex z kolejnoscia (liikye-konfigurator.css: .related ma order 5). Sekcje
   dostaja ten sam numer, a o ich miejscu przed polecanymi decyduje dokument (hak 10 kontra 20). align-self, bo flex
   strony nie rozciaga dzieci. */
@media (max-width: 900px) {
  .woocommerce div.product > .lk-sekcje {
    order: 5;
    align-self: stretch;
  }
}

@media (min-width: 901px) {
  .woocommerce div.product > .lk-sekcje { margin-block-start: 24px; }
}

/* Kreska nad polecanymi (makieta: linia miedzy opiniami a "Related products"). */
.lk-sekcje ~ section.related {
  padding-block-start: 32px;
  border-block-start: 1px solid var(--lk-linia);
}

@media (min-width: 901px) {
  .lk-sekcje ~ section.related {
    margin-block-start: 16px;
    padding-block-start: 48px;
  }
}

/* --- Sekcja: tytul, kreska miedzy sekcjami ---------------------------------------------------------------------- */

.lk-sekcja__tytul {
  margin: 0;
  font-family: var(--lk-font-naglowek);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--lk-tusz);
  text-wrap: auto;
}

.lk-opis + .lk-opinie {
  margin-block-start: 32px;
  padding-block-start: 32px;
  border-block-start: 1px solid var(--lk-linia);
}

@media (min-width: 901px) {
  .lk-sekcja__tytul { font-size: 30px; }

  .lk-opis + .lk-opinie {
    margin-block-start: 48px;
    padding-block-start: 48px;
  }
}

/* --- About ------------------------------------------------------------------------------------------------------- */

.lk-opis__tresc {
  margin-block-start: 14px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--lk-tusz-2);
}

.lk-opis__tresc > :first-child { margin-block-start: 0; }
.lk-opis__tresc > :last-child { margin-block-end: 0; }
.lk-opis__tresc p { margin: 12px 0 0; }
.lk-opis__tresc p:first-child { margin-block-start: 0; }

@media (min-width: 901px) {
  .lk-opis__tresc {
    max-width: 760px;
    margin-block-start: 16px;
    font-size: 16px;
    line-height: 1.65;
  }
}

/* --- Opinie: naglowek -------------------------------------------------------------------------------------------- */

.lk-opinie__glowa {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "tytul akcje"
    "podsum podsum";
  align-items: center;
  column-gap: 16px;
}

.lk-opinie__glowa .lk-sekcja__tytul { grid-area: tytul; }

.lk-opinie__akcje {
  grid-area: akcje;
  display: flex;
  align-items: center;
  gap: 16px;
}

.lk-opinie__dodaj {
  font-family: var(--lk-font-naglowek);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: var(--lk-akcent-tekst);
  text-decoration: none;
  white-space: nowrap;
  text-align: end;
  /* Pole dotyku min. 44 px (15 px napisu + 2 x 15 px), bez zmiany ukladu: ujemny margines oddaje te sama wysokosc. */
  padding-block: 15px;
  margin-block: -15px;
}

.lk-opinie__podsumowanie {
  grid-area: podsum;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-block-start: 10px;
}

.lk-opinie__ocena {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lk-opinie__gwiazdki,
.lk-opinia__gwiazdki {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--star-fill);
}

.lk-opinie__gwiazdki .jest-pusta,
.lk-opinia__gwiazdki .jest-pusta { color: var(--lk-linia); }

.lk-opinie__srednia {
  font-family: var(--lk-font-naglowek);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  color: var(--lk-tusz);
}

.lk-opinie__liczba {
  font-size: 14px;
  color: var(--text-muted);
}

.lk-opinie__weryf {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: 13px;
  color: var(--lk-przygaszony);
}

/* Wiersz Omnibus jest przyciskiem (summary): cel dotyku min. 24 px (WCAG 2.5.8). Dodatek 3 + 3 px oddaje ujemny margines,
   wiec wyglad i uklad wiersza zostaja bez zmian. */
summary.lk-opinie__weryf {
  padding-block: 3px;
  margin-block: -3px;
}

.lk-opinie__ocena + .lk-opinie__weryf,
.lk-opinie__ocena + .lk-opinie__omnibus-blok > summary { margin-inline-start: 4px; }

.lk-opinie__weryf .lk-ikona { flex: none; color: var(--lk-akcent); }

/* Informacja Omnibus: wiersz "Verified buyers only" jest podsumowaniem <details>, zdanie wtyczki rozwija sie pod nim
   (po rozwinieciu blok zajmuje cala szerokosc wiersza, zeby tekst nie stal w waskiej kolumnie). */
.lk-opinie__omnibus-blok { min-width: 0; }
.lk-opinie__omnibus-blok[open] { flex: 0 0 100%; }

summary.lk-opinie__weryf {
  cursor: pointer;
  list-style: none;
}

summary.lk-opinie__weryf::-webkit-details-marker { display: none; }

summary.lk-opinie__weryf:focus-visible {
  outline: 2px solid var(--lk-akcent);
  outline-offset: 3px;
  border-radius: 6px;
}

summary.lk-opinie__weryf .lk-ikona:last-child {
  color: var(--text-muted);
  transition: transform .15s ease;
}

.lk-opinie__omnibus-blok[open] summary.lk-opinie__weryf .lk-ikona:last-child { transform: rotate(180deg); }

.lk-opinie__omnibus {
  margin-block-start: 8px;
  padding: 10px 12px;
  background: var(--lk-papier-2);
  border-radius: var(--lk-r-2);
  font-size: 13px;
  line-height: 1.5;
  color: var(--lk-przygaszony);
}

/* Zdanie jest blokiem (div): wp_kses_post przepuszcza <p>, a akapit w <span> to niepoprawny HTML. */
.lk-opinie__omnibus-zdanie p { margin: 0; }
.lk-opinie__omnibus-zdanie p + p { margin-block-start: 6px; }

.lk-opinie__omnibus strong {
  display: block;
  font-family: var(--lk-font-naglowek);
  font-weight: 700;
  color: var(--lk-tusz);
}

.lk-opinie__omnibus a {
  display: inline-block;
  margin-block-start: 4px;
  color: var(--lk-akcent-tekst);
  font-weight: 700;
}

@media (min-width: 901px) {
  .lk-opinie__glowa {
    grid-template-areas:
      "tytul akcje"
      "podsum akcje";
  }

  .lk-opinie__akcje { align-self: end; }

  .lk-opinie__ocena + .lk-opinie__weryf,
  .lk-opinie__ocena + .lk-opinie__omnibus-blok > summary { margin-inline-start: 8px; }

  .lk-opinie__dodaj {
    display: inline-flex;
    align-items: center;
    height: 44px;
    margin-block: 0;
    padding: 0 20px;
    border: 2px solid var(--lk-akcent);
    border-radius: 12px;
    background: var(--lk-papier);
    font-size: 16px;
  }

  .lk-opinie__dodaj:hover { background: var(--lk-akcent-tlo); }
}

.lk-opinie__dodaj:focus-visible { outline: 2px solid var(--lk-akcent); outline-offset: 2px; }

/* --- Opinie: pusty stan (ramka ciagla, nie przerywana) ----------------------------------------------------------- */

.lk-opinie__pusty {
  margin-block-start: 16px;
  padding: 24px 18px;
  text-align: center;
  background: var(--lk-papier-2);
  border: 1px solid var(--ink-100);
  border-radius: var(--lk-r-3);
}

.lk-opinie__pusty-gwiazdki {
  display: inline-flex;
  gap: 2px;
  color: var(--lk-linia);
}

.lk-opinie__pusty p {
  margin: 10px 0 0;
  font-family: var(--lk-font-naglowek);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--lk-tusz);
}

@media (min-width: 901px) {
  .lk-opinie__pusty {
    margin-block-start: 24px;
    padding: 36px 18px;
  }

  .lk-opinie__pusty p {
    margin-block-start: 12px;
    font-size: 18px;
  }
}

/* --- Karuzela (wspolna: opinie B6, polecane B7) ------------------------------------------------------------------ */

.lk-karuzela {
  --lk-el-szer: 290px;
  --lk-el-odstep: 12px;
  position: relative;
  margin-block-start: 16px;
}

.lk-karuzela__tor {
  display: flex;
  gap: var(--lk-el-odstep);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.lk-karuzela__tor::-webkit-scrollbar { display: none; }

.lk-karuzela__tor:focus-visible { outline: 2px solid var(--lk-akcent); outline-offset: 2px; }

.lk-karuzela__el {
  flex: 0 0 var(--lk-el-szer);
  min-width: 0;
  scroll-snap-align: start;
}

/* Jeden element na telefonie: na cala szerokosc kolumny (makieta s8). Na komputerze zostaje 330 px jak przy wielu. */
@media (max-width: 900px) {
  .lk-karuzela__el:only-child { flex-basis: 100%; }
}

/* Ponizej szerokosci kontenera strony karuzela wychodzi do krawedzi ekranu, a pierwszy element zaczyna sie w linii
   z trescia (padding = margines boczny kontenera motywu). */
@media (max-width: 1199px) {
  .lk-karuzela__tor {
    margin-inline: calc(var(--lk-margines-boczny) * -1);
    padding-inline: var(--lk-margines-boczny);
    scroll-padding-inline: var(--lk-margines-boczny);
  }
}

.lk-karuzela__kropki {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-block-start: 16px;
}

.lk-karuzela__kropka {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--lk-linia);
  transition: width .2s ease, background-color .2s ease;
}

.lk-karuzela__kropka.jest-aktywna {
  width: 18px;
  background: var(--lk-akcent);
}

/* Strzalki: tylko komputer, i tylko gdy jest co przewijac (skrypt dodaje .jest-widoczne). */
.lk-karuzela__strzalki {
  display: none;
  gap: 8px;
}

.lk-karuzela__strzalka {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--lk-linia);
  border-radius: 50%;
  background: var(--lk-papier);
  color: var(--lk-tusz);
  cursor: pointer;
}

/* Najechanie tylko pod mysza (M2): po dotknieciu na telefonie tlo zostawaloby przyciemnione. */
@media (hover: hover) {
  .lk-karuzela__strzalka:hover:not([aria-disabled="true"]) { background: var(--lk-papier-2); }
}
.lk-karuzela__strzalka:focus-visible { outline: 2px solid var(--lk-akcent); outline-offset: 2px; }
.lk-karuzela__strzalka[aria-disabled="true"] { opacity: .4; cursor: default; }

[dir="rtl"] .lk-karuzela__strzalka .lk-ikona { transform: scaleX(-1); }

@media (min-width: 901px) {
  .lk-karuzela {
    --lk-el-szer: 330px;
    --lk-el-odstep: 20px;
    margin-block-start: 24px;
  }

  .lk-karuzela__kropki { display: none; }

  .lk-karuzela__strzalki.jest-widoczne { display: inline-flex; }
}

@media (prefers-reduced-motion: no-preference) {
  .lk-karuzela__tor { scroll-behavior: smooth; }
}

/* --- Karta opinii ------------------------------------------------------------------------------------------------ */

.lk-opinia {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--lk-papier);
  border: 1px solid var(--lk-linia);
  border-radius: var(--lk-r-3);
  color: var(--lk-tusz-2);
  font-size: 15px;
  line-height: 1.5;
}

.lk-opinia__gora {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.lk-opinia__data {
  font-size: 12px;
  color: var(--text-muted);
}

.lk-opinia__tytul {
  display: block;
  margin-block-start: 12px;
  font-family: var(--lk-font-naglowek);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--lk-tusz);
  overflow-wrap: anywhere;
}

.lk-opinia__tresc {
  min-height: 72px;
  margin-block-start: 12px;
}

.lk-opinia__tytul + .lk-opinia__tresc { min-height: 0; margin-block-start: 6px; }

.lk-opinia__tekst { overflow-wrap: anywhere; }
.lk-opinia__tekst p { margin: 0; }

/* Dlugi tekst: skrypt zaklada przyciecie dopiero, gdy dziala (bez skryptu tekst jest caly). */
.lk-karuzela--js .lk-opinia__tekst--dlugi:not(.jest-rozwiniety) p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden;
}

.lk-opinia__wiecej {
  display: none;
  margin-block-start: 6px;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--lk-font-naglowek);
  font-size: 14px;
  font-weight: 700;
  color: var(--lk-akcent-tekst);
  cursor: pointer;
}

.lk-karuzela--js .lk-opinia__wiecej { display: inline-block; }
.lk-karuzela--js .lk-opinia__wiecej[hidden] { display: none; }

.lk-opinia__wiecej:focus-visible { outline: 2px solid var(--lk-akcent); outline-offset: 2px; }

.lk-opinia__odp {
  margin-block-start: 12px;
  padding: 10px 12px;
  background: var(--lk-papier-2);
  border-radius: var(--lk-r-2);
  font-size: 14px;
}

.lk-opinia__odp-autor {
  display: block;
  margin-block-end: 2px;
  font-family: var(--lk-font-naglowek);
  font-size: 13px;
  font-weight: 700;
  color: var(--lk-tusz);
}

.lk-opinia__odp p { margin: 0; }

.lk-opinia__autor {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-block-start: auto;
  padding-block-start: 14px;
}

.lk-opinia__awatar {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--lk-akcent-tlo);
  color: var(--lk-akcent-tekst);
  font-family: var(--lk-font-naglowek);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.lk-opinia__imie {
  display: block;
  font-family: var(--lk-font-naglowek);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--lk-tusz);
}

.lk-opinia__weryf {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--lk-przygaszony);
}

.lk-opinia__weryf .lk-ikona { flex: none; color: var(--lk-akcent); }

/* Fragment opinii usuniety przez moderatora (znacznik [cenzura] zamieniany przez wtyczke na span): wyglad jak we wtyczce,
   kolory z tokenow motywu (tekst --lk-tusz-2: kontrast min. 4,5:1 na jasnym tle znacznika); podpowiedz z data-tooltip pokazuje sie przy najechaniu (tekst spanu mowi to samo bez niej). */
.cr-content-censored {
  display: inline;
  padding: 2px 8px;
  background: var(--lk-akcent-tlo);
  color: var(--lk-tusz-2);
  border-radius: 4px;
  font-size: .85em;
  font-style: italic;
  font-weight: 500;
}

/* Opinia w trakcie weryfikacji: data i dwie linie, bez oceny i tresci. */
.lk-opinia--oczekuje { background: var(--lk-papier-2); }
.lk-opinia__info { margin: 12px 0 0; font-size: 14px; }
.lk-opinia__info strong { color: var(--lk-tusz); }

@media (min-width: 901px) {
  .lk-opinia__tresc { min-height: 48px; }
}

/* --- Opinie: filtr i strony -------------------------------------------------------------------------------------- */

.lk-opinie__filtr {
  margin: 16px 0 0;
  font-size: 14px;
}

.lk-opinie__filtr a { color: var(--lk-akcent-tekst); font-weight: 700; }

.lk-opinie__strony {
  margin-block-start: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.lk-opinie__strony .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--lk-linia);
  border-radius: 999px;
  color: var(--lk-tusz);
  text-decoration: none;
}

.lk-opinie__strony .page-numbers.current {
  border-color: var(--lk-akcent);
  background: var(--lk-akcent-tlo);
  color: var(--lk-akcent-tekst);
  font-weight: 700;
}

.lk-opinie__strony-info { color: var(--text-muted); }

/* --- Polecane (B7, makiety 3C i D2A) ----------------------------------------------------------------------------- */

/* Miejsce w siatce strony produktu: sekcja jest elementem siatki (komputer) i kolumnowego flexa (telefon, align-items: start),
   wiec bez min-width: 0 i rozciagniecia szerokosc wyznaczalyby karty w jednym rzedzie (4 x 200 px), a strona przewijalaby sie
   w poziomie. Rozciagniecie jak przy .lk-sekcje; kolejnosc (order: 5) i grid-column daje arkusz konfiguratora. */
.woocommerce div.product > .lk-polecane { min-width: 0; }

@media (max-width: 900px) {
  .woocommerce div.product > .lk-polecane { align-self: stretch; }
}

/* Naglowek: tytul z lewej, strzalki karuzeli z prawej (strzalki widoczne tylko na komputerze, gdy jest co przewijac). */
.lk-polecane__glowa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.lk-polecane__glowa .lk-sekcja__tytul { min-width: 0; }

/* Rozmiar karty: 200 px na telefonie; na komputerze cztery w rzedzie na cala kolumne (kolumna 1120 px daje 265 px), ale
   nie mniej niz 220 px: na wezszym ekranie karuzela sie przewija i strzalki sa potrzebne. Specyficznosc (0-2-0) wyzsza niz
   domyslne reguly karuzeli, wiec modyfikator wygrywa takze w zapytaniu mediowym. */
.lk-karuzela.lk-karuzela--polecane {
  --lk-el-szer: 200px;
  --lk-el-odstep: 12px;
}

/* Polecane nie maja kropek (plansza ich nie rysuje), a pojedyncza karta zostaje 200 px zamiast rozciagac sie na kolumne. */
.lk-karuzela--polecane .lk-karuzela__el:only-child { flex-basis: var(--lk-el-szer); }

@media (min-width: 901px) {
  .lk-karuzela.lk-karuzela--polecane {
    --lk-el-szer: max(220px, calc((100% - 3 * var(--lk-el-odstep)) / 4));
    --lk-el-odstep: 20px;
    margin-block-start: 20px;
  }
}

/* Karta: ramka 1 px, promien 20 px (token karty), zdjecie na jasnym tle, tekst pod spodem. Cala karta jest linkiem. */
.lk-pol {
  display: flex;
  background: var(--lk-papier);
  border: 1px solid var(--lk-linia);
  border-radius: var(--lk-r-3);
  overflow: hidden;
  transition: box-shadow var(--lk-czas) var(--lk-ease), border-color var(--lk-czas) var(--lk-ease);
}

@media (hover: hover) {
  .lk-pol:hover {
    box-shadow: var(--lk-cien-2);
    border-color: transparent;
  }
}

/* Obwodka akcentu tylko przy fokusie z klawiatury (focus-visible linku), nie po kliknieciu myszka (B7, recenzja koncowa). */
.lk-pol:has(.lk-pol__link:focus-visible) { border-color: var(--lk-akcent); }

/* Cien karty pod mysza (shadow-md: 0 8px 24px, czyli 16 px w gore i 32 px w dol) byl przycinany przez tor: przewijanie w poziomie
   przycina tez w pionie. Tor polecanych dostaje miejsce na cien w pionie, a ujemny margines oddaje je z powrotem, wiec uklad
   strony sie nie zmienia. */
.lk-karuzela--polecane .lk-karuzela__tor {
  padding-block: 16px 32px;
  margin-block: -16px -32px;
}

.lk-pol__link {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.lk-pol__link:focus-visible {
  outline: 2px solid var(--lk-akcent);
  outline-offset: -2px;
  border-radius: var(--lk-r-3);
}

/* Zdjecie: 172 px na telefonie, 190 px na komputerze; obrazek 88 px wyrownany do srodka powyzej pigulki (26 px na dole). */
.lk-pol__foto {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  height: 172px;
  padding-block-end: 26px;
  background: var(--lk-papier-2);
}

.lk-pol__foto .lk-pol__obraz {
  display: block;
  width: 88px;
  max-width: none;
  height: 88px;
  margin: 0;
  border-radius: 0;
  object-fit: contain;
}

/* Pigulka kategorii (ksztalt z inc/kategoria-znak.php i liikye-woo.css) w wersji malej: 12 px, ikona 16 px, 8 px od rogu.
   Wlasciwosci logiczne, wiec w arabskim stoi przy prawej krawedzi. */
.lk-pol__foto .lk-znak-kategorii {
  inset-block-end: 8px;
  inset-inline-start: 8px;
  gap: 5px;
  padding-block: 4px;
  padding-inline: 5px 10px;
}

.lk-pol__foto .lk-znak-kategorii img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
}

.lk-pol__foto .lk-znak-kategorii__nazwa { font-size: 12px; }

.lk-pol__tr {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px 12px 14px;
  text-align: start;
}

.lk-pol__nazwa {
  margin: 0;
  font-family: var(--lk-font-naglowek);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--lk-tusz);
  text-wrap: auto;
  overflow-wrap: anywhere;
}

/* Cena OD: "from" przygaszone 13 px, kwota 16 px pogrubiona; stoi na dole karty, wiec przy nazwach o roznej dlugosci
   (jedna i dwie linie) ceny sa w jednej linii. Miedzy "from" a kwota jest zwykla spacja w znacznikach. */
.lk-pol__cena {
  display: block;
  margin-block-start: auto;
  padding-block-start: 6px;
  font-size: 13px;
  line-height: 1.2;
  color: var(--text-muted);
}

.lk-pol__cena .lk-cena__kwota {
  font-family: var(--lk-font-naglowek);
  font-size: 16px;
  font-weight: 700;
  color: var(--lk-tusz);
}

@media (min-width: 901px) {
  .lk-pol__foto { height: 190px; }

  .lk-pol__tr { padding: 14px 16px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .lk-pol { transition: none; }
}