/* Hlavný kontajner */
.split-info-box {
    display: flex;
    flex-wrap: wrap;       /* Povoliť zalomenie na mobile */
    align-items: center;   /* Vertikálne zarovnanie na stred */
    gap: 30px;             /* Medzera medzi obrázkom a textom */
    margin: 30px 0;
    width: 100%;
}

/* Stĺpec s obrázkom: 33% mínus polovica medzery (gap) */
.split-image {
    flex: 0 0 calc(33% - 15px);
    width: calc(33% - 15px);
}

.split-image img {
    width: 100%;           /* Obrázok sa roztiahne na plnú šírku svojho stĺpca */
    height: auto;          /* Zachová pomer strán */
    border-radius: 8px;    /* Voliteľné: jemné zaoblenie rohov */
    display: block;        /* Odstráni medzeru pod obrázkom */
}

/* Stĺpec s textom: 67% mínus polovica medzery (gap) */
.split-text {
    flex: 0 0 calc(67% - 15px);
    width: calc(67% - 15px);
}

.split-text h3 {
    margin-top: 0;         /* Odstráni zbytočný horný okraj */
    margin-bottom: 10px;
}

.split-text p {
    margin: 0;
    line-height: 1.6;
}

/* --- Responzivita (Mobily) --- */
/* Keď je displej užší ako 768px, stĺpce sa preklopia pod seba */
@media (max-width: 768px) {
    .split-info-box {
        flex-direction: column; /* Položiť pod seba */
        gap: 15px;             /* Menšia medzera na mobile */
    }

    .split-image, 
    .split-text {
        flex: 0 0 100%;        /* Celá šírka pre oba prvky */
        width: 100%;
        text-align: center;    /* Zarovnanie textu na stred (voliteľné) */
    }
}