/* Cardinity — czytelnosc napisow na zoltych tlach.
   Prototyp projektowaliśmy na dużym ekranie; na żywej stronie napisy
   10 px o grubości 600, rozstrzelone i wersalikami, na jaskrawej żółci
   robią się męczące. Nie zmieniamy palety — poprawiamy sam napis:
   większy stopień, grubszy rysunek liter, ciaśniejszy odstęp. */

.cd-pill,
.cd-topbar a,
a[class*="cd-pill"] {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* pigułka koszyka i główne przyciski akcji */
.cd-cta,
.cd-buy,
.cd-dolny-pasek a {
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}
.cd-cta { font-size: 13.5px !important; }
.cd-buy { font-size: 11.5px !important; }

/* Na żółtym tle tekst ma być możliwie ciemny — czysta czerń czyta się
   najlepiej, a przy cienkich krojach różnica jest widoczna gołym okiem. */
.cd-cta,
.cd-buy,
.cd-pill,
.cd-dolny-sklep {
  color: #000000 !important;
  -webkit-text-fill-color: #000000;
}

/* plakietki („BOX", „NOWOŚĆ", „OSTATNIE SZTUKI") bywają 9–10 px */
.cd-badge {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

/* liczba przy koszyku — czytelna także przy dwóch cyfrach */
.cd-cta[href*="koszyk"] span,
a[href*="koszyk"] > span {
  font-weight: 700 !important;
}

@media (max-width: 720px) {
  .cd-pill { font-size: 12px !important; }
  .cd-cta { font-size: 13px !important; }
}

/* --- pigulka „Odbierz znizke" w pasku gornym --------------------------
   Pigulka jest pozycjonowana absolutnie wzgledem paska gornego, ale sam
   pasek nie mial `position: relative`. Kotwiczyla sie wiec do calej strony
   i na stronie produktu ladowala nad przyciskiem „Do koszyka". */
div:has(> div > a.cd-pill) { position: relative; }