.logo-img {
    width: 120px;   /* Ustawiona stała szerokość */
    height: 60px;  /* Ustawiona stała wysokość */
    margin-right: 15px; /* Zachowaj odstęp od tekstu */
    /* Opcjonalne: dodatkowe stylizacje */
    /* border-radius: 4px; */
    object-fit: cover; /* lub object-fit: contain; */
    vertical-align: middle; /* Wyrównanie do środka w linii z tekście */
}
      
	  .btn-consultation-header {
    background-color: var(--white);
    color: var(--primary-color);
    font-weight: 700;
    border: 2px solid var(--accent-color);
    border-radius: 25px;
    padding: 11px 20px;
    margin-top: 0; /* Usunięto 'px' */
    font-size: 0.95rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    animation: pulseHeader 2s infinite;
    transition: all 0.3s ease;
    margin-left: 20px; /* Odstęp od innych elementów */
    text-decoration: none; /* Upewnij się, że link nie ma domyślnej dekoracji */
    display: inline-block; /* Upewnij się, że styl przycisku działa */
}

.btn-consultation-header:hover {
    background-color: var(--accent-color);
    color: var(--dark-gray);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    animation: none; /* Wyłącz animację przy hover */
}
        /* STYL DLA PRZYCISKU USŁUG - BIAŁA RAMKA I TEKST */
        .btn-services {
            background-color: transparent;
            border: 2px solid var(--white);
            color: var(--white);
        }
        .btn-services:hover {
            background-color: var(--white);
            color: var(--primary-color);
        }
        .text-center {
            text-align: center;
        }
        /* Header i Nawigacja - UKRYWANIE PRZY SCROLLU */
        header {
            background-color: var(--white);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: fixed;
            width: 100%;
            top: 20;
            left: 0;
            z-index: 1000;
            transition: transform 0.3s ease;
        }
header nav {
    margin-top: 3px; /* Dostosuj wartość według potrzeb */
}
        /* Stan ukryty - przy scrollowaniu w dół */
        header.hide {
            transform: translateY(-100%);
        }
        /* Stan widoczny - przy scrollowaniu w górę */
        header.show {
            transform: translateY(0);
        }
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 0;
        }
        .logo {
            display: flex;
            align-items: center;
        }
        .logo-svg {
            width: 60px;
            height: 60px;
            margin-right: 15px;
        }
        .logo-text {
            font-family: 'Playfair Display', serif;
        }
        .logo-text h1 {
            font-size: 1.8rem;
            margin-bottom: 0;
            color: var(--primary-color);
            line-height: 1.2;
        }
        .logo-text span {
            font-size: 0.9rem;
            color: var(--accent-color);
            font-family: 'Roboto', sans-serif;
        }
        nav ul {
    display: flex;
    list-style: none;
    justify-content: space-between; /* Równomiernie rozkłada elementy */
    align-items: center; /* Wyśrodkowuje elementy pionowo */
    width: 100%; /* Upewnia się, że ul zajmuje całą dostępną szerokość */
    /* padding: 0 10px; */ /* Opcjonalnie: niewielki padding wewnętrzny jako margines bezpieczeństwa */
    margin: 0; /* Usuwa domyślne marginesy */
}

nav ul li {
    /* Usuwamy margin-left, bo odstępy zarządza teraz 'justify-content' */
    margin: 10px; 
    flex-shrink: 0; */ /* Opcjonalnie: zapobiega kurczeniu się elementów */
}

/* Jeśli przycisk "Umów konsultację" ma być osobno, a nie brać udziału w równomiernym rozmieszczeniu,
   musimy go "wypchnąć" na koniec. Najlepiej dać całemu menu 'justify-content: space-between;'
   i upewnić się, że elementy są w odpowiedniej kolejności w HTML. */
        nav ul li a {
            font-weight: 500;
            position: relative;
        }
/* --- POPRAWIONY STYL DLA SUBMENU USŁUGI --- */
li.nav-dropdown {
    position: relative;
    display: inline-block; /* Zapewnia, że element nie zajmuje całej szerokości */
}

/* Ukryj submenu domyślnie */
.nav-dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--white);
    min-width: 220px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1001; /* Upewnij się, że jest nad innymi elementami */
    top: 100%; /* Umieść tuż pod elementem nadrzędnym */
    left: 0;
    border-radius: 0 0 4px 4px;
    /* Usuń padding z nav ul li, jeśli się tam znalazł */
    padding: 0;
    margin: 0;
}

/* Styl linków w submenu */
.nav-dropdown .dropdown-content a {
    color: var(--dark-gray);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
    /* Resetuj domyślne style linków z nav */
    position: static; /* Nadpisuje position: relative z nav ul li a */
}

.nav-dropdown .dropdown-content a:last-child {
    border-bottom: none;
}

.nav-dropdown .dropdown-content a:hover {
    background-color: var(--light-gray);
    color: var(--primary-color);
}

/* Pokaż submenu po najechaniu na cały element li.nav-dropdown */
.nav-dropdown:hover .dropdown-content {
    display: block;
}

/* Usuń podkreślenie spod głównego linku "Usługi" */
.nav-dropdown .dropbtn {
    position: relative; /* Potrzebne dla pseudoelementu ::after */
}
.nav-dropdown .dropbtn::after {
    /* Nadpisuje efekt podkreślania z głównego nav ul li a:after */
    display: none;
}
/* ----------------------------- */
        nav ul li a:after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent-color);
            transition: width 0.3s ease;
        }
        nav ul li a:hover:after {
            width: 100%;
        }
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--primary-color);
            cursor: pointer;
        }
		.contact-link {
  color: inherit; /* Dziedziczy kolor czcionki z rodzica */
  text-decoration: none; /* Usuwa podkreślenie */
  display: inline; /* Dostosowuje się do stylu <p> */
  font-size: 17.5px;
}

.contact-link:hover {
  text-decoration: underline; /* Opcjonalnie: podkreślenie po najechaniu myszką */
}