.s1::after {
	position: absolute;
	content: " ";
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #0000003b;
}
.s1 {
	width: 100%;
	background: var(--kolor-szary-ciemny);
	color: var(--kolor-bialy);
	position: relative;
}
.s1_big {
	position: relative;
	width: 100%;
	height: 100%;
}
.s1_big_fota {
	width: 100%;
}
.img_blacha {
	position: absolute;
	right: var(--o-x2);
	bottom: var(--o-x2);
}
.s1_slogan {
	padding: var(--o) var(--o) var(--o-x2);
}

h1 {
	text-align: center;
	font-size: 160%;
	text-shadow: var(--cien-tekstu);
	line-height: 1.2;
	margin: var(--o-pol) 0 var(--o);
}
.s1_u {
	list-style: disc outside;
	margin-left: var(--o-pol);
}
.s1_u li {
	margin: var(--o-pol) 0;
}

.s1_znajdz {display: none}



.gory {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	z-index: 1;
	background: var(--kolor-bialy);
}
.svg_gory {
	width: 100%;
	max-width: 100%;
	height: 62px;
	transform: rotateX(180deg) translateX(-50%);
	display: block;
	position: absolute;
	bottom: -23px;
	left: 50%;
	fill: var(--kolor-bialy);
}

.mFiltry {
	padding: var(--o-gora) var(--o) 0;
	text-align: center;
}
.mFiltry_h {
	font-size: 130%;
	padding: 0;
}
.mFiltry_h span {
	display: block;
	font-size: 70%;
	margin-top: 10px;
}
.filtry {
	margin: var(--o-x2) auto 0;
	display: flex;
	gap: var(--o);
	justify-content: center;
	flex-wrap: wrap;
}
select {
	padding: 0 var(--o) 0 5px;
	background: var(--kolor-bialy);
	color: var(--kolor-czarny);
	text-align: center;
	border: 1px solid var(--kolor-szary-jasny);
	cursor: pointer;
	border-radius: 0;
	height: var(--o-x2);
	-webkit-appearance: button !important;
	-moz-appearance: button !important;
	appearance: button !important;
	cursor: pointer;
}
select option {
	background: var(--kolor-bialy);
}

.filtry_przycisk {
	display: block;
	background-color: var(--kolor-zielony-ciemny);
	color: var(--kolor-bialy);
	width: 100px;
	text-align: center;
	text-decoration: unset;
	transition: var(--trans);
	line-height: var(--o-x2);
	cursor: pointer;
	font-weight: bold;
}
.filtry_przycisk:hover,
.filtry_przycisk:focus {
	background-color: var(--kolor-szary-ciemny);
}


.ff_ul {
	margin: var(--o) var(--o-minus);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--o-pol);
}
.ff_li {
	width: calc(50% - 5px);
}
.ff_li.schowaj {
	opacity: 0;
	visibility: hidden;
	display: none;
	transition: var(--trans-widac);
}
#pusty {
	width: 667px;
	max-width: 100%;
	background: var(--kolor-szary);
	padding: var(--o);
	text-align: center;
	font-weight: 800;
}
.ff_a {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--kolor-czarny);
	font-weight: normal;
	text-decoration: unset;
	position: relative;
	text-align: center;
	background: var(--kolor-szary);
	height: 100%;
}
.ff_foto {
	line-height: 0;
}
.ff_info {
	margin-top: auto;
}
.img_rekomendacja {
	display: block;
	margin: var(--o) auto;
}
@media (max-width: 400px) {
.ff_foto {
	display: flex;
	align-items: center;
	height: 100px;
	overflow: hidden;
}
}
.ff_pr {
	padding: var(--o-pol);
	display: flex;
	flex-direction: column;
	height: 100%;
}
.ff_h {
	font-size: inherit;
	margin-bottom: var(--o-pol);
	font-weight: 600;
}
.ff_i {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--o-pol);
	margin-top: var(--o-pol);
}
.ff_cena {
	margin-top: auto;
}
.ff_dni {

}













@media (min-width: 500px) {
.ff_ul {
	margin: var(--o) auto 0;
}
}
@media (min-width: 572px) {
.ff_ul {
	max-width: var(--sz);
	gap: var(--o);
}
.ff_li {
	width: 262px;
}
}
@media (min-width: 600px) {

.s1 {
	width: 100%;
	height: 60vh;
	min-height: 500px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.s1_big_fota {
	max-width: unset;
}



.s1_wasko {
	position: absolute;
	z-index: 2;
	padding-left: 40%;
}
.s1_slogan {
	padding: 0;
}
.s1_h {
	margin: 0;
	font-size: 170%;
}
.s1_p {
	margin: var(--o-x2) 0;
	font-weight: 600;
}
.s1_znajdz {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--o);
	width: 210px;
	margin: var(--o) auto 0;
	background: var(--kolor-zielony);
	padding: 0 var(--o);
	height: var(--o-x2);
	color: var(--kolor-bialy);
	text-decoration: unset;
	font-weight: 600;
}
.s1_znajdz svg {
	width: 30px;
	fill: var(--kolor-bialy);
}
.s1_znajdz:hover {
	background: var(--kolor-szary-ciemny);
}
.filtry {
	display: flex;
	gap: var(--o);
}

}
@media (min-width: 600px) {
.s1_big_fota {
	width: auto;
	height: 100%;
}
}
@media (min-width: 700px) {
.s1_a.przycisk {
	margin-left: 0;
}
.s1_pr {
	margin: 0;
	flex: 0 0 300px;
}


.sKwadrat_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--szary);
	padding: var(--o-x2) 0;
}
.sKwadrat_le {
	flex: 1;
	margin: 0;
}

.sKwadrat_pr {
	flex: 0 0 400px;
}
.sKwadrat_pr_div {
	padding: 0 var(--o) 0 var(--o-x2);
}

}
@media (min-width: 800px) {
.s1_big {
	display: flex;
	justify-content: center;
}
.s1_foto {
	display: flex;
	justify-content: center;
}
.s1_big_fota {
	width: 100%;
	height: fit-content;
}
.filtry_status {
	right: unset;
	left: 0;
}

}
@media (min-width: 900px) {
.s2_a {
	flex: 1;
}

.sKwadrat_h {
	font-size: 150%;
}

}
@media (min-width: 1000px) {
.sKwadrat_flex {
	padding: 0;
	justify-content: space-between;
}
.sKwadrat_le {
	max-width: unset;
}
.sKwadrat_pr {
	flex: 1;
}
.sKwadrat_h {
	font-size: 200%;
	margin-left: -4px;
}


}
@media (min-width: 1150px) {
.s1 {
	height: 100vh;
	min-height: 800px;
	max-height: 1080px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}
.s1_big_fota {
	position: absolute;
	z-index: 0;
}
.img_blacha {
	right: unset;
	left: var(--o-x4);
	bottom: 200px;
}
.s1_wasko {
	width: var(--sz);
	padding: 0;
}
.s1_slogan {
	width: 560px;
	margin-left: auto;
}
.s1_h {
	font-size: 300%;
}



.s1_p {
	margin: 30px 0 var(--o-x2);
	font-size: 120%;
}



.mFiltry {
}
.mFiltry_wasko {
	max-width: var(--sz);
	margin: auto;
}
.mFiltry_h {
	font-size: 300%;
}
.filtry {
	display: flex;
	gap: var(--o-x2);
	align-items: center;
}


} /*  */