/*
 * Klasy specyficzne dla /ulubione, ktorych nie ma w styl.css ani w
 * substancja.css (uzyty tu wylacznie po linku w ulubione.html, dla
 * wspolnych .card/.split -- ten sam wzorzec co producent.css i roslinne.css).
 */

/* Kalkulator koszyka: dwie karty obok siebie na szerszym ekranie, jedna pod
   druga na waskim. Wlasna klasa zamiast .split z substancja.css, bo karta
   tu niesie liste brakujacych pozycji i date pomiaru, wiec potrzebuje
   wiecej pionowego miejsca niz kafel liczby. */
.koszyk-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.koszyk-karta{background:var(--karta);border:1px solid var(--kreska);border-radius:var(--r);padding:16px 18px}
.koszyk-karta h3{margin:4px 0 10px;font-size:1.05rem}
.koszyk-suma{font-family:var(--dane);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}
.koszyk-pokrycie{font-size:.83rem;color:var(--cichy);margin:8px 0 0}
.koszyk-brak{font-size:.78rem;color:var(--cichy);margin:6px 0 0;line-height:1.45}
.koszyk-data{font-size:.74rem;color:var(--cichy);margin:10px 0 0}

/* jedyna liczba, ktora w tej sekcji naprawde cos mowi (zlecenie): wlasne tlo,
   zeby nie zginela miedzy dwiema kartami nad nia */
.koszyk-roznica{font-size:.88rem;line-height:1.5;padding:11px 13px;border:1px solid var(--kreska);
  border-radius:var(--r);background:var(--papier-2);margin:0 0 8px}