body {
  font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.list-group.list-group-root > .list-group-item,
.nav-tabs .nav-link,
.list-group.list-group-root > .list-group > .list-group-item,
nav.navbar .navbar-nav .nav-link{font-family: 'Roboto Condensed', sans-serif;}

footer p.cards img,
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.logo img,
div.pravySloupec .vypis-recenzi p img.logo{
-webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.fb_dialog{z-index: 1000 !important;}

h1{font-size: 32px;}
h2{font-size: 30px;}

a img{-webkit-transition: 0.3s; transition: 0.3s;}
a img:hover{opacity: 0.85;}

.dropdown-item:active{color: #212529; background-color:#F8F9FA}

.alertZahlavi{border-radius: 0px; margin-bottom: 0px; border-color: #f2dfa0;}
.alertZahlavi div.container{font-size: 14px;  }
.alertZahlavi i{font-size: 25px; margin: -2px 20px 0px 0px; float: left;}
.alertZahlavi div.message{padding-left: 45px;}
header .first-line{border-bottom: 1px solid #F4F4F4; min-height: 25px; font-size: 15px; color: gray; line-height: 25px;}
header .first-line a{color: gray;}
header .first-line i:not(:first-child){margin: 0px 8px 0px 25px;}
header .first-line i:first-child{margin: 0px 8px 0px 0px;}

header .has-search .form-control {padding-left: 2.375rem;}
header .has-search .form-control-feedback {position: absolute;z-index: 20;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #aaa;}
header .header-top .cart-count{position: relative; display: inline-block; line-height: 35px;}
header .header-top div.search{margin: 0px 0px 10px 0px;}
header .header-top div.search.active{display: block;}

header .header-top .cart-price{font-weight: bold;}
header .header-top .cart-count i.fas{font-size: 30px; float: left; margin-right: 16px; color: #007bff;}
header .header-top a.cart-count{color: #2f2f2f;}
header .header-top .cart-count i.number{opacity: 0; position: absolute; left: 20px;top: 0; min-width: 17px; height: 17px; padding: 2px; font-size: 13px; font-style: normal; line-height: 13px; border-radius: 50%; background-color: red; color: white;font-weight: bold;}
header .header-top .cart-count i.number.active{opacity: 1;}
header a.logInUser{cursor: pointer;}
header a.logInUser:hover{text-decoration: underline !important; color: inherit;}

nav.navbar div.buttons{margin-top: -2px;}
nav.navbar div.buttons i.number{opacity: 0; display: none; position: absolute; top: 5px; width: 17px; height: 17px; padding: 2px; font-size: 13px; font-style: normal; line-height: 13px; border-radius: 50%; background-color: red; color: white;font-weight: bold; text-align: center; margin-left: -15px;}
nav.navbar div.buttons i.number.active{opacity: 1; display: inherit;}
nav.navbar div.buttons i{font-size: 24px; color: white; cursor: pointer; opacity: 1; margin: 0px 8px 0px 8px; float: left;}
nav.navbar div.buttons i:hover{opacity: 0.85;}
nav.navbar{line-height: .80;
background: rgba(9,101,190,1);
background: -moz-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,124,215,1)), color-stop(100%, rgba(9,101,190,1)));
background: -webkit-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%);
background: -o-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%);
background: -ms-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%);
background: linear-gradient(to bottom, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137cd7', endColorstr='#0965be', GradientType=0 );
}
nav.navbar .navbar-nav .nav-link {color: rgba(255,255,255,1); line-height: 29px;}
nav.navbar .dropdown-toggle::after{margin-left: .5em;}

nav.navbar .dropdown-menu{border-radius: 0px; min-width: 12rem;}
nav.navbar .dropdown-menu a{padding: 10px 15px;}
nav .breadcrumb{padding: .25rem 1rem; background-color: transparent; border-bottom: 1px solid #EEE; margin-bottom: 0px; font-size:14px; padding-bottom: 5px; margin-top: 10px;}


.list-group.list-group-root > .list-group-item{padding: 8px 10px 8px 15px; font-size: 16px; border-radius: 0px;}
.list-group.list-group-root > .list-group-item.more{display: flex; justify-content: space-between;}
div.list-group .list-group-item.active2{background: #EBEBEB !important;}

div.list-group .list-group-item:first-child,
div.list-group .list-group-item.brt{border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
div.list-group .list-group-item:last-child,
div.list-group .list-group-item.brb{ border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem;}
div.list-group div.list-group .list-group-item:first-child,
div.list-group div.list-group .list-group-item:last-child{border-radius: 0px;}
.list-group.list-group-root > .list-group-item:hover,
.list-group.list-group-root > .list-group-item.active{background: #F4F4F4; color: #007bff; border: 1px solid rgba(0,0,0,.125);}
.list-group.list-group-root > .list-group > .list-group-item,
.list-group.list-group-root > .list-group > .list-group-item:focus{padding: 4px 10px 4px 30px; font-size: 15px !important; background-color: #F7F7F7;}

.list-group.list-group-root > .list-group > .list-group > .list-group-item{padding: 3px 10px 3px 40px; font-size: 14px; background-color: #EBEBEB;}
.list-group.list-group-root > .list-group > .list-group > .list-group-item span.product-count{color: gray; padding-left: 3px;}
.list-group.list-group-root .badge{float: right; margin-top: 3px; background-color: #959595;}
.list-group.list-group-root .list-group-item i.fas{float: right; vertical-align: middle; font-size: 13px; margin-top: 6px; opacity: .55; padding: 0px 15px; height: 15px;}

div.navigace{ background: #F4F4F4;}
div.navigace .breadcrumb{border-radius: 0px; font-size: 14px; margin-top: 0px; padding: 5px 0px 3px 0px;}
.breadcrumb-item + .breadcrumb-item::before {content: "›";}

div.banner{height: 200px;width: 100%;display: flex;justify-content: center;align-items: center;}
div.banner h1{color: white;font-size: 50px;}

div.levySloupec{padding: 15px 15px;}
div.levySloupec h3{margin: 15px 0px 15px 5px; color: #191919; font-size: 23px;}
div.levySloupec card-default{}
div.levySloupec .card .card-header{font-weight: bold;}
div.levySloupec .card .card-body{padding: 0px .50rem;}
div.levySloupec .card .card-body img.img-fluid{max-width: 50px; float: left; margin-top: 5px;}

div.levySloupec .card .card-body ul li{font-size: 14px;}
div.levySloupec .card .card-body .list-group-item{padding: .50rem .50rem;}

div.container div.card div.stars i{color: #FFC90E; font-size: 13px;}
div.container div.card div.stars{padding: 0px 8px;}
div.container div.card div.dostupnost{padding: 0px 8px; font-size: 14px; text-align: right;}
div.container div.card span.ok{color: green;}
div.container div.card span.orange{color: orange;}

div.container div.card div.desc{overflow: hidden;}
div.container div.card div.desc p{font-size: 13px; color: gray; padding: 0px; line-height: 19px; margin: 0px;}
/* div.container div.card div.to-cart h5{font-weight: bold;} */
div.container div.card div.to-cart h5 span.old{font-size: 12px; color: #595959; font-weight: normal;}
div.container div.card div.to-cart h5 span.old.potravinarska{color: #b3b3b3; font-size: 11px;}
div.container div.card div.to-cart h5 span.old span.trought{text-decoration: line-through; padding-left: 10px;}
div.container div.card div.to-cart h5{/*float: right;*/color: #F00000; line-height: 18px; margin-top: -8px;}
div.container div.card div.to-cart h5.noDiscount{margin-top: 13px;}
div.container div.card div.to-cart button.doKosiku{float: right; cursor: pointer; border: 0px;}
div.container div.card div.to-cart button.doKosiku i{color: #212529 !important;}
div.container .card-title{max-height: 67px; overflow: hidden; font-size: 18px; margin-bottom: 18px;}

div.pravySloupec img[style*="float: right"]{margin-left: 10px; margin-bottom: 10px;}
div.pravySloupec h2.prechod{font-size: 24px; margin-top: 30px; background: url('../img/bg-h2.jpg') repeat-x left top; padding: 0px 0px 0px 15px; margin-right: 0px; margin-left: 0px;}

div.pravySloupec{padding-right: 0px; padding-left: 15px; padding-top: 0px;}

div.pravySloupec .cForm{margin: 15px auto 25px auto; background: #F4F4F4; padding: 15px; border-radius: 4px;}
div.pravySloupec .cForm textarea{height: 80px;}
div.pravySloupec div.loading{display: none;}
div.pravySloupec div.loading img{max-width: 40px; margin-right: 5px;}
div.pravySloupec div.loading p{color: #177331; font-weight: bold;}

div.pravySloupec div.popisKategorie{margin-bottom: 25px;}
/* div.pravySloupec div.popisKategorie p{display: inline;} */
div.pravySloupec button.readMoreText{background: white; border: 1px solid #ced4da; padding: 5px 12px; cursor: pointer; border-radius: 5px; font-size: 15px;}
div.pravySloupec button.readMoreText:hover{background: #EEE;}
div.pravySloupec button.readMoreText i{margin-right: 8px;}
div.pravySloupec /*div.popisKategorie*/ div.textMoreShow{margin-top: 8px; display: none; padding-bottom: 4px;}

div.pravySloupec span.readMoreText,
div.pravySloupec span.readMoreRecenze{cursor: pointer; color: #999; text-decoration: underline; padding-left: 5px;}
div.pravySloupec span.readMoreText:hover,
div.pravySloupec span.readMoreRecenze:hover{text-decoration: none;}
div.pravySloupec /*div.popisKategorie*/ div.textMoreShow{margin-top: 8px; display: none; padding-bottom: 4px;}
div.pravySloupec /*div.popisKategorie*/ div.textMoreShow p{display: block;}
div.pravySloupec /*div.popisKategorie*/ p.readLessText{margin-bottom: 0px;}
div.pravySloupec /*div.popisKategorie*/ p.readLessText span{color: #999; text-decoration: underline;cursor: pointer;}
div.pravySloupec /*div.popisKategorie*/ p.readLessText span i{margin-right: 10px;}
div.pravySloupec /*div.popisKategorie*/ p.readLessText span:hover{text-decoration: none;}

div.pravySloupec .embed-responsive{margin-bottom: 1rem; max-height: 300px;}

div.pravySloupec span.pocetZaznamu{font-size: 15px; color: gray; padding-top: 6px}
div.pravySloupec form.vyhledavani{background: #F4F4F4; padding: 0px; margin: 0px 0px 15px 0px;}
div.pravySloupec form.vyhledavani p{margin: 5px 0px; padding: 5px 10px 0px 10px;}
div.pravySloupec form.vyhledavani p input{margin: 0px 5px 0px 10px;}
div.pravySloupec div.alert-alkohol{padding: .55rem 1rem; margin-top: -10px;}
div.pravySloupec div.detail-novinky ul{list-style-position: inside;}
div.pravySloupec div.detail-novinky h3{margin-top: 20px;}
div.pravySloupec div.detail-novinky h2{margin-top: 25px;}
div.pravySloupec div.detail-novinky p.date{color: gray;}
div.pravySloupec div.detail-novinky p.date i{margin-right: 5px;}
div.pravySloupec div.fotogalerieVypis div img{padding: 15px 15px; margin: 0px auto;}
div.pravySloupec div.vypis-sluzeb{margin: 15px 0px 20px 0px;}
div.pravySloupec div.vypis-sluzeb div.sluzba{margin-bottom: 25px; padding: 15px 5px 0px 10px; background: url('../img/bg-gray-transition.jpg') repeat-x left top;}
div.pravySloupec div.vypis-sluzeb.trasy div.sluzba{margin-bottom: 15px;}
div.pravySloupec div.vypis-sluzeb div.sluzba .content{margin-top: 10px;}
div.pravySloupec div.vypis-sluzeb div.sluzba h3{padding-bottom: 5px;}
div.pravySloupec div.vypis-sluzeb div.sluzba h3 a{display: block;}
div.pravySloupec div.vypis-sluzeb div.sluzba .embed-responsive{max-width: 500px; margin: 0px auto;}

div.pravySloupec div.vypisFotek{padding-top: 15px; padding-bottom: 10px;}
div.pravySloupec div.vypisFotek div.col-4{padding-bottom: 15px;}

div.pravySloupec div.razeni ul li{list-style-type: none; background-color: #EEEEEE; margin: 0px 4px; padding: 0px;}
div.pravySloupec div.razeni ul li:first-child a{padding-left: 5px;}
div.pravySloupec div.razeni ul li i{color: #FFC90E; font-size: 14px; margin-right: 4px; margin-left: 4px;}
div.pravySloupec div.razeni ul{margin: 0px; padding: 0px; border-color: #EEEEEE;}
div.pravySloupec div.razeni ul li.nav-item{margin-bottom: -1px; border-color: #EEEEEE;}
div.pravySloupec div.razeni ul li.nav-item:hover{border-color: #EEEEEE !important;}

div.pravySloupec h3{font-size: 1.5rem;}
div.pravySloupec div.table-responsive{margin: 14px 0px;}
div.pravySloupec div.alertUnsuccessfulLogin{display: none;}

div.pravySloupec div.profile-summary h3{margin-top: 20px;}
div.pravySloupec div.profile-summary p.buttons{margin-top: 30px;}

div.pravySloupec.hp{padding-right: 0px; padding-left: 0px; margin-top: 0px;}
div.pravySloupec.ban-top{padding-top: 25px;}
div.pravySloupec ul{margin: 0px 0px 15px 0px; padding: 0px 0px 10px 35px;}
div.pravySloupec ul li{list-style-type: square; padding-left: 10px;}
div.pravySloupec ol li{padding-left: 10px;}

div.pravySloupec div.detail-novinky ul{padding-left: 15px;}
div.pravySloupec div.detail-novinky ul li{padding-left: 0px;}
div.pravySloupec ul.pagination li{list-style-type: none; padding-left: 0px;}
div.pravySloupec h1{padding-top: 22px; padding-bottom: 15px;}
div.pravySloupec.hp h1{padding-top: 2px;}
div.pravySloupec.hp h1 small{color: gray;}

div.pravySloupec h1 small.text-muted{padding-left: 15px;}
div.pravySloupec div.filtry{border: 0px solid red; padding: 0px; margin-bottom: 35px;}
div.pravySloupec div.filtry select{display: inline; margin-right: 5px;}
div.pravySloupec div.filtry .trash-filters{margin-top: 6px;}
div.pravySloupec div.filtry .trash-filters i{margin-right: 5px;}
div.pravySloupec p.number-of-products{color: gray; font-size: 15px;}

div.pravySloupec .vypis-zbozi.vypis-novinek h4.card-title{padding-bottom: 0px; margin-bottom: 10px;}
div.pravySloupec .vypis-zbozi.vypis-novinek p.date{padding-left: 0px; padding-right: 0px; color: gray; margin-bottom: 5px; font-size: 14px;}
div.pravySloupec .vypis-zbozi.vypis-novinek p.date i{margin-right: 8px;}

div.pravySloupec .vypis-zbozi{margin-bottom: 30px;}
div.pravySloupec .vypis-zbozi .zboziBox{padding-bottom: 15px; padding-top: 10px; /*
-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
*/ padding-left: 5px; padding-right: 5px;}
div.pravySloupec .vypis-zbozi .card{border: 0px; }
div.pravySloupec .vypis-zbozi div.owl-item,
div.pravySloupec .vypis-zbozi div.zboziBox{border-right: 1px solid #EEE;}
div.pravySloupec .vypis-zbozi div.owl-item div.card div.desc{display: none;}

div.pravySloupec .vypis-zbozi button.btn-dark{background: #62686f !important; cursor: auto !important; border: 0px; color: white !important;}
div.container div.card div.to-cart button.btn-dark i{color: white !important;}
div.pravySloupec .vypis-zbozi button.btn-light{background: #e5e7e8 !important; cursor: auto !important; border: 0px;}


div.pravySloupec .vypis-zbozi div.thumb-image{text-align: center;}
div.pravySloupec .vypis-zbozi div.thumb-image img{max-width: 210px; width: 100%; margin: 0px auto;}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra {
    position: absolute;
    right: 5px;
    margin-top: -53px;
    display: flex;
    flex-direction: column;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra.count1{
    margin-top: -53px;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra.count2{
    margin-top: -108px;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra.count3{
    margin-top: -163px;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra.count4{
    margin-top: -218px;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra.count4 .flag{margin-top: -9px;}

div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag.small{font-size: 10px;}

.vypis-zbozi div.thumb-image .count2 .flag:first-child{margin-bottom: -10px;}
.vypis-zbozi div.thumb-image .count3 .flag:first-child,
.vypis-zbozi div.thumb-image .count3 .flag:nth-child(2){margin-bottom: -10px;}

div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag-green{
    background-color: #28A745;
    color: white;
    text-transform: uppercase;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag-red{
    background-color: #ee3030;
    color: white;
    text-transform: uppercase;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag-yellow{
    background-color: #ffc107;
    color: white;
    text-transform: uppercase;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flags-extra .flag-best{
    background-color: #A774DB;
    color: white;
    text-transform: uppercase;
}

div.pravySloupec .vypis-zbozi div.thumb-image .flag i{font-size: 15px;}
div.pravySloupec .vypis-zbozi div.thumb-image .flag.flag-discount {
    background-color: #FFC107;
    color: #212529;
}
div.pravySloupec .vypis-zbozi div.thumb-image .flag.flag-discount .price-standard{text-decoration: line-through; color: red;}


div.pravySloupec .vypis-zbozi.nohp .card{background: url('../img/bg-produkt-2.jpg') repeat-x left bottom; padding-bottom: 15px;}
div.pravySloupec .vypis-zbozi .card-title{/*height: 44px;*/ overflow: hidden; margin-bottom: 22px; padding: 0px; margin-top: 20px;}
div.pravySloupec .vypis-zbozi div.top,
div.pravySloupec .vypis-zbozi div.bottom{padding: 5px 10px 0px 10px;}
div.pravySloupec .vypis-zbozi div.bottom{margin-top: auto !important;}
div.pravySloupec .vypis-zbozi h4{padding: 0px;}


div.pravySloupec .vypis-recenzi div.recenze{border: 1px solid #D9D9D9; padding: 15px 15px; height: 100%; background: url("../img/recenze-uvozovky.png") no-repeat 92% 90%;}
div.pravySloupec .vypis-recenzi div.h-100::after{
content: "";
display: block;
width: 25px;
height: 20px;
position: absolute;
z-index: 20;
margin-top: -1px;
background: url("../img/bubble-triangle.svg") no-repeat left top;
}
div.pravySloupec .vypis-recenzi div.h-100{padding-bottom: 24px;}
div.pravySloupec .vypis-recenzi p{margin: 0px 0px 5px 0px; padding: 0px !important;}
div.pravySloupec .vypis-recenzi p.recenze{margin-bottom: 15px;}
div.pravySloupec .vypis-recenzi .recenze.zbo p.recenze{margin-bottom: 4px;}
div.pravySloupec .vypis-recenzi p.jmeno{font-weight: bold; margin-top: 12px;}
div.pravySloupec .vypis-recenzi p.jmeno span.datum{font-size: 12px; color: gray; padding-left: 10px; font-weight: normal;}
div.pravySloupec .vypis-recenzi p.logo{margin-top: 8px;}
div.pravySloupec .vypis-recenzi p img.logo{max-width: 24px; opacity: .75; margin-right: 15px; float: left;}
div.pravySloupec .vypis-recenzi p img:hover{opacity: 1;}
div.pravySloupec .vypis-recenzi p.uzbozi{color: #aeaeae; font-size: 12px; margin: 8px 0px 12px 0px;}

div.pravySloupec .carousel{margin: 0px 0px 20px 0px; padding: 0px;}
div.pravySloupec .carousel .carousel-item img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.owl-carousel .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.owl-carousel .flex-text {
  flex-grow: 1;
}
.owl-carousel .thumbnail {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
}
div.pravySloupec .detailZbo{margin: 15px auto 0px auto;}

div.pravySloupec .detailZbo.actions-active{margin-top: -12px;}
div.pravySloupec .detailZbo p.actions{margin: 0px 0px 10px 0px;}
div.pravySloupec .detailZbo p.actions span{display: inline-block;position: relative; text-decoration: none; z-index: 1; font-size: 1rem; padding: 1px 10px; margin-right: 15px;color: white; font-weight: bold; font-size: 14px;}
div.pravySloupec .detailZbo p.actions span i{margin-right: 5px;}
div.pravySloupec .detailZbo p.actions span.tag-green{background-color: #28A745;}
div.pravySloupec .detailZbo p.actions span.tag-green::after{border-top-color: #28A745;}
div.pravySloupec .detailZbo p.actions span.tag-red{background-color: #EE3030;}
div.pravySloupec .detailZbo p.actions span.tag-red::after{border-top-color: #EE3030;}
div.pravySloupec .detailZbo p.actions span.tag-yellow{background-color: #FFC107;}
div.pravySloupec .detailZbo p.actions span.tag-yellow::after{border-top-color: #FFC107;}
div.pravySloupec .detailZbo p.actions span.tag-best{background-color: #A774DB;}
div.pravySloupec .detailZbo p.actions span.tag-best::after{border-top-color: #A774DB;}

div.pravySloupec .detailZbo p.actions span::after{height: 0; width: 0; -moz-transform: scale(.9999); border-top: 9px solid #333; border-top-color: rgb(51, 51, 51); border-top-width: 9px; border-right: 9px solid transparent; border-top-width: 8px; content: ""; display: block; position: absolute; top: 0; right: -8px; z-index: -1;}
div.pravySloupec .detailZbo.actions-active h1{padding-bottom: 0px;}

div.pravySloupec .detailZbo div.owl-dots{text-align: center;}

div.pravySloupec .detailZbo .stars{margin-bottom: 10px;}
div.pravySloupec .detailZbo .stars i{color: #FFC90E; font-size: 15px; margin: 0px 1px;}

div.pravySloupec .detailZbo .foto{padding-left: 0px;}
div.pravySloupec .detailZbo .foto .thumbs{padding: 15px 0px; margin-left: -5px;}
div.pravySloupec .detailZbo .foto .thumbs img{}
div.pravySloupec .detailZbo .foto .thumbs .owl-carousel{padding-left: 5px;}

div.pravySloupec .detailZbo .info p.desc{font-size: 15px; line-height: 23px; color: gray; margin-bottom: 20px;}
div.pravySloupec .detailZbo .info .price{}
div.pravySloupec .detailZbo .info .price span.old{font-size: 12px; color: #595959; font-weight: normal;}
div.pravySloupec .detailZbo .info .price span.old.potravinarska{font-size: 11px; color: #b3b3b3;}

div.pravySloupec .detailZbo .info .price span.trought{font-size: 12px; color: #595959;text-decoration: line-through; font-weight: normal;}
div.pravySloupec .detailZbo .info .price span.all{color: red; font-size: 20px; font-weight: bold; line-height: 20px; margin-top: -15px; text-align: right;}
div.pravySloupec .detailZbo .info .price span.all.single{margin-top: 0px;}
div.pravySloupec .detailZbo .info .price.wvat{color: #838383; margin-top: 6px;}
div.pravySloupec .detailZbo .info .buy{padding-top: 20px;}
div.pravySloupec .detailZbo .info .buy i{margin-right: 10px;}
div.pravySloupec .detailZbo .info .buy .btn{padding: 6px 12px; font-weight: bold; text-transform: uppercase;}
div.pravySloupec .detailZbo .info .buy span.right{float: right; margin-top: 10px; font-weight: bold;}
div.pravySloupec .detailZbo .info .buy span.ok{color: green;}
div.pravySloupec .detailZbo .info .buy span.orange{color: orange;}
div.pravySloupec .detailZbo .info .buy p.not-buy{padding: 5px 0px 0px 0px; margin: 0px; font-size: 14px; color: gray; font-style: italic;}
div.pravySloupec .detailZbo .info .idZbozi{padding-top: 10px; color: #838383; text-align: right;}
div.pravySloupec .detailZbo .info .vystaveno{background: #F4F4F4; margin-top: 20px; padding: 8px 15px; color: green; font-size: 14px; border-radius: 4px;}
div.pravySloupec .detailZbo .info .hlidaciPes{margin: 25px 0px 0px 0px; padding: 8px 0px 0px 5px; border-top: 1px solid #EEE;}
div.pravySloupec .detailZbo .info .hlidaciPes p a i{margin-right: 8px;}
div.pravySloupec .detailZbo .info .hlidaciPes.mt15{margin-top: 15px;}

div.pravySloupec .detailZbo .info .variants{margin: 0px 0px 30px 0px; font-size: 14px; font-weight: bold;}
div.pravySloupec .detailZbo .info .variants select,
div.pravySloupec .detailZbo .info .variants input{margin-top: 5px; margin-bottom: 12px;}
div.pravySloupec .detailZbo .info div.noChance{font-weight: normal;}
div.pravySloupec .detailZbo .info div.noChance a{cursor: pointer; text-decoration: underline;}
div.pravySloupec .detailZbo .info div.noChance a:hover{text-decoration: none;}

div.pravySloupec .detailZbo .more{margin: 15px 0px 0px 0px;}

div.pravySloupec .detailZbo .more .list a{background: #EEE url('../img/bg-tab-list.png') repeat-x left top; padding: 10px 14px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
div.pravySloupec .detailZbo .more .list a.active{padding: 9px 13px 10px 13px; border-top: 1px solid #EEE; border-right: 1px solid #EEE; border-left: 1px solid #EEE; background: white; color: #212529;}
div.pravySloupec .detailZbo .more .list a.active:hover{text-decoration: none;}
div.pravySloupec .detailZbo .more .list span.iquantity{background: #d91f29; color: white; border-radius: 18px; padding: 0px 4px 1px 4px; font-size: 11px; margin-left: 4px; font-weight: bold;}

div.pravySloupec .detailZbo .more .tabCont:not(.active){display: none;}
div.pravySloupec .detailZbo .more .tabs{/* background: url('../img/bg-cont.jpg') repeat-x left top;*/ border-top: 1px solid #EEE; margin-top: -1px;}
div.pravySloupec .detailZbo .more .tabCont{padding: 8px 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body{padding-left: 0px; padding-right: 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotazyForm{margin: 0px 0px 30px 0px; display: none;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz{padding: 13px 0px; border-bottom: 1px solid #EEE;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .cas{font-size: 14px; color: gray; padding-left: 0px; font-weight: normal;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .autor{font-weight: bold; margin-bottom: 0px; text-align: center;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .autor img{max-width: 45px; margin-bottom: 5px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .text.noan{min-height: 60px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved{margin: 22px 0px 5px 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .spin{width: 0px;height: 0px;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #EEE; position: absolute; margin: -10px 0px 0px 20px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .text{background: #EEE; border-radius: 6px; padding: 12px 15px 10px 15px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .zprava{margin: 0px 0px 4px 0px; padding: 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .autor{font-size: 14px; color: gray; font-weight: normal; text-align: left; margin-top: 10px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .autor img{max-width: 22px; margin-right: 4px; margin-top: 2px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .overeny{background:#d91f29; color: white; font-weight: bold; margin: 0px 0px 0px 8px; padding: 1px 6px 2px 6px; border-radius: 5px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .uzbozi{color: #aeaeae; font-size: 12px; margin: 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .uzbozi a,
div.pravySloupec .vypis-recenzi p.uzbozi a{color: #aeaeae !important; text-decoration: underline;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .uzbozi a:hover,
div.pravySloupec .vypis-recenzi p.uzbozi a:hover{text-decoration: none;}
div.pravySloupec .detailZbo .more .tabCont .card-body .fa-plus{margin-right: 4px;}



div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni{padding: 10px; border-bottom: 1px solid #EEE;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p{margin: 0px; padding: 0px;text-align: center;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.logo{margin-bottom: 5px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.logo img{opacity: .75; max-height: 25px; max-width: 25px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.logo img:hover{opacity: 1;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.autor{font-weight: bold;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.cas{color: gray; font-size: 14px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.hvezd,
div.pravySloupec .vypis-recenzi p.hvezd{color: #FFC90E; font-size: 15px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.text{text-align: left;}

div.pravySloupec .detailZbo .more .tabCont .video{margin-bottom: 15px;}
div.pravySloupec .detailZbo .more .tabCont .parametry div.radek{border-bottom: 1px solid #E2E2E2;background: #F5F5F5;}
div.pravySloupec .detailZbo .more .tabCont .parametry div.radek div{padding: 6px 10px; }
div.pravySloupec .detailZbo .more .tabCont .parametry div.radek:nth-child(2n+0) {background: white;}
div.pravySloupec .detailZbo .more .tabCont .parametry div.radek div:first-child{font-weight: bold; }
div.pravySloupec .detailZbo .more .tabCont .parametry .container{margin-bottom: 30px;}
div.pravySloupec .detailZbo .more .tabCont h3{font-size: 22px;}

div.pravySloupec .kosik input[type=number]::-webkit-inner-spin-button,
div.pravySloupec .kosik input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}

div.pravySloupec .kosik textarea#poznamka{min-height: 85px;}
div.pravySloupec .kosik .header{margin-bottom: 5px; font-size: 14px; color: gray;}
div.pravySloupec .kosik .card-body{padding-top: 0px;}
div.pravySloupec .kosik hr{margin: 12px 0px;}
div.pravySloupec .kosik p.prehled-gray{color: gray; font-size: 13px; padding: 0px; margin: 0px;}
div.pravySloupec .kosik .zbozi{margin: 10px 0px 20px 0px;}
div.pravySloupec .kosik .zbozi .row{display: flex;}
div.pravySloupec .kosik .zbozi .row div{align-items: center;}
div.pravySloupec .kosik .zbozi .row div img{max-height: 80px;}
div.pravySloupec .kosik .zbozi .row div.itemName{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 8px;}
div.pravySloupec .kosik .zbozi .row div.totalItemPrice{color: #218838; font-weight: bold; -ms-flex-align: end; align-items: flex-end;}
div.pravySloupec .kosik .zbozi .row div.trash{text-align: center; display: -ms-flexbox; display: flex; color: #F00000; -ms-flex-pack: end; justify-content: flex-end;}
div.pravySloupec .kosik .zbozi .row div.trash i{cursor: pointer;}
div.pravySloupec .kosik .zbozi .row div.trash i:hover{color: #CF0001;}
div.pravySloupec .kosik .zbozi .slevovyKupon div.trash i{margin-right: 15px;}

div.pravySloupec .kosik .zbozi h4{font-size: 16px; padding: 0px; margin-bottom: 0px; text-align: left;}
div.pravySloupec .kosik .zbozi p,
div.pravySloupec .kosik .zbozi h6{padding: 0px; margin: 0px;}
div.pravySloupec .kosik .zbozi h4 small{color: gray; font-size: 14px;}
div.pravySloupec .kosik .zbozi div.gray{font-size: 15px; color: #212529; line-height: 30px;}
div.pravySloupec .kosik a.zadatKupon{cursor: pointer;}
div.pravySloupec .kosik .zbozi .cenaCelkem{font-weight: bold;}
div.pravySloupec .kosik .zbozi .orderTotalPrice{color: #218838;}
div.pravySloupec .kosik .zbozi .orderTotalPriceNoVat{color: #212529; font-weight: normal;}
div.pravySloupec .kosik .zbozi .slevovyKupon{font-weight: bold;}
div.pravySloupec .kosik .zbozi .slevovyKupon i{color: #F00000; cursor: pointer; margin-left: 10px;}
div.pravySloupec .kosik .zbozi .slevovyKupon i:hover{color: #CF0001;}

div.pravySloupec .kosik .zbozi .slevovyKupon div:first-child{color: green; line-height: 22px;}
div.pravySloupec .kosik .zbozi .slevovyKupon div span.kuponUpresneni{font-weight: normal; font-size: 13px; color: gray;}
div.pravySloupec .kosik i.far,
div.pravySloupec .kosik i.fas{margin-right: 10px;}
div.pravySloupec .kroky{margin: 25px 0px; background: url('../img/bg-produkt-2.jpg') repeat-x left bottom; padding-bottom: 20px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom right-radius: 10px; border-bottom-left-radius: 10px;}
div.pravySloupec .kroky ol{padding: 0px; margin: 0px;}
div.pravySloupec .kroky ol li{list-style-type: none;}
div.pravySloupec .kroky ol li span{display: table; font-weight: bold; margin: 0px auto; font-size: 20px;background-color: #EEE; width: 45px; height: 45px; line-height: 45px; text-align: center; -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; margin-bottom: 5px;}

div.pravySloupec img.platebni-karty{max-width: 320px; margin-bottom: 10px;}

div.pravySloupec .kroky ol li.inactive span{color: #56595c; background-color:#F4F4F4;}
div.pravySloupec .kroky ol li.inactive:hover a span{background-color: #EEE; text-decoration: none !imporant;}
div.pravySloupec .kroky ol li a,
div.pravySloupec .kroky ol li.inactive{color: gray; font-weight: none;}
div.pravySloupec .kroky ol li a:hover{text-decoration: none; color: #212529;}
div.pravySloupec .kroky ol li.active{color: #212529; font-weight: bold;}
div.pravySloupec .kroky ol li.active.done span{background-color: green;}
div.pravySloupec .kroky ol li.active.done a{color: green;}
div.pravySloupec .kroky ol li.active.done a span{color: white;}

div.pravySloupec .kosik .quantity {width: 80px;overflow: hidden; text-align: right;};
div.pravySloupec .kosik .quantity input { margin: 0; text-align: center; width: 15px; height: 15px; padding: 0; color: #000;font-size: 20px; border: 0; outline: 0; border: 1px solid #F6F6F6;
}
div.pravySloupec .kosik .quantity input.qty {border: 1px solid #E5E5E5;width: 60px;height: 30px;padding: 0px 5px;text-align: center;font-weight: 400; font-size: 15px; background: #FBFBFB;}
div.pravySloupec .kosik .shopping-cart{margin-top: 20px;}

div.pravySloupec .kosik p.doprava{margin: 0px 10px;}
div.pravySloupec .kosik p.doprava label{margin-bottom: .7rem;}
div.pravySloupec .kosik p.platba{margin: 0px 10px;}
div.pravySloupec .kosik p.doprava input,
div.pravySloupec .kosik p.platba input{margin-right: 10px;}

div.pravySloupec .kosik  div.descDopr,
div.pravySloupec .kosik  div.descPlatba{display: none; margin-bottom: 15px; padding: 8px 15px; font-size: 15px; background-color: #F3F3F3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
div.pravySloupec .kosik  div.descDopr a.zmenaVydejnihoMistaBtn{padding: 2px 5px; margin: 10px 0px 4px 0px;}
div.pravySloupec .kosik  div.descDopr span.podnik{font-size: 16px; font-weight: bold; display: block;}
div.pravySloupec .kosik  div.descDopr span.podnik small{font-size: 12px; margin-left: 10px; background: #9f9f9f; color: white; padding: 2px 5px; border-radius: 5px;}

div.pravySloupec .kosik  div.descDopr span.adresa{font-size: 14px; display: block; padding-bottom: 5px;}

div.pravySloupec .kosik form.udaje label{font-size: 15px; font-weight: bold; margin: 0px 0px 3px 0px;}
div.pravySloupec .kosik form.udaje label.font-weight-normal{font-weight: normal;}

div.pravySloupec .kosik form.udaje label span.star{color: red;}
div.pravySloupec .kosik form.udaje .form-group{margin-bottom: 10px;}
/* div.pravySloupec .kosik form.udaje */
.form-group.has-error,
.form-group.has-error a{color: red;}
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea,
input.has-error,
input.has-error:focus,
textarea.has-error,
textarea.has-error:focus{border: 1px solid red !important;}
div.pravySloupec .kosik form.udaje a.whyYear{cursor: pointer; padding-top: 2px; text-decoration: underline;}
div.pravySloupec .kosik form.udaje a.whyYear:hover{text-decoration: none;}

div.pravySloupec .kosik p.has-error{color: red;}
div.pravySloupec .kosik p.has-error a{color: red; text-decoration: underline;}
div.pravySloupec .kosik p.has-error a:hover{color: red; text-decoration: none;}


.newsletter{background: #F4F4F4; padding: 0px;}
.newsletter p{padding: 2px 0px 6px 0px; margin: 0px; line-height: auto;}
.newsletter .email{text-align: right; background: url('../img/newsletter.png') no-repeat 50px 25px; padding: 18px 0px 25px 0px;}
.newsletter .email p.gdpr{color: gray; font-size: 12px;}
.newsletter .email input{text-align: left; max-width: 460px; float: right; margin-bottom: 5px;}
.newsletter .save{padding-top: 50px;}

footer{margin-top: 0px; background-color: #EAEAEA;}
footer div.links hr{width: 60px; margin-left: auto !important; margin-right: auto; margin-bottom: 0.5rem; margin-top: 0; display: inline-block; }
footer p{margin-bottom: .45rem;}
footer p.desc{font-size: 14px; color: #606060; line-height: 23px;}
footer p.desc img.pay-cards{margin-top: 15px; max-width: 120px; opacity: 0.65; -webkit-transition: 0.3s; transition: 0.3s;}
footer p.desc img.pay-cards:hover{opacity: 1;}
footer ul.desc{margin: 5px 0px 5px 15px; font-size: 14px; padding: 0px; color: #606060;}
footer ul.desc li{list-style-type: square; padding: 2px 0px 2px 5px;}

footer h6{line-height: 24px;}

footer p.cards{font-size: 14px; font-weight: bold;}
footer p.cards img{max-width: 220px; opacity: 0.75; margin-top: 2px;}
footer p.cards img:hover{opacity: 1;}

footer .randomProducts p{line-height: 20px; margin-bottom: .6rem;}
footer .seznamLog{padding: 10px 0px 15px 0px;}
footer .seznamLog img{width: 100%; max-width: 170px; opacity: .75;}
footer .seznamLog img:hover{opacity: 1;}

footer div.footer-copyright{background-color: #C1C1C1;}
footer div.footer-copyright a{color: #212529; text-decoration: underline;}
footer div.footer-copyright a:hover{color: #212529; text-decoration: none;}
footer div.footer-text{text-align: center; padding: 10px 15px; font-size: 14px; background: #DADADA;}
footer div.footer-copyright p{padding: 0px; margin: 0px; line-height: 22px;}
footer div.footer-copyright p.sign{font-size: 14px; color: gray;}
footer div.footer-copyright p.sign img{max-height: 24px; margin: -4px 0px 0px 5px; opacity: .6;}
footer div.footer-copyright p.sign img:hover{opacity: 1;}
.card-footer{border-top: 0px;}

span.statusTag{margin-left: 15px; font-size: 13px; padding: 0px 5px;border-radius: 5px; display: inline-block;}
span.statusTag svg{margin-left: 1px; margin-right: 2px;}
span.statusTag.green{color: #28A745; border: 1px solid #28A745; }
span.statusTag.red{color: red; border: 1px solid red;}

#alertModal p.working{text-align: center; padding: 5px 0px 0px 0px; margin: 0px; font-size: 14px; color: gray; opacity: 0;}
#alertModal p.working.active{opacity: 1;}
#alertModal div.vydejniMista{margin: 5px 0px 10px 0px; padding: 0px; max-height: 600px; overflow: scroll;}
#alertModal div.vydejniMista span.podnik{display: inline-block; margin-right: 10px;}
#alertModal div.vydejniMista small{font-size: 12px; margin-right: 10px; background: #9f9f9f; color: white; padding: 0px 5px; display: inline-block; border-radius: 5px;}
#alertModal div.vydejniMista span.status{margin-right: 5px; font-size: 12px; padding: 0px 4px; display: inline-block; border-radius: 5px;}

#alertModal div.vydejniMista div.row{padding: 4px 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; background-color: #EEE;}
#alertModal div.vydejniMista div.row a.btn{padding: 6px 12px; margin-left: 0px; margin-top: 6px;}
#alertModal div.vydejniMista div.row .gray{font-size: 14px;}
#alertModal div.vydejniMista span.adresa{font-size: 14px; color: #333;}

#alertModal div.vydejniMista span.status svg{margin-left: 1px; margin-right: 2px;}
#alertModal div.vydejniMista span.status.green{color: #28A745; border: 1px solid #28A745;}
#alertModal div.vydejniMista span.status.red{color: red; border: 1px solid red;}
#alertModal p.poznMaxMist{font-size: 13px; margin-top: 10px;}
#alertModal img.loadingIcon{max-width: 95px;}
#alertModal form.ratingForm div.pridatHodnoceniStars{display: none;}
#alertModal form.ratingForm div.pridatHodnoceniStars p{text-align: center; color: #FFC90E; width: 100%; padding: 0px; margin: 0px; font-size: 18px;}
#alertModal form.ratingForm p.charsLimit,
#alertModal form.dotazyForm p.charsLimit{color: gray; font-size: 13px; display: none; margin-bottom: 0px; padding-bottom: 0px;}
#alertModal .hlidaciPesFancy p{margin: 0px;}
#alertModal .hlidaciPesFancy p.checkboxes{margin-top: 7px; line-height: 30px;}
#alertModal .hlidaciPesFancy p.checkboxes.has-error{color: red;}
#alertModal .hlidaciPesFancy p input{display: inline-block;}
#alertModal .hlidaciPesFancy p label{padding: 0px; margin: 0px;}
#alertModal .hlidaciPesFancy p input[type="checkbox"]{margin-right: 8px;}
#alertModal .hlidaciPesFancy p input.hlidaciPesCenaInt{width: 120px; text-align: right; margin: 0px 5px 0px 5px;}
#alertModal .hlidaciPesFancy p input.hlidaciPesEmail{margin-top: 5px;}
#alertModal  p.green{color: green !important;}
#alertFancy .modal-body.image{padding: 0px;}

.modal.videoYt .modal-header,
.modal.videoYt .modal-footer{display: none;}
.modal.videoYt .modal-content{border: 0px;}
.modal.videoYt .modal-body{text-align: right;}
.modal.videoYt .modal-body .close{position: absolute; opacity: 1; font-size: 35px; margin-top: -55px; margin-left: -25px; color: white; text-shadow: 0px;}
.modal.videoYt .modal-body .close span{padding: 0px 15px;}
.modal.videoYt .modal-body .close:hover{opacity: .75;}
.alert-success{color: #4c7d57;}

.cudliky{margin: 0px auto; margin-top: 10px; text-align: center;}
.cudliky button.owl-dot{width: 24px; height: 10px; margin: 0px 5px; padding: 0px !important; background: #E0E0E0 !important; border: 0px; cursor: pointer;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
.cudliky button.owl-dot:hover{background: #D8D8D8 !important;}
.cudliky button.owl-dot:focus,
.cudliky button.owl-dot:active{outline: none !important; border: 0px !important;}
.cudliky button.owl-dot.active{background: gray !important;}
i.spinner{animation: rotate-s-loader 1s linear infinite; font-size: 85%; margin-right: 5px;}

.bold{font-weight: bold;}
.gray{color: gray;}
.green{color: #177331;}
.nopad{padding-left: 0px !important; padding-right: 0px !important;}
.blueimp-gallery .prev,
.blueimp-gallery .next,
.blueimp-gallery .close{color: white !important;}
a.btn-success{color: white !important;}
.btn{font-weight: bold; text-transform: uppercase;}
.modal.show{padding-right: 0px !important;}
.modal button{font-size: 15px; padding: padding: .475rem .75rem;}
.red{color: red !important;}
.modal-dialog{max-width: 630px;}
.modal-header{border-bottom: 1px solid #abb2b9; background: #EEE;}
.modal-footer{justify-content: center !important;}
.modal-body .alert{display: none;}
.modal-body .alert-alkohol{display: block; padding: .55rem 1rem;}

.slash{padding: 0px 4px;}
.bgLight{background: #F4F4F4;}
.br{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.table td, .table th{padding: 6px 10px;}

/* Cookie lišta — kompaktní karta vlevo dole (převzato ze vzoru) */
.cookies22 {
  display: none;
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  max-width: 440px;
  z-index: 50;
  background: #fff;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04);
  padding: 18px 20px;
}
.cookies22 .container,
.cookies22 .row,
.cookies22 [class^="col-"],
.cookies22 [class*=" col-"] {
  max-width: none;
  width: 100%;
  flex: none;
  padding: 0;
  margin: 0;
}
.cookies22 .row { display: block; }

.cookies22 .cookies22-ico {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  margin-top: -2px;
  border-radius: 50%;
  background: #fff4de;
  color: #d97706;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cookies22 p {
  color: #24292e;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 12px 0;
  padding: 0;
  text-align: left;
}
.cookies22 p.text-left { text-align: left !important; }

.cookies22 p.buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.cookies22 p.buttons button {
  display: block;
  width: 100%;
  padding: 11px 16px;
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s, border-color .15s, color .15s, filter .15s;
  margin: 0;
  line-height: 1.2;
}
.cookies22 p.buttons button.all {
  background: #2ea44f;
  color: #fff;
}
.cookies22 p.buttons button.all:hover { filter: brightness(.92); color: #fff; }
.cookies22 p.buttons button.basic {
  background: #f6f8fa;
  color: #24292e;
  border: 1px solid #d0d7de;
}
.cookies22 p.buttons button.basic:hover { background: #edf0f4; }

.cookies22 p.buttons a.manage {
  display: block;
  text-align: center;
  padding: 4px 0 0;
  margin-top: 2px;
  font-size: 12px;
  color: #6a737d;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.cookies22 p.buttons a.manage:hover { color: #24292e; text-decoration: none; }

.cookies22 a {
  color: var(--suggest-accent, #0E7BDE);
  text-decoration: underline;
  font-weight: 600;
}
.cookies22 a:hover { text-decoration: none; }

@media (max-width: 575px) {
  .cookies22 {
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: auto;
    max-width: none;
    padding: 16px;
  }
}

/* Modal v reaktivním řešení nechán beze změny — styly níže pokrývají #cookies22Modal */
#cookies22Modal .modal-body button { margin-left: 10px; background: white; color: black; border: 0; font-size: 14px; padding: 4px 10px; cursor: pointer; font-weight: bold; }
#cookies22Modal button { transition: all 250ms ease; }
#cookies22Modal button.all { background: #00e300; padding: 8px 20px; font-size: 16px; }
#cookies22Modal button.all:hover { background-color: #EEE; color: black; }

#cookies22Modal {
  z-index: 100000 !important;
}
#cookies22Modal a,
#cookies22Modal button{outline: none !important;}
#cookies22Modal .mb-3{margin-bottom: 20px;}
#cookies22Modal .mt-1{margin-top: 10px;}
#cookies22Modal .close {color: #000;}
#cookies22Modal .modal-header {background: #EEE;}
#cookies22Modal .modal-header .modal-title{font-size: 24px;line-height: 1.5; float: left;}
#cookies22Modal .modal-body{padding: 15px 25px;}
#cookies22Modal .modal-body p.info{padding-top: 0px; color: gray; font-size: 14px;}
#cookies22Modal .modal-body p input[type="checkbox"]{margin-right: 5px;}
#cookies22Modal .modal-body p.cookie{margin: 5px 0px 0px 0px;}
#cookies22Modal .modal-body span.float-right{float: right;}
#cookies22Modal .modal-footer{display: block; background: white; padding-top: 15px; border-top: 1px solid #dee2e6;}
#cookies22Modal .modal-footer button{margin: 5px auto;}
#cookies22Modal .modal-footer button.green{background: #00e300; border: 0px; padding: 8px 20px; font-size: 16px; color: black; cursor: pointer;}
#cookies22Modal .modal-footer button.gray{background: #EEE; border: 0px; padding: 8px 20px; font-size: 16px; color: black; cursor: pointer;}

@media (min-width:992px){
.cookies22 p.buttons{padding-top: 17px;}
}
@media (max-width:992px){
.cookies22 p.buttons a,
.cookies22 p.buttons button{display: block; margin: 8px auto;}
#cookies22Modal .modal-dialog{max-width: 85%; margin: auto; padding: 25px 0px;}
#cookies22Modal .modal-header .modal-title{font-size: 18px;}
#cookies22Modal .modal-body{font-size: 13px;}
#cookies22Modal label{font-size: 13px;}
#cookies22Modal .modal-body h4{font-size: 17px;}
}
@media (min-width: 0px) and (max-width: 768px){
.cookies22 p.buttons a,
.cookies22 p.buttons button{width: 60%;}
.cookies22 p.buttons button.all{padding: 8px 10px;}
}

body #hw-87kwowifjjowiklsadh666right{z-index: 50 !important;}

.blinking {
  -webkit-animation: 4s blink ease infinite;
  -moz-animation: 4s blink ease infinite;
  -ms-animation: 4s blink ease infinite;
  -o-animation: 4s blink ease infinite;
  animation: 4s blink ease infinite;
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (min-width: 0px) and (max-width: 992px){ /* collapsed menu */
.newsletter{background: #F5F5F5 url('../img/newsletter.png') no-repeat 45% 140px; padding: 10px 0px 30px 0px;}
.newsletter .email{background: none;}
.newsletter .email .emailInp{max-width: 95%;}

div.pravySloupec .detailZbo .more .tabCont .parametry div.radek div{padding: 2px 10px;}
div.pravySloupec .detailZbo .more .tabCont .parametry div.radek{padding: 5px 0px;}
.detailZbo #tab-hodnoceni .container,
.detailZbo #tab-dotazy .container{padding: 0px;}
.alertZahlavi i{margin-top: 6px;}
div.pravySloupec div.vypis-sluzeb div.sluzba div.obrazek{text-align: center;}
div.pravySloupec div.vypis-sluzeb div.sluzba div.obrazek img{max-height: 180px;}
div.pravySloupec div.vypis-sluzeb div.sluzba,
div.pravySloupec div.vypis-sluzeb div.sluzba .content{padding-left: 0px; padding-right: 0px;}
div.pravySloupec div.vypis-sluzeb div.sluzba h3{padding-right: 10px; padding-left: 10px;}
div.pravySloupec div.fotogalerieVypis{padding: 0px;}
div.pravySloupec div.fotogalerieVypis div img{padding: 10px 5px; margin: 0px auto;}
nav.navbar{padding: .2rem 1rem;}
nav.navbar .navbar-nav .nav-link{line-height: 14px;}
nav.navbar li.nav-item a {border-bottom: 1px solid #65A0D6;}
nav.navbar div.buttons i.number{margin-left: -16px;}
div.pravySloupec .carousel{margin: 0px 0px 20px 0px;}
div.pravySloupec h1{padding-top: 0px;}
div.col-lg-12.pravySloupec h1{padding-top:22px;}
nav.navbar .dropdown-menu{background-color: transparent; border: 0px; margin-top: 2px; padding-top: 0px;}
nav.navbar .dropdown-menu a.dropdown-item{background-color: #1E7ED0; padding: 10px 15px; color: rgba(255,255,255,.90);}
nav.navbar .dropdown-menu a:hover{color: rgba(255,255,255,1);}
.navbar-dark .navbar-toggler { background-color: #0E7BDE;padding: .10rem .35rem;margin: .10rem 0rem;border-color: rgba(255,255,255,.3);}
.navbar-dark button.collapsed .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-dark button .navbar-toggler-icon {background-image: url("../img/close.svg");}
.nopad-xs{padding-left: 0px !important; padding-right: 0px !important;}
#alertModal div.vydejniMista div.row{margin-bottom: 5px;}
#alertModal div.vydejniMista div.row div.col-md-3{padding: 8px 15px 8px 0px;}
#alertModal div.vydejniMista{max-width: 100%;}
nav.navbar .navbar-collapse .navbar-nav{padding: 12px 0px;}
}

@media (min-width: 0px) and (max-width: 540px){ /* md */
div.container .btn-lg{width: 100%}
div.pravySloupec .vypis-zbozi div.owl-item div.contZbozi{padding-left: 0px; padding-right: 0px;}
.nopad-sm{padding-left: 0px !important; padding-right: 0px !important;}
div.container div.card div.to-cart button.doKosiku .fa-times-circle{display: none;}
}

@media (min-width: 0px) and (max-width: 767px){ /* md */
div.banner{height: 120px;}
div.banner h1{font-size: 30px;}
.newsletter p{font-size: 14px;}
.newsletter .save{padding-top: 47px;}
.newsletter p.gdpr a{display: block;}
header .first-line{line-height: 30px; font-size: 13px;}
header .first-line .phone{text-align: center;}
header .first-line i:not(:first-child) {margin: 0px 5px 0px 15px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .dotaz .odpoved .autor .slash{display: block;}
#alertModal .hlidaciPesFancy p input.hlidaciPesCenaInt{width: 80px;}
header .header-top div.search{margin-bottom: 0px; padding-bottom: 10px;}
body #hw-87kwowifjjowiklsadh666right{display: none;}
footer #showHeurekaBadgeHere-2{margin-top: 15px; }
footer #showHeurekaBadgeHere-2 img{opacity: .75;}
footer #showHeurekaBadgeHere-2 img:hover{opacity: 1;}
div.pravySloupec .box3x,
div.pravySloupec .box2x{padding-left: 0px; padding-right: 0px;}
div.pravySloupec form.vyhledavani{padding-top: 5px;}
div.pravySloupec form.vyhledavani p{padding: 5px 0px; margin: 0px;}
div.pravySloupec .detailZbo .more .tabCont .card-body .hodnoceni p.text{margin-top: 12px;}
div.pravySloupec div.razeni ul li i{display: none;}
div.pravySloupec div.filtry{margin-bottom: 25px;}
div.pravySloupec div.razeni ul li{list-style-type: none; background-color: transparent; margin: 0px 4px;}
div.pravySloupec div.razeni ul{margin: 0px 0px 10px 0px; padding: 0px; border-color: #EEEEEE; border: 0px;}
div.pravySloupec div.razeni ul li.nav-item{margin-bottom: -1px; border-color: #EEEEEE; font-size: 12px; border: 0px;}
div.pravySloupec div.razeni .nav-tabs .nav-link,
div.pravySloupec div.razeni .nav-tabs .nav-link.active{border: 0px; padding: 10px 2px;}
div.pravySloupec div.razeni .nav-tabs .nav-link.active{border-bottom: 3px solid #007bff;}
div.pravySloupec div.razeni ul li.nav-item a{padding: 0px;}
div.pravySloupec div.razeni ul li.nav-item:hover{border-color: #EEEEEE !important;}
div.pravySloupec h1 small.text-muted{display: block; padding: 3px 0px;}
div.pravySloupec div.detail-novinky img[style*="float: left"],
div.pravySloupec div.detail-novinky img[style*="float: right"] {
  margin: 5px auto; float: none !important;
  width: 100%;
}
header .header-top div.search{display: none;}
div.pravySloupec .detailZbo .more .tabCont .card-body{padding-left: 0px ; padding-right: 0px;}
div.pravySloupec .detailZbo .more .list a{border-radius: 0px; margin: 2px 0px;}
#alertModal div.modal-footer div.row div.col-12{text-align: center; margin: 5px 0px;}
div.levySloupec {padding: 15px 0px;}
div.pravySloupec .kosik .zbozi .row div.itemName{padding-left: 0px; padding-bottom: 15px;}
div.pravySloupec .kosik .zbozi .row div.trash{ -ms-flex-pack: center; justify-content: center; padding-top: 5px;}
div.pravySloupec .kosik .zbozi .cenaCelkem div:first-child{padding-left: 0px;}
div.pravySloupec .kosik .zbozi h4{text-align: left; padding-top: 5px;}
div.pravySloupec .vypis-zbozi div.zboziBox,
div.pravySloupec .vypis-zbozi div.owl-item{border-right: 0px solid #EEE;}
div.pravySloupec .vypis-zbozi div.zboziBox{padding-right: 0px; padding-left: 0px;}
nav.navbar li.nav-item a {padding: 12px 0px;}
ul.navbar-nav{margin-bottom: 15px; margin-top: 10px;}
div.container .btn-lg{line-height: 1.3;}
div.pravySloupec .kroky ol li span{display: inline-block; margin: 0px; font-size: 20px;background-color: #EEE; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0px 15px 10px 0px;}
footer div.footer-copyright p.sign{padding-top: 10px; font-size: 13px;}
footer div.footer-copyright p.sign img{max-height: 15px;}
footer .container .randomProducts{display: none;}
footer .container i.fa-home{padding-bottom: 0px !important;}
}

@media (min-width: 541px) and (max-width: 768px){
div.pravySloupec .vypis-zbozi .zboziBox{padding-right: 0px; padding-left: 0px;}
div.pravySloupec .detailZbo .more .list a{margin: 2px 0px;}
div.pravySloupec .detailZbo .more .tabs{border: 0px; margin-top: 15px;}
div.pravySloupec .detailZbo .more .tabs .card-body{padding-left: 0px; padding-right: 0px; padding-top: 5px;}
div.pravySloupec .kosik .zbozi .foto{margin-bottom: 10px;}
/*div.pravySloupec .kosik .zbozi .cenaCelkem div:first-child,*/
div.pravySloupec .kosik .zbozi .slevovyKupon div:first-child{padding: 0px;}
}

@media (min-width: 767px) and (max-width: 992px){
div.levySloupec{padding: 15px 0px;}
footer p i.fa-home{float: left; margin-top: 4px;}
div.pravySloupec .vypis-zbozi div.zboziBox,
div.pravySloupec .vypis-zbozi div.owl-item{border-right: 1px solid #EEE;}
/*
div.pravySloupec .vypis-zbozi div.zboziBox:nth-child(2n+0),
div.pravySloupec .vypis-zbozi div.owl-item:nth-child(2n+0){border-right: 0px solid #EEE;}
*/
nav.navbar li.nav-item a{padding: 12px 0px; border-bottom: 1px solid #65A0D6;}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

}

@media (min-width: 993px){ /* md - lg */
footer p i.fa-home{float: left; margin-top: 4px;}
div.pravySloupec.hp{margin-top: 20px;}
/*
div.pravySloupec .vypis-zbozi div.zboziBox:nth-child(3n+0),
div.pravySloupec .vypis-zbozi div.owl-item:nth-child(3n+0){border-right: 0px;}
*/
}

@media (min-width: 0px) { /* from xs */
.alertZahlavi div.container{padding: 0px 0px;}
div.pravySloupec .detailZbo .more .tabCont .embed-responsive{padding: 0px;}
.row {margin-right: 0px; margin-left: 0px;}
header .header-top .site-name{text-align: center; padding: 10px 0px 20px 0px;}
header .header-top .site-name img{max-height: 50px; max-width: 100%;}
/* .header-top {min-height: 140px;} */
nav div.icons a{color: white; margin-right: 0px; border: 0px solid red; font-size: 22px; padding: 8px 10px;}
nav div.icons a.logInUser{cursor: pointer; color: white !important; margin-bottom: -5px; margin-left: 6px; float: left;}
nav div.icons button{float: left; margin-right: 0px !important;}
nav div.icons a:hover{opacity: 0.75;}
nav .navbar-toggler-icon{color: white;}
/*
div.pravySloupec.hp .carousel,
div.pravySloupec.hp .vypis-zbozi,
div.pravySloupec.hp p,
div.pravySloupec.hp h2,
div.pravySloupec.hp h3,
div.pravySloupec.hp h4{padding-left: 5px; padding-right: 5px;}
*/

div.pravySloupec{padding-right: 0px; padding-left: 0px;}
div.pravySloupec .vypis-zbozi{margin-left: 0px; margin-right: 0px;}
div.pravySloupec .filtry select{margin: 4px 0px;}
div.pravySloupec .detailZbo .foto{padding-left: 0px; padding-right: 0px; text-align: center;}
div.pravySloupec .detailZbo .info{padding-left: 0px; padding-right: 0px;}
div.pravySloupec .detailZbo .more .list div.col-12{padding: 5px 0px;}
div.pravySloupec .detailZbo .more .tabCont .video{padding-left: 0px; padding-right: 0px;}

}

@media (min-width: 576px) { /* from sm */

}


@media (min-width: 768px) { /* from md */
.alertZahlavi div.container{padding: 0px 35px;}
div.pravySloupec div.filtry select{width: 24% !important; flex: 0 0 24% !important;}
nav.navbar div.buttons i{display: none;}
div.pravySloupec .kroky{padding-left: 20px; padding-right: 20px;}
div.pravySloupec div.profile-summary p.buttons a{margin: 0px 10px 0px 0px;}
div.pravySloupec .kosik .zbozi .row div.itemName{padding-left: 10px;}
div.pravySloupec .kosik .zbozi .row{margin-right: -15px; margin-left: -15px;}
div.pravySloupec div.detail-novinky img[style*="float: left"] {margin: 5px 15px 0px 0px;}
div.pravySloupec div.detail-novinky img[style*="float: right"] {margin: 5px 0px 0px 15px;}
header .header-top .site-name{text-align: left;}
header .header-top .site-name img{max-height: 90px; max-width: 190px;}
.header-top > div{flex: 0 1 33.333333%; align-self: center;}
.header-top > div:first-child{flex: 0 1 40.333333%;}
.header-top > div:last-child{flex: 0 1 26.333333%;  }
.header-top {display: flex; flex-wrap: wrap;padding-top: 19px;padding-bottom: 19px;height: 130px;}
nav .nav-item{padding: 0px 10px;}
.navbar{padding: 0rem 1rem;}
.navbar .dropdown-menu{margin-top: 0px; margin-left: -1px; border-top: 0px;}
div.pravySloupec{padding-right: 0px; padding-left: 0px;}
div.pravySloupec .vypis-zbozi{margin-left: 0px; margin-right: 0px;}
div.pravySloupec .detailZbo .foto{ padding-right: 15px;}
div.pravySloupec .detailZbo .info{padding-left: 5px;}
div.pravySloupec .detailZbo .more .list div.col-12{padding: 0px 3px;}
div.pravySloupec .detailZbo .more .tabCont .video{padding-left: 15px; padding-right: 15px;}
.mlr-15{margin-left: -15px !important; margin-right: -15px !important;}
footer #showHeurekaBadgeHere-2{display: none;}
}

@media (min-width: 992px) { /* from lg */
div.pravySloupec div.vypisFotek{padding: 15px 15px; margin-bottom: 10px;}
div.pravySloupec .detailZbo .more .tabCont .embed-responsive{padding-right: 30px; padding-left: 30px;}
.row {margin-right: -15px; margin-left: -15px;}
header .header-top .site-name img{max-height: 90px; max-width: 250px;}
nav .nav-item{border-left: 1px solid #004CA1;}
nav .nav-item:first-child{border-left: 0px;}
div.pravySloupec.hp .carousel,
div.pravySloupec.hp .vypis-zbozi,
div.pravySloupec.hp .vypis-recenzi,
div.pravySloupec.hp p,
div.pravySloupec.hp h1,
div.pravySloupec.hp h2,
div.pravySloupec.hp h3,
div.pravySloupec.hp h4{padding-left: 15px; padding-right: 15px;}
div.pravySloupec{padding-right: 15px; padding-left: 15px;}
div.pravySloupec.hp hr{margin-left: 15px; margin-right: 15px;}
div.pravySloupec .detailZbo .info{padding-left: 10px;}
}


@media (min-width: 1200px) { /* from xl */
header .header-top .site-name img{max-height: 100px; max-width: 280px;}
}

@media (min-width: 1420px) {
.container {max-width: 1400px;}
.page-content div.col-lg-3.levySloupec{max-width: 20% !important; -ms-flex: 0 0 20%; flex: 0 0 20%;}
.page-content div.col-lg-9.pravySloupec{max-width: 80% !important; -ms-flex: 0 0 80%; flex: 0 0 80%;}

.col-lg-4 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-lg-4-orig {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
.carousel-inner,
.carousel-item,
div.pravySloupec .carousel{max-width: 900px;}

div.pravySloupec .carousel.big .carousel-inner,
div.pravySloupec .carousel.big .carousel-item,
div.pravySloupec .carousel.big{max-width: 100% !important;}

nav .nav-item {padding: 0px 18px;}
div.pravySloupec .kroky{max-width: 820px;}
div.pravySloupec .detailZbo .info .buy .btn{padding: 6px 18px;}
div.cudliky.btnCount5{display: none;}
.modal-dialog{max-width: 740px;}
}

@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

/*
.element {
  @include clearfix;
}
*/

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus{border-color: #CED4DA !important;}

input.zavazneObjednat{border: 0px !important; padding: .5rem .85rem;}
input.zavazneObjednat:focus{border: 0px !important;}

textarea:focus,
button:focus,
button:active,
a.btn:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea.form-control:focus,
.form-control:foxus
.uneditable-input:focus,
.navbar-dark .navbar-toggler {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
  outline: 0px !important;
}

.form-control,
a.btn,
button.btn,
button:focus,
button:active,
a.list-group-item,
a.list-group-item:focus,
html, body, img, a,
img:focus, a:focus, input:focus,
img:active, a:active, input:active,
.navbar-dark .navbar-toggler,
.navbar-dark .navbar-toggler:active,
.navbar-dark .navbar-toggler:focus{
box-shadow: none !important;
outline: 0px !important;
}

@keyframes rotate-s-loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}


/* ===== Sticky header (logo + search + košík, fixed lišta při scrollu) ===== */
.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background: #fff;
  border-bottom: 1px solid transparent;
  transform: translateY(-100%);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  will-change: transform;
}
.sticky-header.visible {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-bottom-color: #ececec;
}
.sticky-header > .container {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sticky-header .sh-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.sticky-header .sh-logo img {
  max-height: 38px;
  width: auto;
  display: block;
}

.sticky-header .sh-search {
  flex: 1 1 auto;
  position: relative;
  max-width: 560px;
  margin: 0 auto;
}
.sticky-header .sh-search input {
  width: 100%;
  height: 38px;
  padding: 6px 42px 6px 14px;
  font-size: 14px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #f7f8fa;
  color: #2f2f2f;
  outline: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.sticky-header .sh-search input::placeholder {
  color: #9a9a9a;
}
.sticky-header .sh-search input:focus {
  border-color: #0E7BDE;
  background: #fff;
}
.sticky-header .sh-search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 42px;
  border: none;
  background: transparent;
  color: #6c6c6c;
  cursor: pointer;
  font-size: 15px;
}
.sticky-header .sh-search button:hover {
  color: #0E7BDE;
}

.sticky-header .sh-cart {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2f2f2f;
  text-decoration: none;
  position: relative;
  padding: 4px 6px;
}
.sticky-header .sh-cart:hover {
  color: #0E7BDE;
  text-decoration: none;
}
.sticky-header .sh-cart i.fa-shopping-cart {
  font-size: 22px;
  color: #007bff;
}
.sticky-header .sh-cart-price {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.sticky-header .sh-cart-count {
  display: none;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-style: normal;
  line-height: 18px;
  text-align: center;
  background: #ee3030;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  top: -2px;
  left: 14px;
}
.sticky-header .sh-cart-count.active {
  display: inline-block;
}

/* Mobil: kompaktnější layout, menší fonty, schovaná cena */
@media (max-width: 767.98px) {
  .sticky-header > .container {
    gap: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .sticky-header .sh-logo img { max-height: 30px; }
  .sticky-header .sh-search input { height: 34px; font-size: 13px; padding: 4px 36px 4px 10px; }
  .sticky-header .sh-search button { height: 34px; width: 36px; font-size: 14px; }
  .sticky-header .sh-cart-price { display: none; }
  .sticky-header .sh-cart i.fa-shopping-cart { font-size: 20px; }
}


/* ===== Hot searches (single-row chip tipy pod hlavním search inputem,
   absolutně umístěné, s fade-out gradientem vpravo) ===== */
.hot-searches {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 50px;
  background: transparent;
}
.hot-searches::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 100%);
  pointer-events: none;
}
.hot-searches a {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #d0d7de;
  border-radius: 12px;
  color: #24292e;
  text-decoration: none;
  background: #f6f8fa;
  transition: background-color .15s, border-color .15s, color .15s;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  line-height: 1.5;
  flex-shrink: 0;
}
.hot-searches a:hover {
  background: var(--suggest-accent, #0E7BDE);
  border-color: var(--suggest-accent, #0E7BDE);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .hot-searches { display: none; }
}


/* ===== Našeptávač (dropdown s návrhy kategorií a zboží) ===== */
header .header-top div.search { position: relative; }

.search-suggest {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1040;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.search-suggest .ss-section + .ss-section {
  border-top: 1px solid #f0f0f0;
}
.search-suggest .ss-title {
  padding: 8px 14px 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #888;
}
.search-suggest .ss-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  color: #2f2f2f;
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: background 0.1s ease, border-color 0.1s ease;
}
.search-suggest .ss-item:hover,
.search-suggest .ss-item.active {
  background: #f5f9ff;
  border-left-color: var(--suggest-accent, #0E7BDE);
  text-decoration: none;
  color: #2f2f2f;
}

.search-suggest .ss-kat-item {
  padding: 10px 14px;
  font-size: 14px;
}
.search-suggest .ss-kat-icon {
  color: #888;
  width: 16px;
  text-align: center;
}

.search-suggest .ss-img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  background: #f4f4f4;
  border-radius: 4px;
  flex: 0 0 auto;
}
.search-suggest .ss-txt {
  flex: 1 1 auto;
  min-width: 0;
}
.search-suggest .ss-nazev {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-suggest .ss-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #666;
}
.search-suggest .ss-cena {
  font-weight: 600;
  color: #2f2f2f;
}
.search-suggest .ss-cena-puv {
  text-decoration: line-through;
  color: #999;
}
.search-suggest .ss-stock { color: #28a745; }
.search-suggest .ss-zb-kat {
  color: #888;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
.search-suggest .ss-badge {
  display: inline-block;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  line-height: 1.5;
}
.search-suggest .ss-badge-akce { background: #ee3030; color: #fff; }
.search-suggest .ss-badge-novinka { background: var(--suggest-accent, #0E7BDE); color: #fff; }

.search-suggest .ss-more {
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  text-align: center;
  color: var(--suggest-accent, #0E7BDE);
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
  text-decoration: none;
  border-left: 3px solid transparent;
}
.search-suggest .ss-more:hover,
.search-suggest .ss-more.active {
  background: #f5f9ff;
  border-left-color: var(--suggest-accent, #0E7BDE);
  text-decoration: none;
}
.search-suggest .ss-empty {
  padding: 14px;
  text-align: center;
  color: #888;
  font-style: italic;
  font-size: 13px;
}

@media (max-width: 575.98px) {
  .search-suggest {
    position: fixed;
    top: auto;
    left: 8px;
    right: 8px;
    max-height: 60vh;
  }
  .search-suggest .ss-item { padding: 10px 12px; }
  .search-suggest .ss-img { width: 40px; height: 40px; }
}

/* Sticky search dropdown: stejné chování, jiné umístění */
#stickyHeader .sh-search .search-suggest {
  top: calc(100% + 6px);
}