* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
				background-color: #f8f5f2;
				color: #333;
				line-height: 1.6;
			}

			header {
				color: white;
				padding: 100px 20px;
				text-align: center;
			}
			

			header h1 {
				font-size: 48px;
				letter-spacing: 2px;
			}

			header p {
				margin-top: 15px;
				font-size: 20px;
			}

			nav {
				background: #fff;
				padding: 15px;
				text-align: center;
				box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			}

			nav a {
				margin: 0 15px;
				text-decoration: none;
				color: #444;
				font-weight: 500;
			}

			nav a:hover {
				color: #b08968;
			}

			section {
				padding: 60px 20px;
				max-width: 1100px;
				margin: auto;
			}

			h2 {
				text-align: center;
				margin-bottom: 40px;
				font-size: 32px;
				color: #6b4f38;
			}

			.services {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				gap: 30px;
			}











	.card {
		background: #ffffff;
		padding: 35px 25px;
		border-radius: 20px;
		position: relative;
		overflow: hidden;
		transition: all 0.6s ease;
		box-shadow: 0 12px 30px rgba(0,0,0,0.06);
		cursor: pointer;
		text-align: center;
	}

	/* Delikatne uniesienie */
	.card:hover {
		transform: translateY(-10px);
		box-shadow:
			0 20px 50px rgba(0,0,0,0.10),
			0 0 30px rgba(176,137,104,0.25);
	}


	/* Gold shimmer effect */
	.card::after {
		content: "";
		position: absolute;
		top: -50%;
		left: -75%;
		width: 50%;
		height: 200%;
		background: linear-gradient(
			120deg,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0.15) 40%,
			rgba(255,215,0,0.35) 50%,
			rgba(255,255,255,0.15) 60%,
			rgba(255,255,255,0) 100%
		);
		transform: rotate(25deg);
		transition: all 0.8s ease;
		opacity: 0;
	}

	.card:hover::after {
		left: 130%;
		opacity: 1;
	}


	.card:hover h3 {
		background: linear-gradient(90deg, #b08968, #ddb892, #b08968);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}






	.card::after {
		content: "";
		position: absolute;
		top: -50%;
		left: -80%;
		width: 60%;
		height: 200%;
		background: linear-gradient(
			110deg,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0.2) 40%,
			rgba(255,255,255,0.6) 50%,
			rgba(255,255,255,0.2) 60%,
			rgba(255,255,255,0) 100%
		);
		transform: rotate(25deg);
		transition: all 1s ease;
		opacity: 0;
	}

	.card:hover::after {
		left: 130%;
		opacity: 0.6;
	}


	.card:hover h3 {
		background: linear-gradient(
			120deg,
			#7a5c3f,
			#f1d6a7,
			#b08968,
			#f1d6a7,
			#7a5c3f
		);
		background-size: 200% auto;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}




	.card::before {
		content: "";
		position: absolute;
		inset: 0;
		padding: 1.5px;
		border-radius: 20px;
		background: linear-gradient(
			120deg,
			#5a4632 0%,
			#b08968 15%,
			#f1d6a7 30%,
			#b08968 45%,
			#7a5c3f 60%,
			#e6c28a 75%,
			#b08968 90%,
			#5a4632 100%
		);
		-webkit-mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
				mask-composite: exclude;
		opacity: 0;
		transition: opacity 0.6s ease;
	}

	.card:hover::before {
		opacity: 1;
	}







	.card-icon {
		width: 90px;
		height: 90px;
		margin: 0 auto 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #f3eae4;
		border-radius: 50%;
		transition: all 0.35s ease;
		position: relative;
		z-index: 1;
	}

	.card-icon svg {
		width: 48px;
		height: 48px;
		stroke: #b08968;
		stroke-width: 2;
		fill: none;
		transition: all 0.35s ease;
	}

	.card:hover .card-icon svg {
		stroke: #fff;
	}

	.card h3 {
		margin-bottom: 15px;
		color: #333;
		position: relative;
		z-index: 1;
	}

	.card p {
		position: relative;
		z-index: 1;
	}




			.contact {
				text-align: center;
			}

			.contact p {
				margin: 10px 0;
			}

			footer {
				background: #222;
				color: #ddd;
				text-align: center;
				padding: 20px;
				font-size: 14px;
			}

			.btn {
				display: inline-block;
				margin-top: 20px;
				padding: 10px 25px;
				background: #7a5c3f;
				color: #ffffff;
				text-decoration: none;
				border-radius: 25px;
				transition: 0.3s;
				min-width: 180px;
			}

			.btn:hover {
				background: #9c6f52;
			}
			
			
			
/* ===== HERO SLIDER ===== */
	.hero-slider {
		position: relative;
		width: 100%;
		min-height: 800px;
		height: 800px;
		overflow: hidden;
	}
	@media (max-width: 992px) {
		.hero-slider {
			height: 600px;
		}
	}

	@media (max-width: 600px) {
		.hero-slider {
			height: 500px;
		}
	}
	
	.hero-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



	.slides {
		position: absolute;
		inset: 0;
	}

	.slide {
		position: absolute;
		inset: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity 0.6s ease;   /* skróciłem z 1s */
		will-change: opacity;
	}

	.slide::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.35));
	}

	.slide.active {
		opacity: 1;
		z-index: 1;
	}

