/* Ceny */
bdi,
.woocommerce-Price-amount {
  font-family: var(--wp--preset--font-family--lato)
}
/* Linki */

.wp-block-post-title>a,
.wc-block-grid__product-link {
  color: var(--wp--preset--color--ink);
  text-decoration-line: none;
}

/* Formatowanie cen */
.wc-block-formatted-money-amount,
.wc-block-components-product-price {
  font-family: var(--wp--preset--font-family--lato);
  color: var(--wp--preset--color--ink);
}
/* Siatka produktow na telefonie — jedna kolumna, nie dwie.
 *
 * WooCommerce ma w swojej regule twardy prog 150 px
 * (`minmax(max(150px, 33.3333% - 0.83333em), 1fr)`), wiec przy 390 px szerokosci
 * `auto-fill` uklada DWIE kolumny po 153 px. Zmierzone: karta 153 px lamie
 * podpis przycisku i sciska cene. Strony kategorii, ktore ida przez zwykla
 * petle, daja w tym samym miejscu jedna kolumne 367 px — czyli sklep byl
 * niespojny sam ze soba. Prog nie jest atrybutem bloku, wiec jedyne wejscie
 * to wlasna regula.
 *
 * ⚠️ Selektor MUSI powtarzac klase `columns-N`. Pierwsza wersja tej reguly
 * uzywala samego `.wc-block-product-template__responsive` i **nie zadzialala**:
 * regula WooCommerce ma dwie klasy, wiec wygrywa specyficznoscia niezaleznie
 * od kolejnosci arkuszy. Zmierzone w przegladarce, nie zalozone. */
@media (max-width: 480px) {
	.wc-block-product-template__responsive.columns-2,
	.wc-block-product-template__responsive.columns-3,
	.wc-block-product-template__responsive.columns-4,
	.wc-block-product-template__responsive.columns-5,
	.wc-block-product-template__responsive.columns-6 {
		grid-template-columns: 1fr;
	}
}