article {
	background: var(--kolor-tla-kategorii);
}
.oKat {
	margin: var(--o) 0;
	overflow: hidden;
}
.oKat_f {
	margin: 0 var(--o-minus);
	text-align: center;
}
.oKat p {
	margin-bottom: var(--o);
}



.kwadraty_flex {
}
.kwadraty_li {
	margin-top: var(--o-x2);
	padding: 0 var(--o);
}
.kwadrat_a {
	background: var(--kolor-bialy);
	color: inherit;
	text-decoration: unset;
	display: block;
	position: relative;
}
.kwadrat_foto {
	line-height: 0;
}
.kwadrat_pr {
	padding: var(--o);
}
.kwadrat_h {
	font-weight: var(--font-weight-bold);
	text-align: center;
	font-size: 120%;
}


.kwadrat_intro {
	margin: var(--o) 0;
}
.pi {
	justify-content: flex-start;
	margin-top: var(--o-pol);
}



.pola_cena {
	margin-top: var(--o);
	flex-direction: column;
	font-weight: var(--font-weight-bold);
	font-size: 120%;
}

.dalej_svg {
	width: var(--o-x2);
	height: var(--o-x2);
	padding: var(--o-pol);
}

.kwadrat_a:hover {

}
.kwadrat_a:hover img {

}


@media (min-width: 390px) {
.kwadrat_foto {
	width: 200px;
	margin: auto;
	padding-top: var(--o);
}

}
@media (min-width: 700px) {
.kwadrat_a {
	display: flex;
}
.kwadrat_foto {
	padding: 0;
	margin: 0;
	flex: 0 0 auto;
}


}
@media (min-width: 900px) {
.kwadrat_a {
	align-items: center;
}
.kwadrat_foto {
	width: 350px;
	margin-bottom: auto;
}
.kwadrat_pr {
	flex: 1;
}
.kwadrat_h {
	font-size: 150%;
}


}
@media (min-width: 1100px) {

.kwadrat_pr {
	display: flex;
	padding: var(--o-x2);
	gap: var(--o-x2);
}
.kwadrat_tresc {
	flex: 1;
}
.pola_cena {
	margin: 0;
	width: 250px;
	background: var(--kolor-szary);
	color: var(--kolor-czarny);
}
.dalej_svg {
	padding: var(--o-cwierc);
}

}
@media (min-width: 1170px) {
.kwadraty_flex {
	width: var(--sz-plus);
	margin: auto;
}
}
/* ************ */