/* 🔥 desktop tylko */
@media (min-width: 769px) {
	.service:nth-child(even) {
		flex-direction: row-reverse;
	}
}

/* 📱 MOBILE – zawsze: tekst → obraz */
@media (max-width: 768px) {
	.service {
		flex-direction: column;
		gap: 20px;
	}

	/* 🔥 wymuś kolejność dla KAŻDEJ sekcji */
	.service .service-text {
		order: 1 !important;
		width: 100%;
	}

	.service .service-image {
		order: 2 !important;
		width: 100%;
		max-width: 100%;
	}
}

/* 📱 tablet i wyżej */
@media (min-width: 769px) {
	.service {
		align-items: flex-start; /* 🔥 wszystko do góry */
	}

	.service-text {
		align-self: flex-start; /* 🔥 pewniak dla tekstu */
	}
}
/* HERO FIX MOBILE */
.hero {
	background: url('../assets/obd.png') center/cover no-repeat;
	background-color: #020617; /* fallback */
}

.hero-overlay {
<<<<<<< HEAD:SYLCAR/starter3/css/media.css
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
=======
	background: linear-gradient(
		to bottom,
		rgba(0,0,0,0.5),
		rgba(0,0,0,0.7)
	);
>>>>>>> 84394c76f3ee143aa934883d195de062ed1b4e34:stronka/starter2/css/media.css
}

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

	.hero-overlay {
		background: rgba(0, 0, 0, 0.4);
	}
}
@media (max-width: 768px) {
<<<<<<< HEAD:SYLCAR/starter3/css/media.css
=======

>>>>>>> 84394c76f3ee143aa934883d195de062ed1b4e34:stronka/starter2/css/media.css
	.hero-content {
		color: #e2e8f0;
	}

	.hero-content h1 {
		color: #f1f5f9;

<<<<<<< HEAD:SYLCAR/starter3/css/media.css
		text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
=======
		text-shadow:
			0 2px 6px rgba(0,0,0,0.6);
>>>>>>> 84394c76f3ee143aa934883d195de062ed1b4e34:stronka/starter2/css/media.css
	}

	.hero-content p {
		color: #cbd5f5;
		opacity: 0.85;

<<<<<<< HEAD:SYLCAR/starter3/css/media.css
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
=======
		text-shadow:
			0 1px 4px rgba(0,0,0,0.5);
>>>>>>> 84394c76f3ee143aa934883d195de062ed1b4e34:stronka/starter2/css/media.css
	}
}