@media (max-width: 768px) {
   
   .hero-title {
		font-size: 2.2rem;
		font-weight: 900;
		animation: fadeIn 1.5s ease-out;
		line-height: 1;
		color: #ffffff;
	}
	
	
	
    section {
        padding: 65px 5% 0 5%;
    }
.btn-bar {
	display: flex-inline; 
	margin-bottom: 1rem;
}
    nav {
        flex-direction: column;
        padding: 0;
        max-height: auto; /* Zrušeno fixní 50px, aby se menu rozbalilo */
    }

    .menu-toggle {
        display: block; /* Zobrazí hamburger ikonu */
    }

    .nav-links {
        display: none; /* Skryté menu v základu */
        flex-direction: column;
        position: absolute;
        top: 100%; /* Vyjede čistě pod lištou */
        left: 0;
        width: 100%;
        background-color: #FDFBF7;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        padding: 1rem;
        text-align: left;
        margin-top: 0;
		z-index: 2001;
    }

    .nav-links li {
        margin: 1rem 0;
        margin-left: 0;
    }

    .nav-links.active {
        display: flex; /* Zobrazení po kliknutí (přes JS) */
    }

    .parallax-hero {	
        justify-content: center; 
        align-items: center;    
        background-attachment: scroll; /* Lepší chování na mobilech */
    }

    .parallax-wrapper {
        display: block;
        width: 100%;
        height: 12rem;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .about-container, .contact-wrapper {
        grid-template-columns: 1fr;
        flex-direction: column;
        gap: 2rem;
    }

    .about-img {
        width: 100%;
    }
	
	nav.mobile-open {
        background-color: #FDFBF7 !important;
    }
}