/* ============================================================
   vc-typography.css — P3 (nagłówki) + P4 (promień kart)
   Ujednolica rozjazd rozmiarów H2 i border-radius kart do tokenów
   z vc-tokens.css. Metoda override (!important), bez edycji inline
   w pliku HTML — w pełni odwracalne. Patrz [[design-token-system-unused]].
   Zakres: linkowany tylko tam, gdzie potrzebny (start: oferty.html).
   ============================================================ */

/* — P3: nagłówki sekcji (h2 bez klasy) → kanoniczny token —
   Mobile-scope: na desktopie zostawiamy zaprojektowaną hierarchię
   (duże nagłówki feature), na mobile zbijemy rozjazd 24–38px do jednego. */
@media (max-width: 768px) {
  h2:not([class]) {
    font-size: var(--vc-fs-h2) !important;
    line-height: var(--vc-lh-heading);
  }
}

/* — P4: promień kart → skala tokenowa (wszystkie szerokości; radius
   nie wpływa na rozmiar boxa, więc bezpieczne). Pigułki (999px) i
   elementy wewnętrzne (0px) pozostają nietknięte. */
.listing-card,
.a-card,
.catalog-card,
.adpt__card,
.vc-promo__card {
  border-radius: var(--vc-radius-md) !important;   /* 12px — kontenery kart */
}

.listing-card__badge,
.listing-card__specs-table,
.listing-card__btn-primary,
.listing-card__btn-fb,
.catalog-card__hover-cta {
  border-radius: var(--vc-radius-sm) !important;   /* 8px — chipy/przyciski/tabele */
}