*{padding:0; margin:0; position:relative;}

@font-face {
    font-family: 'Lithos Pro';
    src: url('../fonts/LithosPro-Black.woff2') format('woff2'),
        url('../fonts/LithosPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body{min-width:330px; font-family:Calibri, Sans-serif; color:#000000;}

a{text-decoration:none; color:#000000;}
a:hover{text-decoration:underline;}

.bg{width:100%; height:100%; position:fixed; background:url("../img/bg1.jpg") 50% 50% no-repeat; background-size:cover;}

.site{width:100%; max-width:1400px; min-width:330px; margin:0 auto;}
.site-inner{padding:0 20px;}

h1{position:absolute; font-size:1em; text-align:center; top:30px; display:none;}

.menu-box{padding-top: 1px; margin-top: -1px;}
.menu-line{height:100px; background:#ffffff; margin:20px 0; box-shadow:2px 2px 4px rgba(0,0,0,0.7);}
.menu-line .site-inner{display:flex; align-items:center; height:100%;}
.menu-line .menu{flex:1 1 0; width:auto; min-width:0; height:100%; float:none; display:flex; align-items:center; justify-content:flex-start; gap:10px;}
.menu-line .menu nav{flex:1 1 auto;}
.menu-line .menu .mobile-menu-ico{width:35px; height:35px; margin:0 20px; background:url(/img/menuicon.png) 50% 50% no-repeat; background-size:contain; display:none; cursor:pointer;}
.menu-line .ul{padding:0 10px;  list-style:none; display: flex; justify-content:space-around; flex-direction: row; flex-wrap: wrap; gap:10px;}
.menu-line .ul a{display:block; font-size:24px; font-weight:bold;}
.menu-line .ul .menu-social,.menu-line .ul .menu-lang{display:none;}
.menu-line .logo{flex:0 0 auto; width:30%; max-width:280px; height:100px; float:none; margin:0 auto; text-align:center;}
.menu-line .logo img{position:relative; top:-20px; max-width:100%; z-index:5;}
.menu-line .right-side{flex:1 1 0; width:auto; min-width:0; float:none; margin:0; height:100%; font-size:34px; display:flex; align-items:center; justify-content:space-around; gap:12px;}
.menu-line .lang-switch{display:flex; align-items:center; gap:2px; flex:0 0 auto; font-size:16px; font-weight:normal; line-height:1; padding:0; margin:0; position:relative; z-index:6;}
.menu-line .lang-switch a{display:inline-flex; align-items:center; justify-content:center; padding:8px 6px; text-decoration:none; color:#000000; font-size:18px; border:2px solid transparent; font-weight:normal; border-radius:2px;transition:0.2s;}
.menu-line .lang-switch a[aria-current="page"]{font-weight:bold; text-decoration:none;border-color:#000000;}
.menu-line .lang-switch a:hover{text-decoration:underline; border-color:#aaaaaa;}
.menu-line .lang-switch a:focus{outline:none;}
.menu-line .lang-switch a:focus-visible{outline:2px solid #000000; outline-offset:2px; text-decoration:underline;}
.menu-line .lang-switch .lang-sep{display:inline-block; padding:0 2px; color:#666666; font-weight:normal; line-height:1; user-select:none;}
.menu-line .right-side .phone{float:none; padding:0 8px; flex:0 0 auto;}
.menu-line .right-side .phone a{display:flex; align-items:center;}
.menu-line .right-side .phone span{display:inline; white-space:nowrap;}
.menu-line .soc-icons{float:none; display:flex; align-items:center; gap:10px; font-size:0px; flex:0 0 auto;}
.menu-line .right-side .phone-ico{width:45px; height:45px; float:left; margin-right:10px; background:url("../img/phone-ico.png") 50% 50% no-repeat; background-size:contain;}
.menu-line .fb-ico{width:45px; height:45px; float:left; margin-left: 10px; background:url("../img/fb-ico.png") 50% 50% no-repeat; background-size:contain;}
.menu-line .insta-ico{width:45px; height:45px; float:left; margin-left: 10px; background:url("../img/insta-ico.png") 50% 50% no-repeat; background-size:contain;}
.menu-line .clear{display:none;}

.menu-box.cloned .menu-line {height:80px; margin:0;}
.menu-box.cloned .menu-line .menu{height:80px;}
.menu-box.cloned .menu-line .ul{}
.menu-box.cloned .menu-line .right-side{margin:0;}
.menu-box.cloned .menu-line .right-side .phone{margin:0;}
.menu-box.cloned .menu-line .soc-icons{margin:0;}
.menu-box.cloned .menu-line .lang-switch{margin:0;}
.menu-box.cloned .menu-line .lang-switch a{min-height:40px;}
.menu-box.cloned .menu-line .right-side .phone-ico, .menu-box.cloned .menu-line .fb-ico,.menu-box.cloned .menu-line .insta-ico{width:35px; height:35px;}
.menu-box.cloned .menu-line .right-side .phone-ico{margin-top:0;}
.menu-box.cloned .menu-line .fb-ico,.menu-line .insta-ico{margin-left:8px;}
.menu-box.cloned .menu-line .logo img{display:none;}
.menu-box.cloned .menu-line .logo{height:70px; margin:5px 0; background:url(/img/logo2.png) 50% 50% no-repeat; background-size:contain;}

.promo-box{width:50%; float:left; font-size:24px;}
.promo-box .vyrez1{width:calc(100% - 2px); position:absolute; left:-4px; /*background-image:url(/img/vyrez1.png); background-position:0 0; background-repeat:no-repeat; background-size:contain;*/}
.promo-box .vyrez2{/*background-image:url(/img/vyrez2.png);*/}
.promo-box .vyrez1 img{max-width:100%;}
.promo-box .box-bg{width:calc(100% - 2px); height:calc(100% - 103px); position:absolute; top:103px; left:-4px; background:url(/img/vyrez-bg.png) 50% 50% repeat-y; background-size:contain;}
.promo-box .box-bg-bottom{width:100%; height:4px; position:absolute; bottom:-4px; background:url(/img/vyrez-bg-b.png) 0 50% no-repeat; background-size:contain;}
.promo-box .inner{height:100%; padding:0px 20px; margin-right:10px; }
.promo-box:nth-child(3) .inner{margin-right:0px;margin-left:10px;}
.promo-box:nth-child(3){text-align:right;}
.promo-box:nth-child(3) .vyrez2{left:6px;}
.promo-box:nth-child(3) .box-bg{left:6px;}
.promo-box h2{font-family: 'Lithos Pro'; font-size:34px; line-height:34px; padding-top:20px;}
.promo-box h3{font-size:34px;}
.promo-box h3 sup{font-weight:normal; font-size:0.5em;}
.promo-box h3 .icon{margin-left:10px;}
.promo-box .price-box-place{height:60px;}
.promo-box .foot{width: calc(100% - 40px); position:absolute; bottom:5px; padding-right: 20px;}
.promo-box .pozn{width:80%; float:left; padding-top:10px; text-align:left; font-size:16px;}
.promo-box .price-box{float:right; padding-top:10px; font-size:34px; line-height: 24px; font-weight:bold; text-align:right;}
.promo-box .price-box .price-pozn{font-size:14px; text-align:right;}

.promo-box .inner .pc_only{width:100px; height:30px; float:right;}
.promo-box .inner p{padding-top:5px; padding-bottom:10px;}
.promo-box .lunch-menu-lead{font-weight:bold; padding-bottom:4px;}
.promo-box .lunch-menu-names{font-size:22px; line-height:1.35; padding-bottom:8px;}
.promo-box .lunch-menu-names a{color:inherit; text-decoration:underline;}
.promo-box .lunch-menu-names a:hover{text-decoration:none;}
.promo-box .lunch-menu-names .lunch-menu-name{color:inherit; font-weight:bold; font-size:1.2em; white-space:nowrap;}
.cont .item[id^="pizza-"]{scroll-margin-top:100px;}


.promo-text{margin:20px 0; padding:0 10px; text-align:center;}
.promo-text h3{font-family: 'Lithos Pro'; font-size:55px; text-shadow: -2px -2px 1px #fff, 0 -2px 1px #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 2px 2px 1px #fff, 0 2px 1px #fff, -2px 2px 1px #fff, -2px 0 1px #fff;}
.promo-text p{font-size:30px; line-height: 30px; text-shadow:-1px -1px 0 #fff,0   -1px 0 #fff,1px -1px 0 #fff,1px  0   0 #fff,1px  1px 0 #fff,0    1px 0 #fff,-1px  1px 0 #fff,-1px  0   0 #fff;}

.site-inner.flex-center{display:flex; justify-content:center;}
.site-inner a.button{color:#fff; border:2px solid #fff; font-size:2em; font-weight:bold; padding:10px 20px; margin:20px auto 0; border-radius:5px;box-shadow: 0px 0px 10px #000;
background: -webkit-linear-gradient(45deg, #d70303 0%, #479603 33%, #d70303 66%, #479603 100%);
    background: -moz-linear-gradient(45deg, #d70303 0%, #479603 33%, #d70303 66%, #479603 100%);
    background: -ms-linear-gradient(45deg, #d70303 0%, #479603 33%, #d70303 66%, #479603 100%);
    background: -o-linear-gradient(45deg, #d70303 0%, #479603 33%, #d70303 66%, #479603 100%);
    background: linear-gradient(45deg, #d70303 0%, #479603 33%, #d70303 66%, #479603 100%);
    background-size: 400% 400%;
    -webkit-animation: errorBg 5s linear infinite;
    -moz-animation: errorBg 5s linear infinite;
    animation: errorBg 5s linear infinite;
    transition:0.3s;
}

@-webkit-keyframes errorBg {
    0% {
        background-position: 100% 0%
    }
    100% {
        background-position: 15% 100%
    }
}

@-moz-keyframes errorBg {
    0% {
        background-position: 100% 0%
    }
    100% {
        background-position: 15% 100%
    }
}

@keyframes errorBg {
    0% {
        background-position: 100% 0%
    }
    100% {
        background-position: 15% 100%
    }
}
.site-inner a.button:hover{background:linear-gradient(45deg, #d70303, #d70303);-webkit-animation: 0;animation:0; }

.site-inner a.button2{color:#fff; border:2px solid #fff; font-size:2em; font-weight:bold; padding:10px 20px; margin:20px auto; border-radius:5px;box-shadow: 0px 0px 10px #000;background:linear-gradient(#ff4825, #b0290f);display:inline-block;transition:0.3s;}
.site-inner a.button2:hover{background:linear-gradient(#cd370f,#cd370f)}

.site-inner a.button3{color:#333; border:2px solid #333; font-size:2em; font-weight:bold; padding:10px 30px; margin:20px auto; border-radius:5px;box-shadow: 0px 0px 10px #000;background:linear-gradient(#fff300, #e2cb00);display:inline-block;transition:0.3s;}
.site-inner a.button3:hover{background:linear-gradient(#f3e800, #f3e800);}

.cont-box{background:rgba(255,255,255,0.9); margin-bottom:20px; box-shadow:0 0 8px rgba(0,0,0,0.6);}
.cont-box.online{margin-top:20px;}
.cont-box.akce{margin-top:20px; font-size:24px;}
.cont-box.akce .inner{padding:20px;}
.cont-box.akce .h3{font-family: 'Lithos Pro'; font-size:34px;}

.cont-box .head{margin-top: -1px; padding:5px 20px 10px; background:#549F29; color:#ffffff; font-size:20px; }

.cont-box .head h3{float:left; font-family: 'Lithos Pro'; font-size:34px; text-shadow:4px 4px 4px rgba(0,0,0,0.65); padding-top: 1px;}
.cont-box .head .pozn{float:left;  font-weight:bold; margin:15px 0 0 20px;}
.cont-box .head .pozn.right{float:right; font-weight:normal; display:flex; flex-wrap:wrap; gap:10px;}
.cont-box .head .pozn.right span{padding-left:10px; border-left:1px solid #ffffff88;}
.cont-box .head .pozn.right span:first-child{padding-left:0px;border-left:none;}
.cont-box .head .pozn .stick{padding:3px 10px; margin-top:-7px; background:#ffffff; font-size:1.1rem; font-weight:bold; color:#D70303; border:2px solid #D70303; border-radius:5px; transform: rotate(-4deg);}
.cont-box .cont{padding:5px 10px; display:flex;flex-wrap:wrap;}
.cont-box .cont .w100{width:100%;}
.cont-box .cont .cat-note{width:100%; box-sizing:border-box; padding:6px 15px 4px; font-size:16px; line-height:1.45; color:#444;}
.cont-box .cont .cat-note p{margin:0;}
.cont-box .cont .side{width:50%; float:left;}
.cont-box .cont .side .promoImg{width:calc(100% - 20px); height:calc(100% - 20px); margin:10px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; max-width:100%; max-height:100%;}
.cont-box .cont .side .promoImg.zebra{background-image:url(/img/zebra2.jpg);}
.cont-box .cont .item{padding:10px 15px; margin:10px 10px; background:#ffffff; box-shadow:1px 1px 4px rgba(51,51,51,0.65);font-size:18px;}
.cont-box .cont .item .itemhead{}
.cont-box .cont .item .itemhead h3{float:left; font-size:24px;}
.cont-box .cont .item .itemhead .alergeny{float:right; font-size:16px;}
.allergen-widget{position:relative; display:inline-block;}
.allergen-trigger{margin:0; padding:0; border:0; background:none; color:inherit; font:inherit; line-height:inherit; cursor:pointer;}
.allergen-trigger:hover,.allergen-trigger:focus-visible,.allergen-trigger[aria-expanded="true"]{color:#D70303; text-decoration-style:solid;}
.allergen-trigger:focus-visible{outline:2px solid currentColor; outline-offset:2px;}
.allergen-popover{position:absolute; z-index:50; top:calc(100% + 9px); right:0; width:280px; max-width:calc(100vw - 50px); box-sizing:border-box; padding:12px 14px; border:1px solid #d2d2d2; border-radius:6px; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,0.3); color:#333; font-family:Arial,sans-serif; font-size:15px; font-style:normal; font-weight:normal; line-height:1.35; text-align:left; white-space:normal;}
.allergen-popover::before{content:""; position:absolute; top:-7px; right:15px; width:12px; height:12px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fff; transform:rotate(45deg);}
.allergen-popover[hidden]{display:none;}
.allergen-popover-title{display:block; margin-bottom:6px; color:#D70303; font-weight:bold;}
.allergen-popover-item{display:block; margin-top:3px;}
.allergen-popover-item strong{display:inline-block; min-width:20px;}
.cont-box .cont .item .obsah{min-height:65px; line-height:25px;}
.cont-box .cont .item .price-box{position:absolute; bottom:0px; right:0px; text-align:right;}
.cont-box .cont .item .price-box .price{font-size:22px; font-weight:bold; line-height: 18px;}
.cont-box .cont .item .price-box .price-pozn{font-size:14px;line-height: 16px;}
.cont-box .cont .item .price-box .price.nedostupne{font-size:18px; line-height: 18px;}

.cont-box .cont .item.small h3{width:50%; float:left;}
.cont-box .cont .item.small .objem{width:25%; margin-top:5px; float:left; font-size:16px; text-align:right;}
.cont-box .cont .item.small .price{width:25%; float:left; font-size:22px; font-weight:bold; text-align:right; }

.cont-box.red{font-size:20px;}
.cont-box.red .head{background:#DC3316;}
.cont-box.red .cont .inner{padding:10px 10px;}
.cont-box.red .cont h4{padding-bottom:5px; font-size:24px;}
.cont-box.red .cont .box{margin-bottom:20px;}
.cont-box.red .cont .box:last-child{margin-bottom:0px;}
.cont-box.red .cont .box table{border-spacing:0;}
.cont-box.red .cont .box table td{padding:2px 0;}
.cont-box.red .cont .box table td.opennow{font-size:22px;}
.cont-box.red .cont .box table td.green{color:#529F27;}
.cont-box.red .cont .box table td.red{color:#DC3316;}
.cont-box.red .cont .box table td:first-child{padding-right:20px;}
.cont-box.red .cont .box table td.opennow span{white-space:nowrap;}
.cont-box.red img{max-width:100%; max-height:100%;}

iframe.mapa{width:100%; height:330px; border:0;}

footer{text-align:center; font-size:12px; padding:0 0 10px; color:#ffffff; text-shadow:1px 1px 3px #333333;}

.icon{opacity:0.6; transition:0.2s;}
.icon:hover{opacity:1;}
.icon svg{max-width:100%; max-height:100%; width:30px;}

.infoBar{width:100%; padding:5px 0; background:rgba(0,0,0,0.8); color:#ffffff; position:fixed; bottom:0px; text-align:center; font-size:1.2rem;}

.flexbox{display:flex;}
.clear{clear:both;}
.kotva{position:absolute; top:-90px;}
.text-center{text-align:center;}

.pc_only{display:block !important;}
.tablet_only{display:none !important;}
.mobile_only{display:none !important;}

.hidden, .hide{display:none;}

@media screen and (max-width: 1200px){
.menu-line{height:90px;}
.menu-line .menu{height:90px;}
.menu-line .ul a{font-size:22px;}
.menu-line .logo {width:24%; max-width:240px;}
.menu-line .right-side{font-size:30px; font-weight:800; gap:10px;}
.menu-line .lang-switch a{font-size:16px; padding:6px 5px;}
.menu-line .right-side .phone{}
.menu-line .right-side .phone .phone-ico{width:35px; height:35px;margin-top: 2px;}

.promo-box, .cont-box.akce{font-size:20px;}
.promo-box h2,.promo-box h3,.cont-box.akce .h3{font-size:30px;}
.promo-box .pozn{width:82%; font-size:14px;}
.promo-box .price-box{font-size:32px; line-height: 18px;}
.promo-box .price-box .price-pozn{font-size:12px;}


}

@media screen and (max-width: 1024px){
.menu-line{height:80px; margin:10px 0 20px;}
.menu-line .site-inner{justify-content:flex-start; gap:10px;}
.menu-line .logo{order:1; flex:0 0 auto; width:auto; max-width:150px; height:80px;}
.menu-line .logo img{top:-10px; max-height:110px;}
.menu-line .right-side{order:2; flex:1 1 auto; justify-content:flex-start; align-items:center; gap:8px; font-size:22px; font-weight:800; min-width:0;}
.menu-line .menu{order:3; flex:0 0 auto; width:auto; min-width:44px; height:80px; justify-content:flex-end;}
.menu-line .menu nav{position:absolute; bottom:0; right:0; left:auto; flex:none; width:auto;}
.menu-line .menu nav .ul{top:-10px;}
.menu-line .menu .mobile-menu-ico{display:block; margin:0 8px;}
.menu-line .ul{min-width:180px; position:absolute; background:#ffffff; z-index:20; display:none; left:auto; right:10px; top:0; box-shadow:0px 0px 4px #333;}
.menu-line .ul a{width:100%; padding:15px 20px;}
.menu-line .right-side .phone{padding:0;}
.menu-line .right-side .phone .phone-ico{width:32px; height:32px; margin-right:6px; margin-top:0;}
.menu-line .right-side .phone span{display:inline; font-size:0.95em;}
.menu-line .lang-switch.header-lang a{font-size:15px; min-width:36px; min-height:40px; padding:5px 3px;}
.menu-line .fb-ico,.menu-line .insta-ico{width:32px; height:32px; margin-left:4px;}
.menu-line .soc-icons{gap:6px;}

.flexbox{display:block;}
.promo-box{width:100%; box-shadow:0px 0px 4px #333; background:rgba(255,255,255,0.9); float:none;}
.promo-box:first-child{padding-top:10px;}
.promo-box:nth-child(2){text-align:unset;}
.promo-box:first-child{margin-bottom:20px;}
.promo-box .inner, .promo-box:nth-child(2) .inner{margin-right:0px; margin-left:0px;}

.promo-box .box-bg-bottom,.promo-box .box-bg,.promo-box .vyrez1,.promo-box .vyrez2{display:none;}

.promo-text h3{font-size:42px;}
.promo-text p{font-size:28px; line-height:28px;}

.cont-box .cont{display:block;}
.cont-box .cont .side{width:100%; float:none;}
.pc_only{display:none !important;}
.tablet_only{display:block !important;}
}

@media screen and (max-width: 768px){
.menu-line{height:70px;}
.menu-line .menu{height:70px;}
.menu-line .logo{max-width:130px; height:70px;}
.menu-line .right-side{gap:6px; font-size:18px;}
.menu-line .right-side .soc-icons{display:none;}
.menu-line .ul .menu-social{display:block;}
.menu-line .right-side .phone .phone-ico{display:none;}
.menu-line .right-side .phone span{display:inline;}
.menu-line .menu .mobile-menu-ico{margin:0 8px;}
.menu-line .lang-switch.header-lang a{font-size:14px; min-width:34px; min-height:36px; padding:4px 2px;}
.promo-text h3{font-size:38px;}
.promo-text p{font-size:26px; line-height:26px;}
}

@media screen and (max-width: 640px){
h1{top:15px;font-size: 0.9em;}
.site-inner{padding:0;}
.menu-line{height:50px;}
.menu-line .site-inner{padding:0 4px; gap:6px;}
.menu-line .logo{max-width:100px; height:70px;}
.menu-line .logo img{max-height:120%; top:-8px;}
.menu-line .right-side{height:50px; margin:0; gap:4px; font-size:15px; font-weight:bold;}
.menu-line .menu{height:50px;}
.menu-line .menu .mobile-menu-ico{width:25px; height:25px; margin:0; padding:0 4px;}
.menu-line .ul{top:0; z-index:30;}
.menu-line .ul a{font-size:20px;}
.menu-line .lang-switch.header-lang a{font-size:13px; min-width:30px; min-height:34px; padding:3px 2px; border-width:1px;}
.menu-line .lang-switch.header-lang a:focus-visible{outline-width:1px; outline-offset:1px;}
.menu-line .lang-switch .lang-sep{padding:0;}
.menu-line .right-side .phone{padding:0;}
.menu-line .right-side .phone .phone-ico{display:none;}
.menu-line .right-side .phone span{display:inline; font-size:14px; letter-spacing:-0.02em;}
.menu-box.cloned .menu-line{height:60px;}
.menu-box.cloned .menu-line .menu{height:60px;}
.menu-box.cloned .menu-line .ul{top:-5px;}
.menu-box.cloned .menu-line .right-side{margin-top:0; height:60px; align-items:center;}
.menu-box.cloned .menu-line .lang-switch a{min-height:32px; padding:3px 2px;}
.menu-box.cloned .menu-line .logo{height:50px; max-width:90px;}

.promo-box,.cont-box.akce{font-size:16px;}
.promo-box .inner{padding:0 10px;}
.promo-box h2,.cont-box.akce .h3{font-size:24px;}
.promo-box h3{font-size:22px;}
.promo-box:nth-child(2) h3{font-size:20px;}
.promo-box .pozn{width: calc(100% - 100px); font-size: 12px;}
.promo-box .price-box{font-size:26px;}
.promo-box .price-box-placeb{height:70px;}
.promo-box .foot{width: calc(100% - 20px);  padding-right: 10px;}
.cont-box.akce .inner{padding:10px;}
.promo-text h3{font-size:26px;}
.promo-text p{font-size:18px; line-height:20px; font-weight:bold;}
.site-inner a.button{font-size:1.6em;}
.site-inner a.button3{font-size:1.4em; padding:10px 20px;}
.cont-box .head{padding:5px 10px 10px;}
.cont-box .head h3{font-size:26px;}
.cont-box .head .pozn{float:right; margin:10px 0 0; font-size:16px;}
.cont-box .head .pozn.right{clear:both;float:left; margin:0 2px; gap:5px;}
.cont-box .head .pozn.right span{padding-left:5px;}
.cont-box .cont .cat-note{padding:4px 10px 2px; font-size:14px; line-height:1.4;}
.cont-box .cont .item{margin:10px 0; padding:5px 10px; font-size:16px;}
.cont-box .cont .item .itemhead h3{font-size:20px;}
.cont-box .cont .item .itemhead .alergeny{font-size:14px;}
.cont-box .cont .item .obsah{min-height:70px; line-height:16px;}
.cont-box .cont .item .price-box .price{font-size:20px;}
.cont-box .cont .item .price-box .price-pozn {font-size: 12px;line-height: 14px;}

.cont-box.red{font-size:16px;}
.cont-box.red .cont h4{font-size:20px;}
.cont-box.red .cont .box table td.opennow{font-size:18px;}

.pc_only{display:none !important;}
.tablet_only{display:none !important;}
.mobile_only{display:block !important;}
}

/* Nejužší šířky: lang do hamburger menu, číslo zůstává v liště */
@media screen and (max-width: 380px){
.menu-line .right-side .lang-switch.header-lang{display:none;}
.menu-line .ul .menu-lang{
  display:flex;
  width:100%;
  box-sizing:border-box;
  padding:10px 20px 14px;
  gap:4px;
  border-top:1px solid #e0e0e0;
  justify-content:flex-start;
}
.menu-line .ul .menu-lang a{
  width:auto;
  min-width:40px;
  min-height:36px;
  padding:6px 8px;
  font-size:16px;
  font-weight:bold;
  border-width:1px;
}
.menu-line .right-side .phone span{font-size:13px;}
.menu-line .logo{max-width:88px;}
}

/* Mobile-first ordering and menu navigation */
.mobile-menu-ico{
    border:0;
    appearance:none;
    -webkit-appearance:none;
}
.mobile-menu-ico:focus-visible,
.category-nav a:focus-visible,
.price-info-trigger:focus-visible{
    outline:3px solid #D70303;
    outline-offset:3px;
}
.mobile-order-wrap{display:none;}
.mobile-order-card{
    margin:0 0 20px;
    padding:14px 16px 16px;
    background:rgba(255,255,255,0.95);
    box-shadow:0 0 8px rgba(0,0,0,0.6);
    text-align:center;
}
.mobile-order-card .mobile-order-status{
    margin-bottom:8px;
    font-size:17px;
    line-height:1.25;
}
.mobile-order-card .mobile-order-status.green{color:#397d16;}
.mobile-order-card .mobile-order-status.red{color:#b5230d;}
.mobile-order-card .mobile-order-status span{white-space:normal;}
.mobile-order-card a.button3{
    display:block;
    box-sizing:border-box;
    width:100%;
    max-width:480px;
    margin:0 auto;
}

.category-nav{
    margin:0 0 16px;
    padding:10px;
    background:rgba(255,255,255,0.94);
    box-shadow:0 0 8px rgba(0,0,0,0.5);
}
.category-nav-scroll{
    display:flex;
    justify-content:center;
    gap:8px;
}
.category-nav a{
    flex:0 0 auto;
    padding:9px 13px;
    border:2px solid #549F29;
    border-radius:999px;
    color:#24520b;
    background:#fff;
    font-size:17px;
    font-weight:bold;
    line-height:1;
    text-decoration:none;
}
.category-nav a:hover{
    color:#fff;
    background:#549F29;
    text-decoration:none;
}
.menu-category{scroll-margin-top:100px;}
.category-head{scroll-margin-top:100px;}
.price-info-widget{
    float:right;
    margin:8px 0 0 10px;
}
.price-info-trigger{
    width:32px;
    height:32px;
    padding:0;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    background:transparent;
    font:bold 20px/28px Georgia,serif;
    cursor:pointer;
}
.price-info-trigger:hover,
.price-info-trigger[aria-expanded="true"]{
    color:#397d16;
    background:#fff;
}
.price-info-popover{
    position:absolute;
    z-index:160;
    top:calc(100% + 9px);
    right:0;
    width:320px;
    max-width:calc(100vw - 24px);
    box-sizing:border-box;
    padding:13px 15px;
    border:1px solid #d2d2d2;
    border-radius:6px;
    color:#333;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,0.3);
    font-family:Calibri,Sans-serif;
    font-size:16px;
    font-weight:normal;
    line-height:1.35;
    text-align:left;
    text-shadow:none;
}
.price-info-popover::before{
    content:"";
    position:absolute;
    top:-7px;
    right:10px;
    width:12px;
    height:12px;
    border-top:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;
    background:#fff;
    transform:rotate(45deg);
}
.price-info-popover[hidden]{display:none;}
.price-info-popover strong,
.price-info-popover span{display:block;}
.price-info-popover strong{
    margin-bottom:5px;
    color:#397d16;
}

@media screen and (max-width:1024px){
    .mobile-order-wrap{display:block;}
    .category-head{
        position:sticky;
        top:80px;
        z-index:120;
    }
    .category-nav-scroll{
        justify-content:flex-start;
        overflow-x:auto;
        padding:2px 2px 7px;
        scroll-snap-type:x proximity;
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
    }
    .category-nav a{scroll-snap-align:start;}
}

@media screen and (max-width:768px){
    .category-head{top:70px;}
}

@media screen and (max-width:640px){
    .mobile-order-card{margin-bottom:12px;}
    .mobile-order-card .mobile-order-status{font-size:16px;}
    .category-nav{
        margin-bottom:12px;
        padding:8px 6px 3px;
    }
    .category-nav a{
        min-height:42px;
        box-sizing:border-box;
        padding:11px 13px;
        font-size:16px;
    }
    .category-head{
        top:60px;
        padding-right:8px;
    }
    .category-head h3{max-width:calc(100% - 42px);}
    .category-head .pozn.right{
        width:calc(100% - 40px);
        box-sizing:border-box;
    }
    .price-info-widget{
        position:absolute;
        top:4px;
        right:8px;
        float:none;
        margin:0;
    }
    .price-info-trigger{
        width:30px;
        height:30px;
        font-size:18px;
        line-height:26px;
    }
}

/* Keep full phone number and the language switch visible even at 330 px. */
@media screen and (max-width:380px){
    .menu-line .site-inner{gap:3px;}
    .menu-line .logo{max-width:70px;}
    .menu-line .right-side{
        flex:1 1 auto;
        gap:2px;
        font-size:12px;
    }
    .menu-line .right-side .phone span{
        font-size:12px;
        letter-spacing:-0.045em;
    }
    .menu-line .right-side .lang-switch.header-lang{
        display:flex;
    }
    .menu-line .lang-switch.header-lang a{
        min-width:25px;
        min-height:32px;
        padding:2px 1px;
        font-size:12px;
    }
    .menu-line .ul .menu-lang{display:none;}
    .menu-line .menu{min-width:31px;}
    .menu-line .menu .mobile-menu-ico{
        width:23px;
        height:23px;
        padding:0 3px;
    }
}