/* ====================================
   🔴 KONTAKT - NOWE STYLE (dodaj na końcu pliku CSS)
   ==================================== */

/* 🔴 Główny kontener kontaktu */
main section .text_container {
  
}
main section .text_container > .pages_contact {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	align-items: flex-start;
}

/* 🔴 Szary element dekoracyjny w tle (prawa strona całej sekcji) */
main section .text_container > .pages_contact::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(50% + 2rem);
	background: var(--grey-light);
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
	z-index: 0;
}

/* 🔴 Formularz - lewa strona, sticky */
main section .text_container > .pages_contact .contact_forms {
	width: 50%;
	order: 1;
	padding: 3rem 2rem 3rem 0;
	box-shadow: none;
	position: sticky;
	top: 1rem;
	z-index: 2;
	align-self: flex-start;
}

/* 🔴 Czerwony kwadracik dekoracyjny */
main section .text_container > .pages_contact .contact_forms::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background: var(--mark);
	margin-bottom: 1.5rem;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}

/* 🔴 Nagłówek formularza */
main section .text_container > .pages_contact .contact_forms h2 {
	margin: 0 0 1.5rem 0;
}

/* 🔴 Adres - prawa strona */
main section .text_container > .pages_contact .contact_address {
	width: 50%;
	order: 2;
	padding: 3rem 0;
	position: relative;
	z-index: 1;
}

/* 🔴 Sekcja container w adresie - reset */
main section .text_container > .pages_contact .contact_address .container {
	padding: 0 !important;
	margin: 0 !important;
}

main section .text_container > .pages_contact .contact_address .container > .section-content {
	padding: 0;
	max-width: 100%;
	flex-direction: column;
  align-items: center;
	gap: 1.5rem;
}

/* 🔴 Boxy w adresie - tło i padding */
main section .text_container > .pages_contact .contact_address .section-content div {
	background: var(--grey-lighter);
	padding: 1.5rem !important;
  width: 400px;
  max-width: 100%;
}

/* 🔴 Maps - 100% szerokości na dole */
main section .text_container > .pages_contact .contact_maps {
	width: 100%;
	order: 3;
	position: relative;
	z-index: 1;
}

/* ====================================
   🔴 RESPONSYWNOŚĆ KONTAKTU
   ==================================== */

