/* -------------------------------------- */
/* 1. Styly pro MOBIL (výchozí stav, šířka 100%) */
/* -------------------------------------- */
.video-kategorie {
    width: 100%;             /* Video přes celou šířku na mobilu */
    height: 200px;
    float: none;             /* Zajišťuje, že se nebude obtékat textem */
    margin-bottom: 5px;
}

/* -------------------------------------- */
/* 2. Media Query pro DESKTOP (od šířky 768px) */
/* -------------------------------------- */
@media screen and (min-width: 768px) {
    .video-kategorie {
        width: 30%;             /* Video zabírá 40% šířky na desktopu */
        float: left;            /* Obtékání textem vlevo */
        margin-right: 10px;     /* Mezera mezi videem a textem */
    }
}