/* reset paddingu */

body {

    padding: 0;

}



/* layout */

.split {

    display: flex;

    min-height: calc(100vh - 160px);

}



/* bloky */

.block {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: transform 0.3s, box-shadow 0.3s;

}



/* obsah */

.content {

    max-width: 420px;

    padding: 40px;

    margin: 0 auto;

    text-align: center;

    transition: transform 0.3s;

}



/* světlý blok */

.block.light {

    background-color: #ffffff;

    color: #333;

}



/* tmavý blok */

.block.dark {

    background-color: #121212;

    color: #ffffff;

}



/* nadpisy */

.block h2 {

    font-size: 2.2em;

    margin-bottom: 20px;

    text-align: center;

}



.block.dark h2 {

    color: #FF6400;

}



/* text */

.block p {

    text-align: center;

    margin-bottom: 15px;

}



/* seznam */

.block ul {

    list-style: none;

    padding: 0;

    margin: 20px 0;

    text-align: center;

}



/* položky */

.block ul li {

    text-align: center;

    margin-bottom: 10px;

}



/* fajfky */

.block ul li::before {

    content: "✔ ";

    color: #FF6400;

}



/* hover efekt */

.block:hover {

    transform: scale(1.02);

    z-index: 2;

}



.block:hover .content {

    transform: translateY(-5px);

}



/* tlačítko */

.block .contact-button {

    margin-top: 20px;

}



/* scroll hint – defaultně skrytý */

.scroll-hint {

    display: none;

}



/* ===== MOBIL (OPRAVENÁ VERZE) ===== */

@media (max-width: 768px) {



    .split {

        flex-direction: column;

        height: calc(100vh - 140px);

    }



    .block {

        flex: 1;

        min-height: 50vh; /* 👈 klíčová změna – oba bloky viditelné */

    }



    .content {

        padding: 20px;

    }



    .block h2 {

        font-size: 1.6em;

    }



    .block p {

        font-size: 1em;

    }



    .block ul li {

        font-size: 0.95em;

    }



    /* oddělení bloků */

    .block:first-child {

        border-bottom: 2px solid #FF6400;

    }



    /* hint není potřeba */

    .scroll-hint {

        display: none;

    }

}