@media(max-width:992px){

.hero-grid{

    grid-template-columns:1fr;

}

.life{

    grid-template-columns:repeat(2,1fr);

    grid-template-rows:auto auto;

}

.header .container{

    flex-direction:column;

    text-align:center;

    gap:20px;

}

.search input{

    width:100%;

}

.navigation ul{

    flex-wrap:wrap;

}

}
/* ==========================================
   QUICK LINKS
========================================== */

@media(max-width:992px){

    .quick-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .quick-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   INFO BOXES
========================================== */

@media(max-width:992px){

    .info-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .info-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   MOBILE MENU
========================================== */

@media(max-width:992px){

.menu-toggle{

    display:block;
	
	padding: 12px;

    margin:10px 0;

}

.nav-container{

    justify-content:flex-start;

}

.menu{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    background:var(--white);

    flex-direction:column;

    box-shadow:var(--shadow);

    z-index:999;

}

.menu.active{

    display:flex;

}

.menu li{

    width:100%;

    border-bottom:1px solid #eee;

}

.menu a{

    padding:16px 20px;

}

}
/* ==========================================
   AKTUALITY + KALENDÁR
========================================== */

@media(max-width:992px){

    .home-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   KONTAKT + MAPA
========================================== */

@media(max-width:992px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   PERSON CARD
========================================== */

@media(max-width:768px){

    .person-grid{

        grid-template-columns:1fr;

    }

    .person-photo{

        text-align:center;

    }

    .person-photo img{

        max-width:260px;

        margin:auto;

    }

    .document-card{

        flex-direction:column;

        align-items:flex-start;

    }

    .document-card .btn{

        width:100%;

        text-align:center;

    }

}


/* MOBILE FIX – hlavička, topbar a hero */
@media (max-width:600px){
.topbar .container{min-height:0;padding-top:7px;padding-bottom:7px;align-items:flex-start;gap:6px 12px}.topbar-left{min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.topbar-left>*{white-space:nowrap}.topbar-right{flex:0 0 auto;gap:8px}
.header-row{min-height:0;padding:10px 0;flex-wrap:wrap;gap:10px}.site-branding{min-height:0;margin-left:0;padding:0;gap:12px;flex:1 1 auto}.site-logo{width:48px;margin-left:0}.site-name{font-size:1.35rem;line-height:1.15;margin-bottom:2px}.site-subtitle{margin-top:1px;font-size:.86rem}.site-search{flex:1 0 100%;width:100%;margin-left:0}.site-search input{display:block;width:100%;max-width:none;padding:10px 15px}
.hero{padding-top:8px;padding-bottom:24px}.hero .container-wide{padding-left:12px;padding-right:12px}.hero-grid{display:block}.hero-main img{height:330px}.hero-overlay{left:20px;right:20px;bottom:22px}.hero-overlay h1{font-size:1.75rem;line-height:1.15;margin-bottom:7px}.hero-overlay p{margin-bottom:14px;font-size:1rem}.hero-overlay .btn{padding:10px 18px}.hero-gallery{display:none}
}
@media (max-width:380px){.topbar{font-size:.78rem}.site-logo{width:44px}.site-name{font-size:1.2rem}.hero-main img{height:300px}.hero-overlay{left:16px;right:16px;bottom:18px}.hero-overlay h1{font-size:1.55rem}}