/* Basic styles */
body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.navbar {
    padding: 1rem 2rem;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Nawigacja z efektem chowania */
.navbar {
    transition: transform 0.3s ease-in-out, background 0.3s ease;
}

.navbar.hidden {
    transform: translateY(-100%);
}

.navbar.scrolled {
    background: rgba(10, 10, 10, 0.98);
    padding: 15px 0;
}

.logo img {
    transition: height 0.3s ease;
}

.navbar.scrolled .logo img {
    height: 40px;
}

.navbar {
    transition: transform 0.3s ease-in-out, background 0.3s ease;
}

.navbar.hidden {
    transform: translateY(-100%);
}

.navbar.scrolled {
    background: rgba(10, 10, 10, 0.98);
    padding: 15px 0;
}