body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Slider z wyższym z-index */
.slider {
    z-index: 3; /* Slider ma wyższy z-index niż nawigacja */
}

/* Navbar dla mobile z większym z-index niż slider */
@media (max-width: 768px) {
    .navbar {
        position: relative; /* zmiana z fixed na relative */
        z-index: 2; /* Zwiększenie z-index dla navbar */
    }
}




.slider {
    position: relative;
    width: 100%; /* Pełna szerokość strony */
    overflow: hidden;
    height: auto; /* Automatyczna wysokość dla zachowania proporcji */
    z-index: 10; /* Slider ma wyższy z-index, aby nie przeszkadzały inne elementy */
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%; /* Całkowita szerokość slidera */
    height: 100%; /* Pełna wysokość slidera */
}

.slide {
    min-width: 100%; /* Każdy slajd zajmuje pełną szerokość slidera */
    flex-shrink: 0;
    height: 100%; /* Utrzymanie pełnej wysokości kontenera */
}

.slide img {
    width: 100vw; /* Pełna szerokość viewportu */
    height: auto; /* Automatyczne dopasowanie wysokości proporcjonalnie */
    object-fit: cover; /* Obraz dopasowuje się do pełnej szerokości */
    display: block;
}