/* 1. KONTENER I FUNDAMENTY */
html { scroll-behavior: smooth; }
body { background-color: #fdfdfa; font-family: sans-serif; }
/* Przywrócono Twoją szerokość 92% */
.container { width: 92%; max-width: 1500px; margin: 0 auto; padding-top: 170px; }

/* 2. NAGŁÓWEK GŁÓWNY (PRZYWRÓCONO) */
.species-header { text-align: center; margin: 40px 0 30px 0; padding-bottom: 20px; border-bottom: 2px solid #e0eee0; }
.species-header h1 { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 12px; margin: 0; }
.species-header h1 .lat { font-family: serif; font-style: italic; font-size: 2.4rem; color: #2c4d28; line-height: 1; }
.species-header h1 .pl { font-family: sans-serif; font-size: 1.3rem; color: #666; font-weight: normal; position: relative; bottom: 2px; line-height: 1; }

@media (max-width: 768px) {
    .species-header h1 { flex-direction: column; align-items: center; gap: 5px; }
}

/* 3. LISTWA "SKOCZ DO" - Twoja stabilna wersja (Bez zmian) */
.skok-menu {
    position: sticky; top: 106px; z-index: 950;
    background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px);
    padding: 12px 20px; border-bottom: 2px solid #4a7c44;
    display: flex; align-items: center; gap: 15px;
    margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.skok-tytul {
    font-weight: bold; color: #2c4d28; font-size: 0.8rem;
    text-transform: uppercase; white-space: nowrap;
    border-right: 2px solid #e0eee0; padding-right: 15px;
}

.skok-linki {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 12px;
    padding-left: 38% !important; padding-right: 50% !important;
    scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.skok-linki::-webkit-scrollbar { display: none; }

.skok-linki a {
    flex: 0 0 auto; white-space: nowrap;
    background: #fff; color: #4a7c44; padding: 5px 12px;
    border-radius: 20px; text-decoration: none; font-size: 0.85rem;
    border: 1px solid #4a7c44; transition: all 0.2s ease;
}
.skok-linki a.active { background: #4a7c44 !important; color: #fff !important; }

@media (max-width: 480px) {
    .skok-tytul { display: none; }
    .skok-linki { padding-left: 30% !important; padding-right: 30% !important; }
}

/* 4. MINIATURY I GRID - Twoja stabilna wersja */
.grid-grzyby { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; padding: 20px 0; width: 100%; }
.karta-rodzaj { display: flex; flex-direction: column; background: #fff; border: 1px solid #eee; padding: 12px; border-radius: 8px; text-align: center; overflow: hidden; transition: transform 0.2s; }
.karta-rodzaj:hover { transform: translateY(-3px); border-color: #4a7c44; }
.foto-link { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; cursor: zoom-in; }
.foto-link img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.3s; }

/* PRZYWRÓCONO: Styl tytułu karty */
.karta-rodzaj .tytul { display: block; margin-top: 10px; padding: 8px 4px; color: #4a7c44; text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: 0.2s; }
.karta-rodzaj .tytul:hover { background: #f4f9f4; border: 1px solid #4a7c44; color: #2c4d28; border-radius: 4px; }

/* 5. POZOSTAŁE STYLE (PRZYWRÓCONO KOLORY I TABELE) */
.rodzaj-sekcja { scroll-margin-top: 170px !important; margin-bottom: 60px; padding: 40px; background: #fff; border-radius: 12px; border-top: 6px solid #4a7c44; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; box-shadow: 0 5px 20px rgba(0,0,0,0.03); }
.rodzaj-naglowek { margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.rodzaj-naglowek h2 { font-size: 2rem; color: #2c4d28; margin: 0; }
.rodzaj-tresc { font-size: 1.05rem; line-height: 1.6; color: #444; margin-bottom: 30px; }

/* Przywrócono linki w tekście */
.rodzaj-tresc a { color: #4a7c44; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #cedecb; transition: 0.3s; }
.rodzaj-tresc a:hover { color: #2c4d28; border-bottom: 1px solid #4a7c44; background-color: #f4f9f4; }

/* Przywrócono pełny styl tabeli */
.tabela-cech { margin: 20px 0; border: 1px solid #e0eee0; border-radius: 6px; overflow: hidden; }
.cecha-wiersz { display: flex; border-bottom: 1px solid #f0f0f0; padding: 10px 15px; }
.cecha-wiersz:nth-child(even) { background: #f9fdf9; }
.etykieta { flex: 0 0 140px; font-weight: bold; color: #4a7c44; }

/* Przywrócono przycisk góra */
.powrot-box { text-align: right; margin-top: 30px; padding-top: 10px; border-top: 1px dashed #eee; }
.btn-top { color: #888; text-decoration: none; font-size: 0.8rem; transition: color 0.2s; }
.btn-top:hover { color: #4a7c44; }

/* Przywrócono pełny styl Modala */
#mojModal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(10, 30, 15, 0.95); cursor: zoom-out; justify-content: center; align-items: center; }
#imgPowiekszone { max-width: 90%; max-height: 90%; border: 3px solid #e0eee0; box-shadow: 0 0 30px rgba(0,0,0,0.5); border-radius: 4px; }

@media (max-width: 768px) {
    .container { padding-top: 140px; width: 99%; }
    .grid-grzyby { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
    .rodzaj-sekcja { padding: 20px; }
}

.hdr-lat {
    font-style: italic;
}