@media (max-width: 768px) {

	/* Poprawione style dla nagłówka */
	header nav {
		position: relative;
		padding: 15px;
	}

	header nav .logo {
		z-index: 1000;
	}

	@media (max-width: 768px) {
		.footer-columns {
			flex-direction: column;
			gap: 30px;
		}

		.social-column {
			flex-direction: row;
			align-items: center;
		}

		.footer-bottom .footer-left,
		.footer-bottom .footer-right {
			flex: unset;
		}

		.footer-bottom {
			flex-wrap: nowrap;
		}
	}


	/* Header & Navigation */
	header nav {
		flex-direction: column;
		align-items: center;
		margin: 15px auto;
	}

	header nav .logo {
		margin-bottom: 20px;
	}


	header nav a {
		margin: 8px 0;
		padding: 8px 0;
		width: 100%;
		text-align: center;
	}

	/* Hero Section */
	.hero {
		max-height: none;
		padding: 30px 15px;
        z-index: 1
	}

	.hero-content {
		flex-direction: column;
		text-align: center;
	}

	.hero-text {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.hero-text h1 {
		font-size: 24px;
		line-height: 1.4;
	}

	.hero-image {
		max-width: 100%;
	}

	/* Clients Section */
	.clients {
		padding: 20px 10px;
		overflow-x: auto;
		white-space: nowrap;
	}

	.clients img {
		padding: 20px 10px;
		max-width: 80px;
	}

	/* Details Section */
	.details-section {
		padding: 30px 15px;
	}

	.details-section h2 {
		font-size: 32px;
	}

	.details-section h3 {
		font-size: 24px;
		padding: 0 15px;
	}

	.details-section .benefits {
		flex-direction: column;
		gap: 15px;
		padding: 0 15px;
	}

	.details-section .benefit1,
	.details-section .benefit2,
	.details-section .benefit3 {
		max-width: 100%;
	}


	/* Gallery Section */
	.gallery-section {
		padding: 30px 15px;
	}

	.gallery {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.gallery-item .overlay {
		bottom: 30px;
	}

	/* Features Section */
	.features-section {
		flex-direction: column;
		padding: 30px 15px;
	}

	.features-section .text-content {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.features-section .text-content h2 {
		font-size: 32px;
	}

	.features-section .features-list {
		max-width: 100%;
	}

	.features-section .feature-box {
		margin-bottom: 15px;
	}

	/* Consultation Section */
	.consultation-section {
		padding: 30px 15px;
	}

	.consultation-content {
		flex-direction: column;
	}

	.consultation-section .image {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.consultation-section .text {
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

	.consultation-section h2 {
		font-size: 28px;
	}

	/* Footer */
	footer .footer-content {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	footer .social-icons {
		justify-content: center;
	}
}

/* Dodatkowe style dla jeszcze mniejszych ekranów */
@media (max-width: 480px) {
	.hero-text h1 {
		font-size: 20px;
	}

	.details-section h2 {
		font-size: 28px;
	}

	.features-section .text-content h2 {
		font-size: 28px;
	}

	.consultation-section h2 {
		font-size: 24px;
	}

	.clients img {
		max-width: 60px;
	}
}
/* Układ mobilny */
@media (max-width: 768px) {
	.details-section .row {
		flex-direction: column;
	}

	/* Obie kolumny zajmują całą szerokość */
	.details-section .text-container,
	.details-section .image-container {
		max-width: 100%;
		text-align: center;
	}

	/* Obrazek wyśrodkowany */
	.details-section .image-container {
		justify-content: center;
	}
}
@media (max-width: 768px) {
	.trust-content {
		flex-direction: column;
		text-align: center;
	}

	.trust-header {
		flex: 0 0 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.trust-items {
		flex-direction: column;
		align-items: center;
	}

	.trust-item {
		max-width: 100%;
		margin-bottom: 20px;
	}
}

/* Układ mobilny */
@media (max-width: 768px) {
	.history-section .row {
		flex-direction: column;
		text-align: center;
	}

	.history-section .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.history-section img {
		width: 100%;
		height: auto;
	}

	/* Wyrównanie nagłówków na mobilkach */
	.history-section h3,
	.history-section .blue-line,
	.history-section p {
		text-align: left;
	}
}

/* Układ mobilny */
@media (max-width: 768px) {
	.service-text-container {
		flex-direction: column;
		text-align: center;
	}

	.service-text {
		max-width: 100%;
		text-align: left;
	}

	.service-images {
		flex-direction: column;
		align-items: center;
	}

	.service-images img {
		width: 100%;
		max-width: 400px;
	}
}
@media (max-width: 768px) {
	.swiper {
		max-width: 100%;
		padding: 10px 0;
	}

	.swiper-wrapper {
		display: flex;
	}

	.swiper-slide {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.review-card {
		padding: 15px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}
/* 📱 Wersja mobilna */
@media (max-width: 768px) {
	.newsletter-section .container {
		text-align: center;
		padding: 20px;
		margin: auto;
	}

	.newsletter-form {
		flex-direction: column;
		gap: 8px;
	}

	.newsletter-form input {
		width: 100%;
	}

	/* Mniejsza koperta na mobilkach */
	.newsletter-section::after {
		width: 100px;
		height: 100px;
		bottom: 5px;
		right: 10px;
	}
}
/* 🔽 Wersja mobilna - każdy element jeden pod drugim */
@media (max-width: 768px) {
	.features-grid {
		grid-template-columns: 1fr;
		/* 1 kolumna */
		gap: 15px;
	}
}

/* 🟢 Wersja mobilna */
@media (max-width: 768px) {
	.customer-stories .container {
		text-align: center;
	}

	.swiper-wrapper {
		display: flex;
	}

	.swiper-slide {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.story-content {
		text-align: center;
	}
}
/* 🟢 Wersja mobilna */
@media (max-width: 1024px) {
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {

	/* Ukryj grid na mobilnych urządzeniach */
	.blog-grid {
		display: none;
	}

	/* Pokaż slider na mobilnych urządzeniach */
	.blog-slider-container {
		display: block;
	}

	.blog-posts h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.post-content {
		text-align: left;
		padding: 15px;
	}

	.post-card img {
		height: 180px;
	}
}
@media (max-width: 768px) {
	.gallery-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	/* 🔄 Obie galerie w formie listy */
	.gallery-layout,
	.gallery-layout.reversed {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
	}

	.gallery-item {
		width: 100%;
	}

	.gallery-item img {
		width: 100%;
		height: auto;
	}
}
/* 📱 Wersja mobilna: kafelki w 1 kolumnie */
@media (max-width: 768px) {
	.help-container {
		grid-template-columns: 1fr;
		/* 1 kolumna na mobilkach */
	}
}
/* mobilki */
@media (max-width: 768px) {
	.faq-wrapper {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.faq-category,
	.faq-image {
		max-width: 100%;
	}

	.faq-title {
		text-align: center;
	}

	.faq-question {
		text-align: left;
	}
}
@media (max-width: 768px) {
	.contact-form-section {
		margin-top: 40px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* Mobilki */
@media (max-width: 992px) {
	.contact-inner {
		flex-direction: column;
	}

	.contact-left,
	.contact-right {
		max-width: 100%;
		flex: 1 1 100%;
	}

	.contact-left {
		border-radius: 12px 12px 0 0;
	}

	.contact-right {
		border-radius: 0 0 12px 12px;
	}

	.consultant-avatars {
		justify-content: center;
	}

	

	.checkbox-wrapper {
		flex-direction: column;
		align-items: center;
		text-align: left;
	}
}
@media (max-width: 768px) {
    .reverse-mobile {
        display: flex !important;
        flex-direction: column-reverse !important;
	}
.contact-form label.checkbox-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4;
}
.help-box {
  display: flex;
  align-items: flex-start; /* <--- zamiast center */
  gap: 20px;
  background: #F4F6FA;
  padding: 24px;
  border-radius: 10px;
  text-align: left;
  height: auto; /* upewniamy się, że nie ma stałej wysokości */
}

.help-box img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 4px; /* lekko obniż, aby lepiej dopasować do tekstu */
}

.help-box h3 {
  margin: 0 0 8px 0;
  font-size: 16px;
  line-height: 1.3;
}

.help-box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.help-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  
}
    }
	.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* Proporcja 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .feature-box {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    column-gap: 24px;
    padding: 24px 16px;
    background: #f5f7fb;
    border-radius: 8px;
  }

  .feature-icon {
    width: 48px;
    margin-left: 12px; /* ⬅️ przesuwa ikonę w prawo */
  }

  .feature-icon img {
    height: auto;
    display: block;
	margin-left: -25px;
  }

  .feature-text {
    display: flex;
    flex-direction: column;
  }

  .feature-text h3 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }

  .feature-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }


.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #1E4996; /* niebieski Saketos */
  color: white;
  font-size: 16px !important; /* zostawiamy ikonę Swipera */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

/* Umiejscowienie przycisków */
.swiper .swiper-button-prev {
  left: 10px;
}
.swiper .swiper-button-next {
  right: 10px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 14px !important; /* Mniejsza, dopasowana strzałka */
}
@media (max-width: 768px) {
    .details-section {
        padding: 0;
    }
}

}
@media (max-width: 768px) {
  .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 15px;
  }

  .footer-left,
  .footer-right {
    width: 100%;
	text-align: center !important;
  }
}

/* Domyślnie ukryj na desktopie */
.reviews-prev,
.reviews-next {
  display: none !important;
}

/* Pokaż tylko na mobile */
@media (max-width: 768px) {
  .reviews-prev,
  .reviews-next {
    display: flex !important;
  }
}