h1 {
	margin-bottom: var(--o-gora);
	text-align: center;
}

.flex {
	margin: 0 var(--o-minus);
	position: relative;
}

.fota {
	text-align: center;
}

.pola {
	background: var(--k-szary);
	padding: var(--o-2) var(--o);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--o);
	color: var(--k-czarny);
}

.cena {
	text-align: center;
	margin: var(--o-2) 0;
	font-size: var(--h2);
}
.cena span {
	font-size: 70%;
	margin-top: var(--o-pol);
}

.dlugo {
	text-align: center;
}

.powierzchnia {
	width: var(--o-4);
	text-align: center;
	line-height: var(--o-2);
	font-weight: var(--f-bold);
	margin: var(--o-2) auto;
}


.pola_svg {
	stroke: var(--k-czarny);
}

.pole {
	text-align: right;
}
.pole b {
	padding-left: var(--o);
	width: var(--o-4);
	display: inline-block;
	text-align: left;
}

.pole_div {
	margin: var(--o) 0;
}
.pola_h2 {
	margin: 0;
	display: inline;
	font-size: var(--f-body);
}
.pole_lista {
	margin: var(--o-2) 0;
}








.inne {
	background: var(--k-szary);
	padding: var(--o-2) var(--o);
	gap: var(--o);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: var(--o-2) var(--o-minus);
}
.inne_t {
	width: 100%;
	color: var(--k-czarny);
}
.inny_a {
	border: 0;
	width: var(--o-4);
	text-align: center;
	line-height: var(--o-2);
	position: relative;
	font-weight: var(--f-bold);
}

.inny_teraz {
	position: absolute;
	line-height: 1;
	font-size: 13px;
	color: var(--k-czarny);
	bottom: -16px;
	font-weight: normal;
}

.inny_a:not([class*="kolor"]) {
	background: var(--k-bialy);
	color: var(--k-brazowy);
}


@media (min-width: 500px) {
.pola {
	width: 500px;
	margin: 0 auto var(--o-2);
	padding: var(--o-2);
}


.inne {
	width: var(--sz-tresci);
	max-width: 100%;
	margin: var(--o-2) auto;
}


}
@media (min-width: 700px) {
.flex {
	flex-wrap: nowrap;
	background: var(--k-szary);
	align-items: center;
	justify-content: space-between;
}
.fota {
	width: 400px;
	flex: 0 0 auto;
}
.pr {
	padding: var(--o);
	flex: 1;
}

.cena {
	color: var(--k-czarny);
	margin: 0;
}
.cena span {
	display: inline;
}

.dlugo {
	color: var(--k-czarny);
	padding-top: var(--o);
}

.pola {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}


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


}
@media (min-width: 1000px) {
.fota {
	width: 500px;
}


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

.flex {
	width: var(--sz);
	margin: 0 -40px;
}


}
/* end */