.slide-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

	.slide-content h1 {
		font-size: 56px;
		margin-bottom: 20px;
		letter-spacing: 2px;
		line-height: 1.2;
		min-height: 70px;   /* kluczowe */
	}

	.slide-content p {
		font-size: 22px;
		margin-bottom: 30px;
		min-height: 40px;
	}

	/* Strzałki */
	.prev, .next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(255,255,255,0.2);
		border: none;
		color: white;
		font-size: 28px;
		padding: 10px 15px;
		cursor: pointer;
		backdrop-filter: blur(5px);
		transition: 0.3s;
	}

	.prev:hover, .next:hover {
		background: rgba(176,137,104,0.8);
	}

	.prev { left: 20px; }
	.next { right: 20px; }

/* Kropki */
	.dots {
		position: absolute;
		bottom: 30px;
		width: 100%;
		text-align: center;
		height: 20px;   /* bardzo ważne – rezerwuje miejsce */
	}

	.dots span {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0 6px;
		background: rgba(255,255,255,0.5);
		border-radius: 50%;
		cursor: pointer;
		transition: background-color 0.3s ease;
		will-change: background-color;
	}

	.dots span.active {
		background: #b08968;
	}

	/* RESPONSIVE */

	@media (max-width: 992px) {
		.slide-content h1 {
			font-size: 40px;
		}
		.slide-content p {
			font-size: 18px;
		}
	}

	@media (max-width: 600px) {
		.slide-content h1 {
			font-size: 30px;
		}
		.slide-content p {
			font-size: 16px;
		}
	}









	/* ===== CENNIK ===== */

	.pricing-section {
		background: #fdfaf7;
		padding: 80px 20px;
	}

	.pricing-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 40px;
		max-width: 1200px;
		margin: 0 auto;
	}

	.pricing-card {
		background: #fff;
		padding: 40px 35px;
		border-radius: 18px;
		box-shadow: 0 15px 35px rgba(0,0,0,0.06);
		transition: 0.4s ease;
	}

	.pricing-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 20px 45px rgba(176,137,104,0.25);
	}

	.pricing-card h3 {
		text-align: center;
		margin-bottom: 30px;
		color: #b08968;
		font-size: 22px;
		letter-spacing: 1px;
	}

	.price-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 0;
		border-bottom: 1px solid #eee;
		font-size: 15px;
	}

	.price-item:last-child {
		border-bottom: none;
	}

	.price {
		font-weight: 600;
		color: #333;
	}

	.divider {
		height: 1px;
		background: linear-gradient(to right, transparent, #b08968, transparent);
		margin: 20px 0;
	}

	/* RESPONSIVE */

	@media (max-width: 768px) {
		.pricing-card {
			padding: 30px 20px;
		}
	}


	/* ===== MOBILE / TABLET PIONOWE OBRAZY ===== */

	@media (max-width: 992px) {

		.slide:nth-child(1) {
			background-image: url('images/ania1.webp') !important;
		}

		.slide:nth-child(2) {
			background-image: url('images/b2m.webp') !important;
		}

		.slide:nth-child(3) {
			background-image: url('images/b3a.webp') !important;
		}

	}

	/* Dodatkowe dopasowanie pod wąskie telefony */

	@media (max-width: 600px) {
		.slide {
			background-position: center top;
		}

		.slide-content {
			padding: 40px 20px;
		}

	}






	/* ===== MODAL ===== */

	.modal {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,0.6);
		backdrop-filter: blur(4px);
		align-items: center;
		justify-content: center;
		z-index: 999;
	}

	.modal.active {
		display: flex;
	}

	.modal-content {
		background: #fff;
		padding: 40px;
		border-radius: 20px;
		width: 90%;
		max-width: 450px;
		position: relative;
		animation: fadeIn 0.3s ease;
	}

	.modal-content h3 {
		text-align: center;
		margin-bottom: 20px;
		color: #b08968;
	}

	.modal-content input,
	.modal-content textarea {
		width: 100%;
		padding: 12px 15px;
		margin-bottom: 15px;
		border: 1px solid #ddd;
		border-radius: 10px;
		font-size: 14px;
	}

	.modal-content input:focus,
	.modal-content textarea:focus {
		outline: none;
		border-color: #b08968;
	}

	.close-modal {
		position: absolute;
		top: 15px;
		right: 20px;
		font-size: 24px;
		cursor: pointer;
		color: #999;
	}

	.close-modal:hover {
		color: #b08968;
	}

	@keyframes fadeIn {
		from { opacity: 0; transform: scale(0.95); }
		to { opacity: 1; transform: scale(1); }
	}




	.success-message {
		display: none;
		text-align: center;
		padding: 20px;
	}

	.success-message.active {
		display: block;
	}

	.checkmark svg {
		width: 80px;
		height: 80px;
		stroke: #b08968;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-linejoin: round;
		animation: draw 0.6s ease forwards;
	}

	@keyframes draw {
		from { stroke-dasharray: 100; stroke-dashoffset: 100; }
		to { stroke-dashoffset: 0; }
	}



	footer {
		background: linear-gradient(180deg, #2a1f18 0%, #1f1510 100%);
		color: #e8d8c8;
		text-align: center;
		padding: 40px 20px;
		font-size: 14px;
		letter-spacing: 1px;
		border-top: 1px solid rgba(176,137,104,0.5);
		box-shadow: 0 -15px 40px rgba(176,137,104,0.15);
		position: relative;
	}

	footer::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 120px;
		height: 2px;
		background: linear-gradient(to right, transparent, #b08968, transparent);
	}

	footer a {
		color: #ddb892;
		text-decoration: none;
		transition: 0.3s ease;
	}

	footer a:hover {
		color: #ffffff;
		text-shadow: 0 0 8px rgba(221,184,146,0.6);
	}



	/* ===== SERVICE MODAL ===== */

	.service-modal {
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,0.45);
		backdrop-filter: blur(6px);
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s ease;
		z-index: 999;
	}

	.service-modal.active {
		opacity: 1;
		visibility: visible;
	}

	.service-modal-content {
		background: #fff;
		padding: 40px 35px;
		border-radius: 20px;
		max-width: 450px;
		width: 90%;
		text-align: center;
		box-shadow: 0 20px 50px rgba(0,0,0,0.15);
		animation: modalFade 0.3s ease;
	}

	.service-modal-content h3 {
		color: #b08968;
		margin-bottom: 15px;
	}

	.service-modal-content p {
		font-size: 15px;
		color: #555;
		line-height: 1.6;
	}

	.service-close {
		position: absolute;
		top: 20px;
		right: 25px;
		font-size: 22px;
		cursor: pointer;
		color: #999;
	}

	.service-close:hover {
		color: #b08968;
	}

	@keyframes modalFade {
		from { transform: translateY(15px); opacity: 0; }
		to { transform: translateY(0); opacity: 1; }
	}