@media (max-width: 1200px) {
	/* 🔴 */
	main section .text_container > .pages_contact .contact_forms {
		padding: 2rem 2rem 2rem 0;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address {
		padding: 2rem;
	}
}

@media (max-width: 1000px) {
	/* 🔴 */
	main section .text_container > .pages_contact {
		flex-flow: column;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact::before {
		display: none;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_forms {
		width: 100%;
		order: 1;
		padding: 2rem 0;
		position: relative;
		top: 0;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address {
		width: 100%;
		order: 2;
		padding: 2rem;
		background: var(--grey-light);
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address .container > .section-content {
		flex-direction: row;
    align-items: flex-start;
		gap: 1rem;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address .container.layout-2 > .section-content > div {
		flex: 1 1 calc(50% - 0.5rem);
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_maps {
		width: 100%;
		order: 3;
	}
}

@media (max-width: 800px) {
	/* 🔴 */
	main section .text_container > .pages_contact .contact_forms {
		padding: 1.5rem 0;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address {
		padding: 1.5rem 1rem;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_forms::before {
		width: 10px;
		height: 10px;
	}
}

@media (max-width: 600px) {
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address .container > .section-content {
		flex-direction: column;
	}
	
	/* 🔴 */
	main section .text_container > .pages_contact .contact_address .container.layout-2 > .section-content > div {
		flex: 1 1 100%;
	}
}



/* ====================================
   🔴 SLIDER - NOWE STYLE (dodaj na końcu pliku CSS)
   ==================================== */

/* 🔴 Główny kontener slidera */
.pages_slider {
	width: 100%;
}

/* 🔴 Swiper container */
.pages_slider .swiper-container {
	width: 100%;
	overflow: hidden;
}

/* 🔴 Swiper slide - nowy układ */
.pages_slider .swiper-container .swiper-wrapper .swiper-slide {
	height: auto !important;
	min-height: 500px;
	background-image: none !important;
	display: flex;
	align-items: stretch;
}

/* 🔴 Wewnętrzny wrapper slidera */
.pages_slider .slider_inner {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	align-items: center;
	gap: 2rem;
}

/* 🔴 Lewa strona - treść */
.pages_slider .slider_content {
	flex: 1 1 50%;
	max-width: 50%;
	padding: 3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 2;
}

/* 🔴 Prawa strona - obraz z tłem */
.pages_slider .slider_image_wrapper {
	flex: 1 1 50%;
	max-width: 50%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 400px;
	padding: 2rem 0;
}

/* 🔴 Element dekoracyjny w tle (szary trójkąt/kształt) */
.pages_slider .slider_image_bg {
	position: absolute;
	top: 0;
	right: -2rem;
	bottom: 0;
	width: calc(100% + 2rem);
	background: var(--grey-light);
	clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
	z-index: 0;
}

/* 🔴 Kontener obrazu */
.pages_slider .slider_image {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 90%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

/* 🔴 Obraz */
.pages_slider .slider_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 🔴 Element dekoracyjny - czerwony kwadracik nad breadcrumbs */
.pages_slider .slider_content .section-content > div::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background: var(--mark);
	margin-bottom: 1rem;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}

/* 🔴 Sekcja container w sliderze - reset paddingu */
.pages_slider .slider_content .container {
	padding: 0 !important;
	overflow: visible;
}

.pages_slider .slider_content .container > .section-content {
	padding: 0;
	max-width: 100%;
	gap: 0;
}

/* ====================================
   🔴 RESPONSYWNOŚĆ SLIDERA
   ==================================== */

@media (max-width: 1520px) {
	/* 🔴 */
	.pages_slider .slider_inner {
		padding: 0 2rem;
	}
	
	/* 🔴 */
	.pages_slider .slider_image_bg {
		right: -2rem;
		width: calc(100% + 2rem);
	}
}

@media (max-width: 1200px) {
	/* 🔴 */
	.pages_slider .swiper-container .swiper-wrapper .swiper-slide {
		min-height: 450px;
	}
	
	/* 🔴 */
	.pages_slider .slider_image_wrapper {
		min-height: 350px;
	}
}

@media (max-width: 1000px) {
	/* 🔴 */
	.pages_slider .slider_inner {
		flex-flow: column;
		padding: 0;
		gap: 0;
	}
	
	/* 🔴 */
	.pages_slider .slider_content {
		flex: 1 1 100%;
		max-width: 100%;
		padding: 2rem;
		order: 1;
	}
	
	/* 🔴 */
	.pages_slider .slider_image_wrapper {
		flex: 1 1 100%;
		max-width: 100%;
		min-height: 300px;
		padding: 0;
		order: 2;
	}
	
	/* 🔴 */
	.pages_slider .slider_image_bg {
		right: 0;
		width: 100%;
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
	}
	
	/* 🔴 */
	.pages_slider .slider_image {
		max-width: 100%;
		aspect-ratio: 16 / 9;
	}
	
	/* 🔴 */
	.pages_slider .swiper-container .swiper-wrapper .swiper-slide {
		min-height: auto;
	}
}

@media (max-width: 800px) {
	/* 🔴 */
	.pages_slider .slider_content {
		padding: 1.5rem 1rem;
	}
	
	/* 🔴 */
	.pages_slider .slider_image_wrapper {
		min-height: 250px;
	}
	
	/* 🔴 */
	.pages_slider .slider_content .section-content > div::before {
		width: 10px;
		height: 10px;
	}
}

@media (max-width: 600px) {
	/* 🔴 */
	.pages_slider .slider_image_wrapper {
		min-height: 200px;
	}
	
	/* 🔴 */
	.pages_slider .slider_image {
		aspect-ratio: 16 / 10;
	}
}


@media (max-width:992px) {

}
@media (max-width:576px) {

}