.tabulka-rozcestnik {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin: 3ex 0;


    a {
        background-color: #0ea6e5;
        width: calc(50% - 4px);
        box-sizing: border-box;
        border: 3px solid #abd4e4;
        display: flex;
        flex-direction: row;
        text-decoration: none;
        transition: border-color 0.4s ease-in-out;
        color: black;

        h2 {
            display: flex;
            gap: 1em;
            flex-direction: column;
            align-items: center;

            background-color: #ffffff;
            background-size: cover;
            background-position: center;
            min-height: 160px;
            margin: 0;
            transition: background-color 0.4s ease-in-out;

            span {
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex: 1;
                font-size: max(min(20pt,2vw),12pt);
                color: #0ea6e5;
                font-weight: bold;
                width: 15vw;
                box-sizing: border-box;
                text-align: center;
                padding: 0.5em;
                transition: all 0.4s ease-in-out;
                text-overflow: ellipsis;

            }

        }

        p {
            color: #ffffff;
            flex: 1;
            padding: 1em;
            text-align: justify;
        }
    }

    a:hover {
        border-color: #0ea6e5;
        h2 {
            background-color: #e0e0e0;
            span {
                backdrop-filter: blur(6px);
            }
        }
    }

    @media (max-width: 768px) {
        a {
            width: 100%;
            flex-direction: column;

            h2 {
                min-height: auto;
                text-transform: uppercase;
                span {
                    width: auto;
                }
            }
            p {
                padding: 0.1em 1em;
            }

        }
    }
}

.pdf-na-sirku {
    width: 100%;
    aspect-ratio: 297 / 210;
}


.produkt-ikony {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;

    a {
        color: #0ea6e5;
        font-weight: bold;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 48px;
        padding-left: 52px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: background-color 0.4s ease-in-out;
    }

    a:hover {
        background-color: #e0e0e0;
    }

    a.icon-rozmery {
        background-image: url(/userfiles/image/rozmery_73422.png);
    }
    a.icon-techinfo {
        background-image: url(/userfiles/image/info.png);
    }
    a.icon-montaz {
        background-image: url(/userfiles/image/montaz.png);
    }
    a.icon-obsah {
        background-image: url(/userfiles/image/obsah.png);
    }
    a.icon-kodovani {
        background-image: url(/userfiles/image/kodovani.png);
    }
    a.icon-katalog {
        background-image: url(/userfiles/image/katalog_849507.png);
    }
    a.icon-galerie {
        background-image: url(/userfiles/image/galerie.png);
    }
    a.icon-videa {
        background-image: url(/userfiles/image/video.png);
    }

}

@media (max-width: 768px) {
    .produkt-ikony {
        grid-template-columns: repeat(2, 1fr);
    }
}

.parametry {
    margin: 1em 0;
    display: inline-grid;
    grid-template-columns: auto auto;
    border-collapse: collapse;


    td:nth-of-type(1) {
        text-align: left;
        padding: 2px 1em 2px 1em;
    }

    td:nth-of-type(2) {
        padding: 2px 1em 2px 1em;
        margin: 0;
    }

    tr:nth-of-type(odd) {
        background-color: #abd4e4;
    }
}

.video-poradna {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;


    td:nth-of-type(1) {
        text-align: justify;
        width: 66%;
        border-left: 3px solid #abd4e4;
        border-top: 3px solid #abd4e4;
        border-bottom: 3px solid #abd4e4;
        padding: 1em;
        vertical-align: top;
    }

    td:nth-of-type(2) {
        background-color: #0ea6e5;
        padding: 1em;

        iframe {
            width: 100%;
        }

    }
}

@media (max-width: 768px) {
    .video-poradna {
        display: flex;
        flex-direction: column;
        justify-content: stretch;

        tr {
            padding: 8px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            td {
                flex: 1;
            }
            td:nth-of-type(1) {
                border-left: 3px solid #abd4e4;
                border-top: 3px solid #abd4e4;
                border-right: 3px solid #abd4e4;
                border-bottom: none;
                width: auto;
            }
            td:nth-of-type(2) {
                iframe {
                    width: 100%;
                    min-height: 300px;
                }
            }

        }
    }
}