.vh-card-section {
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.vh-card-text {
    flex: 1 1 500px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: black;
}

.vh-card-image {
    flex: 1 1 400px;
    display: flex;
    align-items: center;
}

    .vh-card-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 20px;
        display: block;
    }

@media (max-width: 768px) {
    .vh-card-section {
        flex-direction: column;
    }

    .vh-card-text,
    .vh-card-image {
        flex: 1 1 100%;
    }

    .vh-card-text {
        padding: 20px;
    }

    .vh-card-image img {
        height: auto;
    }

}
/* PRAVIDLA VH CARD */
.pravidla-vh-card {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 15px;
    padding: 25px;
    margin-top: 40px;
    box-sizing: border-box;
}

/* hlavní layout – už jen 1 blok */
.pravidla-content {
    display: block;
}

/* nadpis */
.pravidla-text h2 {
    font-size: 16px;
    margin: 0 0 15px;
}

/* rozdělení seznamu na 2 sloupce */
.pravidla-list-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* seznam */
.pravidla-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    /* číslování – levý sloupec */
    .pravidla-list.leva {
        counter-reset: pravidla;
    }

        .pravidla-list.leva li {
            counter-increment: pravidla;
        }

    /* číslování – pravý sloupec (navazuje od 5) */
    .pravidla-list.prava {
        counter-reset: pravidla 3;
    }

        .pravidla-list.prava li {
            counter-increment: pravidla;
        }

    /* položky */
    .pravidla-list li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.6;
    }

        /* čísla */
        .pravidla-list li::before {
            content: counter(pravidla) ".";
            position: absolute;
            left: 0;
            top: 0;
            font-weight: bold;
            font-size: 16px;
            line-height: 1.4;
        }

    /* odkazy */
    .pravidla-list a {
        color: #fff;
        text-decoration: underline;
    }

        .pravidla-list a:hover {
            text-decoration: none;
        }

/* mobil */
@media (max-width: 768px) {
    .pravidla-list-columns {
        grid-template-columns: 1fr;
        gap: 0; /* odstraní mezeru mezi seznamy */
    }

    .pravidla-list.prava {
        margin-top: 0;
    }
}