/* ========================= */
/* ≤1024px (tablet a menší)  */
/* ========================= */
@media (max-width:1024px){
#header_zahlavi #zahlavi{max-width:90%;margin:0 auto;padding:0 16px;box-sizing:border-box;}
#header_zahlavi #zahlavi .logo{padding:16px 0;text-align:center;flex:1 1 100%;width:100%;}
#header_zahlavi #zahlavi .logo a{display:inline-block;width:100%;max-width:100%;}
#header_zahlavi #zahlavi .logo img{display:block;margin:0 auto;width:80%;height:auto;max-height:none;}
#header_zahlavi #zahlavi .header-bar{gap:20px;justify-content:center;flex-wrap:wrap;}
#header_zahlavi #zahlavi .kontakty{flex:1 1 100%;display:flex;align-items:center;gap:12px;justify-content:center;text-align:left;}

#hp_recenze{padding:120px 0;}
#hp_recenze .inner{width:min(84%,1000px);}
#hp_recenze .slides{min-height:150px;margin:0 auto 32px auto;}

#hp_galerie{padding:80px 0;}
#hp_galerie .inner{width:90%;}
#hp_galerie .gallery .item{flex:1 1 calc(50% - 20px);}
#hp_galerie h2{margin-bottom:30px;}

#chci_menu{max-width:90%;margin:50px auto 26px auto;}
#chci_menu .in{padding:56px 32px;}
#chci_menu .menu_grid{gap:18px;}
#chci_menu input.inpt_email{width:80%;max-width:420px;}

.galerie_mini { gap: 16px; }
.galerie_mini a { flex: 1 1 calc(50% - 16px); max-width: calc(50% - 16px); }

}

