/* Štýly pre rozcestník */

body {
    padding-top: 150px;
}

.kategorie-grid {
    display: flex;
    gap: 2rem;
    justify-content: center;
    margin-top: 2rem;
    padding: 50px;
}

.kategoria-card {
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
}

.kategoria-card img {
    width: 100%;
    height: 220px; /* Zvolte si pevnú výšku, aká vám vyhovuje */
    object-fit: contain; /* Zabezpečí, že obrázok sa nezasekne ani nedeformuje */
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .kategorie-grid {
        flex-direction: column; /* Zmení flex smer z vedľa seba na pod seba */
        align-items: center;    /* Vycentruje karty na stred */
        padding: 20px;          /* Zmenší padding pre mobilné zariadenia */
    }
}