.pod {
	margin-top: var(--o-2);
}
.pod_p {
	font-weight: bold;
	font-size: 120%;
}

.pod_flex {
	display: flex;
	gap: var(--o);
	overflow-: auto;
	margin: 0 var(--o-minus);
	padding: var(--o);
}
.pod_a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: var(--o-pol);
	box-shadow: var(--cien-20);
	border-radius: var(--radius);
	flex: 0 0 250px;
}
.pod_fota {
	height: 150px;
	overflow: hidden;
	margin-bottom: var(--o);
}

.pod_fota_produkt .pod_img {
	height: 100%;
	width: auto;
}
.pod_t {
	display: block;
	font-weight: var(--font-bold);
	text-align: center;
}




.pagi {
	margin-top: var(--o-2);
	padding: var(--o) 0;
	background: var(--k-szary);
}
.pagi ul {
	list-style: none;
	margin: 0;
	display: flex;
	gap: var(--o);
	justify-content: center;
	flex-wrap: wrap;
}
.pagi li {

}
.pagi a,
.pagi span {
	display: block;
	text-decoration: none;
	width: var(--o-2);
	text-align: center;
	background: var(--link);
	color: var(--k-bialy);
	padding: var(--o-cwierc);
}
.pagi span,
.pagi .current {
	color: var(--k-czarny);
	background: var(--k-bialy);
}


.pagi a:focus,
.pagi a:hover {
	background: var(--link-hover);
	color: var(--k-bialy);
}

















footer {
	content-visibility: auto;
	margin-top: var(--o-gora);
	padding: var(--o-gora) var(--o);
	background: var(--k-szary);
	color: var(--k-czarny);
}
.f_zaha {
	margin-bottom: var(--o-pol);
	font-weight: var(--font-bold);
}
.f_dane .svg_logo {
	width: 100px;
	margin: auto;
}
.tel_footer svg {
	display: none;
}

.f_tel,
.f_mejl,
.f_a {
	color: inherit;
	text-decoration-color: var(--k-zielony-ciemny);
}
.f_a {
	display: block;
}
.f_tel:hover,
.f_mejl:hover,
.f_a:hover {
	color: var(--k-zielony-ciemny);
}

.footerP {
	font-weight: bold;
	width: 100%;
	line-height: 1.2;
}
.f_flex {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: var(--o-2);
	line-height: 2;
}



.f_spol {
	display: flex;
	gap: var(--o);
	margin-top: var(--o);
	align-items: center;
	height: 40px;
	line-height: 0;
}
.f_spol svg {
	fill: var(--k-zielony-ciemny);
}

.f_kontakt {
	display: flex;
	flex-direction: column;
}



.f_copy {
	display: flex;
	justify-content: center;
	gap: var(--o-2);
	margin: var(--o-gora) auto 0;
	flex-wrap: wrap;
	text-align: center;
	font-size: var(--font-small);
}
.f_copy a {
	color: inherit;
}






@media (min-width: 900px) {
.f_flex {
	justify-content: center;
	max-width: var(--sz);
}
.f_copy {
	max-width: var(--sz);
	justify-content: space-between;
}
}
@media (min-width: 1200px) {
.f_flex {
	justify-content: space-between;
}


} /* eof */