header.hlavicka {position: -webkit-sticky; position: sticky; top: 0; z-index: 30;  display: flex; justify-content: space-between; align-items: center; gap: 20px; height: var(--hlavtl); padding: 0px max(15px, calc((100vw - var(--strsire)) / 2)); border-bottom: 1px solid #ddd; background-color: #f9f9f9;}
header .hlavicka_logo {flex: 0 1 auto; display: block; min-width: 0;}
header .hlavicka_logo img {display: block; width: auto; height: 36px;}
header .hlavicka_nav {position: relative; flex: 0 0 auto; display: flex; align-items: center;justify-content: flex-end;}
header .hlavicka_menu_tl {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; border: 0; background: none; cursor: pointer;}
header .hlavicka_menu_tl svg {display: block; width: 30px; height: 30px;}
header .hlavicka_menu_ikona {fill: var(--modr);}
header .hlavicka_menu {position: fixed; top: var(--hlavtl); left: 0; right: 0; display: none; background-color: rgba(17, 44, 84, 0.98);}
header .hlavicka_nav.open .hlavicka_menu {display: block;}

header .hlavicka_menu a {display: block; padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.15); font-size: 18px; font-weight: 500; color: var(--bila); text-align: center;}
header .hlavicka_menu a:hover {background-color: var(--cerv);}

@media (min-width: 1201px) {
    header .hlavicka_logo img {
        width: clamp(220px, 20vw, 320px);
        height: auto;
    }

    header .hlavicka_menu_tl {
        display: none;
    }

    header .hlavicka_menu {
        position: static;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        background: none;
    }

    header .hlavicka_menu a {
        padding: 0px 15px;
        border-bottom: 0;
        font-size: 18px;
        font-weight: 400;
        color: var(--modr);
        text-align: left;
        white-space: nowrap;
    }

    header .hlavicka_menu a:hover {
        background: none;
        color: var(--cerv);
    }
}