header { position: fixed; top: 0; bottom: auto; left: 0; right: 0; width: 100%; color: #fff; background: #394146; transition: height .3s; z-index: 100; }
header a { color: currentColor; }

header .header-main { display: flex; justify-content: space-between; height: 6rem; transition: height .3s; }

header .header-main .side-menu-toggler { flex: 0 0 4rem; font-size: 2.8rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; color: #fff; background: var(--color-brown); transition: background .3s; text-decoration: none; }
header .header-main .side-menu-toggler:hover { background: var(--color-brown-hover); }
header .header-main .side-menu-toggler .title { display: none; }

header .header-main .logo { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; margin: 0; padding: 1rem; }
header .header-main .logo img { max-height: 4rem; }

header .header-main .header-icons { flex: 0 0 4rem; display: flex; justify-content: flex-end; }
header .header-main .header-icons > * { flex: 0 0 4rem; position: relative; }
header .header-main .header-icons .link { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-decoration: none; transition: color .3s,background .3s; }
header .header-main .header-icons .link > .icon { margin: 0 0 1rem; font-size: 2.8rem; transition: font-size .3s, margin .3s; }
header .header-main .header-icons .link .name { display: flex; justify-content: center; align-items: center; font-size: .9rem; font-weight: 700; text-transform: uppercase; color: #fff; transition: none; }
header .header-main .header-icons .link .count { position: absolute; top: .25rem; right: .25rem; width: 1.8rem; height: 1.8rem; color: #fff; background: var(--color-brown-hover); font-size: 1.1rem; font-weight: 600; border-radius: 1.8rem; line-height: 2rem; text-align: center; transition: top .3s; }

header .header-main .header-icons > div.is-opened .link,
header .header-main .header-icons > div:hover .link { color: var(--color-brown-hover); }
header .header-main .header-icons > div.is-opened .header-tooltip,
header .header-main .header-icons > div:hover .header-tooltip { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0); transition-delay: 0s, 0s, 0s, 0s, .2s; }
header .header-main .header-icons > div.is-opened .header-tooltip:after,
header .header-main .header-icons > div.is-opened .header-tooltip:before,
header .header-main .header-icons > div:hover .header-tooltip:after,
header .header-main .header-icons > div:hover .header-tooltip:before { top: -3rem; border-bottom-width: 1rem; }

header .header-main .header-tooltip { position: absolute; top: 100%; right: -0.1rem; min-width: 16.1rem; border: 0.1rem solid #ddd; background: #fff; color: #000; visibility: hidden; opacity: 0; width: 100%; transform: translateY(-2em); z-index: -1; transition: visibility 0s linear .2s, box-shadow .2s ease-in-out 0s, opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s, z-index 0s linear .01s; }
header .header-main .header-tooltip,
header .header-main .header-tooltip ul { margin: 0; padding: 0; list-style-type: none; }
header .header-main .header-tooltip li { border-top: 0.1rem solid #ddd; }
header .header-main .header-tooltip li:first-child { border-top: none; }
header .header-main .header-tooltip li a { position: relative; display: block; padding: 1rem; font-size: 1.5rem; font-weight: 300; text-align: left; text-decoration: none; transition: color 0.3s; }
header .header-main .header-tooltip li a:hover { color: #1ca9ea; }
header .header-main .header-tooltip li a .icon { fill: #ddd; margin-right: 0.5rem; }
header .header-main .header-tooltip:after,


header .header-main .header-icons .header-cart { height: 100%; }
header .header-main .header-icons .cart--cart-block { height: 100%; }
header .header-main .header-icons .header-cart .link { color: #fff; background: var(--color-brown); }
header .header-main .header-icons .header-cart .link:hover { color: #fff; background: var(--color-brown-hover); }
header .header-main .header-icons .header-cart .link .icon { margin: 0; font-size: 3.6rem; }

header .header-main .header-icons .header-search { height: 100%; position: static; }
header .header-main .header-icons .header-search .header-tooltip { min-width: auto; }
header .header-main .header-icons .header-search .header-tooltip .header-search-form { display: flex; align-items: stretch; gap: 0.5rem; width: auto; padding: 1rem; }
header .header-main .header-icons .header-search .header-tooltip .header-search-form input { flex: 1; min-width: 0; padding: 0 1rem; height: 4rem; box-sizing: border-box; }
header .header-main .header-icons .header-search .header-tooltip .header-search-form button { flex: 0 0 auto; margin: 0; }
header .header-main .header-icons .header-search .header-tooltip .header-search-form .header-search-form-icon-wrapper { flex: 0 0 auto; display: flex; align-items: center; width: 30px; height: 4rem; justify-content: center; }

.header-tooltip-search{position:absolute;top:100%;left:-10rem;right:-10rem;display:block;margin:auto;padding:1rem 0 0;z-index:19}
.header-tooltip-search .header-tooltip-search-in{position:relative;display:flex;align-items:stretch;max-width:70rem;width:100%;padding:0;background:#fff;box-shadow:0 0 .7rem rgba(0,0,0,.10196);z-index:200}
.header-tooltip-search .header-tooltip-search-in:after,.header-tooltip-search .header-tooltip-search-in:before{content:"";position:absolute;top:-3rem;left:0;right:0;width:0;height:0;margin:auto;border:2rem solid transparent;border-bottom:1rem solid #757575;}
.header-tooltip-search .header-tooltip-search-in:after{border-bottom-color:#fff;}
.header-tooltip-search .header-tooltip-search-in:before{filter:drop-shadow(0 0 .7rem rgba(0,0,0,.10196))}
.header-tooltip-search .categories,.header-tooltip-search .products{background:#fff;position:relative;padding:2rem;z-index:10}
.header-tooltip-search .categories h6,.header-tooltip-search .products h6{text-align:left}
.header-tooltip-search .categories ul li a,.header-tooltip-search .products ul li a{padding:1rem 0;text-decoration:none}
.header-tooltip-search .categories ul li a:hover,.header-tooltip-search .products ul li a:hover{text-decoration:underline}
.header-tooltip-search .categories ul li a:after,.header-tooltip-search .products ul li a:after{content:none}
.header-tooltip-search .products{flex-basis:30rem;border-right:.1rem solid #ddd;}
.header-tooltip-search .products .item{display:flex;min-height:4rem;margin:.5rem 0;color:#394146;text-align:left}
.header-tooltip-search .products .item .img{flex:0 0 4rem;margin:0 1rem 0 0}
.header-tooltip-search .products .item .img img{width:4.2rem;height:auto}
.header-tooltip-search .categories ul a{color:#394146;}


@media (min-width: 560px) {
header .header-main .side-menu-toggler { flex: 0 0 6rem; }
header .header-main .header-icons { flex: 0 0 6rem; }
header .header-main .header-icons > * { flex: 0 0 6rem; }

header .header-main .header-tooltip:before { position: absolute; top: -2rem; width: 0; right: 1rem; height: 0; border: 2rem solid transparent; border-bottom: 0 solid #fff; content: ""; transition: top .2s .2s, border .2s .2s; }
header .header-main .header-tooltip:after { margin-top: 0.1rem; border-bottom-color: #fff; }

header .header-main .header-icons .header-search { position: relative; }
header .header-main .header-icons .header-search .header-tooltip { min-width: 45rem; }
}

@media (min-width: 830px) {
header .header-main { height: 7rem; }
header .header-main .side-menu-toggler { flex: 0 0 7rem; }
header .header-main .header-icons { flex: 0 0 7rem; }
header .header-main .header-icons > * { flex: 0 0 7rem; }
header .header-main .header-tooltip:before { right: 1.5rem; }
}

@media (min-width: 1280px) {
header .header-main .side-menu-toggler { flex: 0 0 auto; padding: 1rem 2rem; }
header .header-main .side-menu-toggler .title { display: initial; font-size: 1.8rem; font-weight: 600; }
header .header-main .logo { padding: 1.4rem 4rem; max-width: 30rem; }
header .header-main .logo img { max-height: 100%; }
header .header-main .header-icons > * { flex: 0 0 10rem; }
header .header-main .header-tooltip:before { right: 3rem; }
}

/******************************************************************************/

@media (max-width: 559px) {
header .header-main .header-icons .link > .icon { font-size: 2.4rem; }
header .header-main .header-icons .header-cart .link .icon { font-size: 3rem; }
header .header-main .header-icons .header-cart .link .coun { top: .25rem; right: .25rem; }
}

@media (max-width: 829px){
header .header-main .header-icons .link > .icon { margin: 0; font-size: 3rem; }
header .header-main .header-icons .link .name { display: none; }
}





/*
.header-smaller #page { padding-top: 5rem; }
.header-smaller header .header-main{height:5rem}
.header-smaller header .header-main .header-icons .link .icon{margin-bottom:0}
.header-smaller header .header-main .header-icons .link .name{display:none}
.header-smaller header .header-main .header-icons .header-lang .name{display:flex}
.header-smaller header .header-main .header-icons .header-cart .link .count{ top: 2.5rem; }
*/





header .header-main .region-primary-menu { flex: 1 1 auto; }
header .header-main .region-primary-menu nav { height: 100%; }
header .header-main .region-primary-menu ul.menu { flex: 1 1 auto; display: flex; justify-content: flex-start; height: 100%; margin: 0; padding: 0; list-style: none; }
header .header-main .region-primary-menu ul.menu > li{flex:0 1 auto;position:relative;margin:0;padding:0}
header .header-main .region-primary-menu ul.menu > li:hover .header-tooltip{visibility:visible;opacity:1;z-index:1;transform:translateY(0);transition-delay:0s,0s,0s,0s,.2s}
header .header-main .region-primary-menu ul.menu > li:hover .header-tooltip:after,
header .header-main .region-primary-menu ul.menu > li:hover .header-tooltip:before{top:-3rem;border-bottom-width:1rem}
header .header-main .region-primary-menu ul.menu > li > a{display:flex;align-items:center;height:100%;padding:0 1rem;font-size:1.4rem;font-weight:600;text-decoration:none;text-transform:uppercase}
header .header-main .region-primary-menu ul.menu > li > a:hover{text-decoration:underline}
header .header-main .region-primary-menu ul.menu a.is-active { color: inherit; }

@media (min-width: 880px){
  #block-stable9-astracolor-hlavninavigace-2 { display: none; }
}

@media (max-width: 879px){
  header .header-main .region-primary-menu { display: none; }
}


@media (max-width: 829px){
.side-menu{top:6rem}
/*
.header-smaller header .header-main { height: 4rem; }
.header-smaller header .header-main .header-icons .header-cart .link .count{top:.5rem}
.header-smaller .side-menu{top:4rem}
*/
}

@media (max-width: 559px) {
.side-menu{top:6rem;left:-60rem;width:100%}
.side-menu nav ul li a{padding:1.4rem .5rem;font-size:1.4rem}

/*
.header-smaller header .header-main .header-icons .header-cart .link .count{top:.25rem}
*/
}

@media (min-width: 1280px){
.side-menu nav.side-menu-header{display:none}
}


/*
@media (max-width:829px){
header .header-main .header-icons .header-lang{flex:0 0 4rem}
header .header-main .header-icons .header-lang .name{display:initial}
header .header-main .header-icons .header-lang .name .icon{display:none}
}


header .header-main .header-icons .header-lang{flex:0 0 6rem}
header .header-main .header-icons .header-lang .name{font-size:1.5rem}
header .header-main .header-icons .header-lang .header-tooltip{min-width:6.1rem;border-top:none}
header .header-main .header-icons .header-lang .header-tooltip:after,header .header-main .header-icons .header-lang .header-tooltip:before{content:none}
header .header-main .header-icons .header-lang .header-tooltip li{border-top:none}
header .header-main .header-icons .header-lang .header-tooltip li a{padding:.25rem .5rem;font-size:1.5rem;text-align:center}
*/