/* ========================= */
/* ≤960px (mobil)            */
/* ========================= */
@media (max-width:960px)
{

#header_zahlavi #zahlavi_menu{background:#fff;}
#header_zahlavi #zahlavi_menu .in nav{display:flex;align-items:center;justify-content:center;min-height:64px;}
#menu{display:none;}
#header_zahlavi .nav_toggle{display:inline-flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:9999px;margin:0 auto 20px auto;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 6px rgba(0,0,0,.08);background:#fff;cursor:pointer;padding:0;line-height:1;}
#header_zahlavi .nav_toggle_box{display:inline-block;}
#header_zahlavi .nav_toggle_bar{display:block;width:34px;height:3px;margin:6px 0;background:#222;transition:transform .2s,opacity .2s;}
#header_zahlavi .nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(1){transform:translateY(9px) rotate(45deg);}
#header_zahlavi .nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(2){opacity:0;}
#header_zahlavi .nav_toggle[aria-expanded="true"] .nav_toggle_bar:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
#header_zahlavi #zahlavi .header-bar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
#header_zahlavi #zahlavi .kontakty.adresa{order:1;}
#header_zahlavi #zahlavi .logo{order:2;flex:1 1 100%;width:100%;text-align:center;padding:16px 0;}
#header_zahlavi #zahlavi .kontakty.spojeni{order:3;}
#header_zahlavi #zahlavi .logo a{display:block;width:100%;max-width:100%;}
#header_zahlavi #zahlavi .logo img{display:block;width:60vw;max-width:360px;height:auto;margin:0 auto;}
#header_zahlavi #zahlavi .kontakty{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;}
#header_zahlavi #zahlavi .kontakty ul{margin:0;padding:0;list-style:none;width:100%;text-align:center;}
#header_zahlavi #zahlavi .kontakty ul li{margin:0;line-height:1.25;}
#header_zahlavi #zahlavi .kontakty.adresa ul{order:0;}
#header_zahlavi #zahlavi .kontakty.adresa .icon-badge{order:1;width:40px;height:40px;margin:6px 0 0 0;}
#header_zahlavi #zahlavi .kontakty.spojeni .icon-badge{order:0;width:40px;height:40px;margin:0 0 6px 0;}
#header_zahlavi #zahlavi .kontakty.spojeni ul{order:1;}

.prvek_hp_uvod { background-size: 40% auto; }
.prvek_hp_uvod .tinymce { max-width: 90%; }
.prvek_hp_uvod .tinymce p:first-child { font-size: 30px; }
.prvek_hp_uvod .tinymce h2 { font-size: 49px; }
.prvek_hp_uvod .tinymce p { max-width: 100%;  }

.obsah.obsah_uvod { background-size: 40% auto; padding-bottom: 80px; }
.obsah.obsah_uvod .tinymce { max-width: 90%; }
.obsah.obsah_uvod .tinymce p:first-child { font-size: 30px; }
.obsah.obsah_uvod .tinymce h2 { font-size: 49px; }
.obsah.obsah_uvod .tinymce p { max-width: 100%;  }

.vypis_box.text { max-width: 90%; margin: 0px auto; padding: 50px 0px 10px 0px; }

#hp_uvod_pic .inner{width:92%;flex-direction:column;min-height:auto;}
#hp_uvod_pic .col{width:100%;flex:0 0 auto;}
#hp_uvod_pic .col.image img{width:100%;height:auto;max-height:400px;object-fit:cover;}
#hp_uvod_pic .col.text{padding:24px 20px 34px 20px;box-sizing:border-box;}
#hp_uvod_pic .text-content{gap:12px;text-align:center;}
#hp_uvod_pic .col.text p{max-width:100%;margin:0 auto;}

#hp_uvod_pic .col.text p { font-size: 26px; }

#denni_menu .inner{width:92%;}
#denni_menu {padding:80px 0 60px 0;}
#denni_menu .menu-row{grid-template-columns:1fr 1fr;min-height:auto;}
#denni_menu .cell .cell-in{padding:28px 16px;}
#denni_menu .col-1::before,#denni_menu .col-2::before,#denni_menu .col-3::before,#denni_menu .col-4::before{display:none;}
#denni_menu h2{margin-bottom:40px;}

#hp_recenze{padding:110px 0;}
#hp_recenze .inner{width:92%;}
#hp_recenze .slides{min-height:140px;margin:0 auto 28px auto;}
#hp_recenze .slide h3{font-size:22px;}
#hp_recenze .label{font-size:32px;}

#hp_recenze { background-size: 250% auto; }

#hp_galerie{padding:70px 0;}
#hp_galerie .inner{width:92%;}
#hp_galerie .gallery{gap:14px;}
#hp_galerie .gallery .item{flex:1 1 100%;}
#hp_galerie .label{ margin-bottom:8px;}
#hp_galerie h2{margin-bottom:24px;font-size:32px;}

#chci_menu{ max-width:92%;margin:46px auto 24px auto;}
#chci_menu .in{padding:48px 22px;}
#chci_menu .menu_grid{flex-wrap:wrap;gap:14px;justify-content:center;align-items:stretch;}
#chci_menu .menu_grid .col1,#chci_menu .menu_grid .col2,#chci_menu .menu_grid .col3{flex:1 1 100%;text-align:center;}
#chci_menu .title{font-size:26px;margin-bottom:6px;}
#chci_menu input.inpt_email{width:100%;max-width:460px;padding:16px 14px;}
#chci_menu .menu_link_like{display:inline-block;padding:10px 0;}
#chci_menu .menu_link_like::after{bottom:-4px;}

#copyright { max-width: 80%; margin: 0px auto; }

.galerie_mini { gap: 14px; }
.galerie_mini a { flex: 1 1 100%; max-width: 100%; }

}



/* ========================= */
/* ≤640px (malý mobil)       */
/* ========================= */
@media (max-width:640px){
#denni_menu .menu-row{grid-template-columns:1fr;gap:8px;}
#denni_menu .cell .cell-in{padding:20px 14px;}
#denni_menu h2{margin-bottom:30px;}
}