:root{
--blue:#003B5C;
--dark:#002F4A;
--green:#079436;
--green2:#06782D;
--red:#E31E24;
--text:#102A43;
}

body,
input,
button,
select,
textarea{
font-family:Inter,Arial,sans-serif!important;
}

body{
color:var(--text);
background:#fff;
}

h1,h2,h3,h4,h5,h6{
font-family:Inter,Arial,sans-serif!important;
font-weight:700;
}

.container{
max-width:1440px;
}

.btn,
.btn-primary,
.btn-conversion,
.btn-cart,
.add-to-cart-button,
input[type=submit]{
border-radius:5px;
}

.btn-primary,
.btn-conversion,
.btn-cart,
.add-to-cart-button{
background:var(--green)!important;
border-color:var(--green)!important;
color:#fff!important;
font-weight:700!important;
}

.btn-primary:hover,
.btn-conversion:hover,
.btn-cart:hover,
.add-to-cart-button:hover{
background:var(--green2)!important;
}


/* =========================
   HEADER
========================= */

#header{
background:#fff;
box-shadow:0 1px 0 #ddd;
}

.header-top{
background:#f4f7f9!important;
border-bottom:1px solid #e5e9ed;
font-size:12px;
}

.header-top a{
color:#52687a!important;
}

.header-top a:hover{
color:var(--green)!important;
}

.header-middle{
background:#fff;
}

#header .site-name img{
max-height:58px;
width:auto;
}


/* =========================
   HLEDANI
========================= */

.search-form{
width:100%;
}

.search-form fieldset{
display:flex;
width:100%;
}

.search-form input[type=search],
.search-form input[type=text]{
height:48px!important;
border:1px solid #cbd5dd!important;
border-radius:6px 0 0 6px!important;
padding:0 18px!important;
box-shadow:none!important;
}

.search-form input:focus{
border-color:var(--green)!important;
}

.search-form button{
height:48px!important;
min-width:90px!important;
background:var(--green)!important;
border:0!important;
border-radius:0 6px 6px 0!important;
color:#fff!important;
font-weight:700!important;
}

.search-form button:hover{
background:var(--green2)!important;
}


/* =========================
   HLAVNI MENU
========================= */

#navigation,
.navigation-in{
background:var(--dark)!important;
border:0!important;
}

.navigation-in .menu-level-1>li>a{
color:#fff!important;
font-weight:600!important;
font-size:14px!important;
}

.navigation-in .menu-level-1>li>a:hover{
background:var(--blue)!important;
}

.navigation-in .rystol-menu-sale>a{
background:var(--red)!important;
color:#fff!important;
}

.navigation-in .rystol-menu-business>a{
background:var(--green)!important;
color:#fff!important;
}


/* =========================
   PODMENU SHOPTETU
========================= */

.navigation-in .menu-level-2{
background:#fff!important;
border:0!important;
box-shadow:0 10px 25px rgba(0,0,0,.15)!important;
}

.navigation-in .menu-level-2 a{
color:var(--text)!important;
}

.navigation-in .menu-level-2 a:hover{
background:#f4f7f9!important;
color:var(--green)!important;
}


/* =========================
   VSECHNY KATEGORIE
========================= */

@media(min-width:768px){

.rystol-allcats-item{
position:relative!important;
display:block!important;
float:none!important;
}

.rystol-allcats-item>a{
display:flex!important;
align-items:center!important;
height:100%!important;
background:#003B5C!important;
color:#fff!important;
font-weight:700!important;
font-size:13px!important;
padding:0 18px!important;
white-space:nowrap!important;
text-decoration:none!important;
}

.rystol-allcats-item>a:hover{
background:#079436!important;
color:#fff!important;
}

#rystolAllCats{
display:none!important;
position:absolute!important;
top:100%!important;
left:0!important;
width:340px!important;
max-height:70vh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
margin:0!important;
padding:6px 0!important;
list-style:none!important;
background:#fff!important;
border:1px solid #e5e9ed!important;
border-top:0!important;
box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
z-index:99999!important;
}

.rystol-allcats-item:hover>#rystolAllCats,
.rystol-allcats-item.open>#rystolAllCats{
display:block!important;
}

#rystolAllCats>li{
display:block!important;
float:none!important;
position:relative!important;
width:100%!important;
height:auto!important;
margin:0!important;
padding:0!important;
background:#fff!important;
}

#rystolAllCats>li>a{
display:block!important;
width:100%!important;
height:auto!important;
box-sizing:border-box!important;
padding:10px 16px!important;
margin:0!important;
background:#fff!important;
color:#102A43!important;
font-size:13px!important;
font-weight:600!important;
line-height:1.35!important;
text-decoration:none!important;
white-space:normal!important;
border-bottom:1px solid #edf0f2!important;
}

#rystolAllCats>li>a:hover{
background:#f2f8f4!important;
color:#079436!important;
}

#rystolAllCats>li:last-child>a{
border-bottom:0!important;
}

#rystolAllCats::-webkit-scrollbar{
width:8px;
}
@media(min-width:768px){

/* skryt vsechny puvodni polozky */
#navigation .navigation-in>ul.menu-level-1>li{
display:none!important;
}

/* nova polozka VSECHNY KATEGORIE */
#navigation .navigation-in>ul.menu-level-1>
li.rystol-allcats-item{
display:block!important;
}

/* AKCE */
#navigation li.menu-item-14577{
display:block!important;
}

/* DROGERIE */
#navigation li.menu-item-22640{
display:block!important;
}

/* PAPIROVA HYGIENA */
#navigation li.menu-item-6333{
display:block!important;
}

/* UKLID */
#navigation li.menu-item-6291{
display:block!important;
}

/* DILNA */
#navigation li.menu-item-23405{
display:block!important;
}

/* PRO FIRMY / VELKOOBCHOD */
#navigation li.menu-item-external-185{
display:block!important;
}

/* odstranit puvodni Shoptet menu VICE */
#navigation .menu-helper{
display:none!important;
}

}

#rystolAllCats::-webkit-scrollbar-track{
background:#f4f6f7;
}

#rystolAllCats::-webkit-scrollbar-thumb{
background:#c5d0d7;
border-radius:10px;
}

}


/* =========================
   MOBIL
========================= */

@media(max-width:767px){

.rystol-allcats-item{
display:none!important;
}

}

/* =========================
   PATICKA
========================= */

#footer{
background:var(--dark)!important;
color:rgba(255,255,255,.78)!important;
margin-top:50px;
}

#footer .footer-rows,
#footer .custom-footer{
background:transparent!important;
}

#footer h3,
#footer h4{
color:#fff!important;
font-weight:700;
}

#footer a{
color:rgba(255,255,255,.82)!important;
}

#footer a:hover{
color:#fff!important;
}

#footer .contact-box{
color:rgba(255,255,255,.78)!important;
}

#footer .contact-box a{
color:#fff!important;
}

#footer .copyright{
border-top:1px solid rgba(255,255,255,.12);
color:rgba(255,255,255,.58)!important;
}


/* =========================
   NEWSLETTER
========================= */

.newsletter{
background:#f3f7fa!important;
color:var(--text)!important;
}

.newsletter h3{
color:var(--text)!important;
}

.newsletter input[type=email]{
min-height:44px!important;
}

.newsletter button,
.newsletter input[type=submit]{
background:var(--green)!important;
border-color:var(--green)!important;
color:#fff!important;
}


/* =========================
   MOBIL
========================= */

@media(max-width:767px){

.header-top{
display:none!important;
}

#header .site-name img{
max-height:40px;
}

#navigation,
.navigation-in{
background:#fff!important;
}

.navigation-in .menu-level-1>li>a{
color:var(--text)!important;
background:#fff!important;
border-bottom:1px solid #eee!important;
}

.navigation-in .rystol-menu-sale>a{
color:var(--red)!important;
background:#fff4f4!important;
}

.navigation-in .rystol-menu-business>a{
color:var(--green)!important;
background:#eef9f1!important;
}

.rystol-allcats-item{
display:none!important;
}

}
@media(min-width:768px){

#navigation,
#navigation .navigation-in,
#navigation .menu,
#navigation .menu-level-1,
#header,
#header .container{
overflow:visible!important;
}

.rystol-allcats-item{
position:relative!important;
}

#rystolAllCats{
position:absolute!important;
top:100%!important;
left:0!important;
z-index:999999!important;
max-height:calc(100vh - 180px)!important;
overflow-y:auto!important;
}

}

@media(min-width:768px){

/* hlavni lista */
#navigation,
#navigation .navigation-in{
height:48px!important;
min-height:48px!important;
overflow:visible!important;
}

/* hlavni UL */
#navigation .navigation-in>ul.menu-level-1{
display:flex!important;
align-items:stretch!important;
height:48px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}

/* nejdriv schovat vsechny puvodni polozky */
#navigation .navigation-in>ul.menu-level-1>li{
display:none!important;
float:none!important;
height:48px!important;
width:auto!important;
max-width:none!important;
position:relative!important;
top:auto!important;
left:auto!important;
visibility:visible!important;
opacity:1!important;
transform:none!important;
}

/* zobrazit jen pozadovane */
#navigation .navigation-in>ul.menu-level-1>li.rystol-allcats-item,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-14577,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-22640,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-6333,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-6291,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-23405,
#navigation .navigation-in>ul.menu-level-1>li.menu-item-external-185{
display:flex!important;
align-items:stretch!important;
}

/* text polozek */
#navigation .navigation-in>ul.menu-level-1>li>a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:48px!important;
min-height:48px!important;
padding:0 15px!important;
margin:0!important;
line-height:1.2!important;
white-space:nowrap!important;
box-sizing:border-box!important;
color:#fff!important;
}

/* VSECHNY KATEGORIE */
.rystol-allcats-item>a{
background:#003B5C!important;
font-weight:700!important;
}

/* dropdown */
#rystolAllCats{
display:none!important;
position:absolute!important;
top:48px!important;
left:0!important;
width:360px!important;
max-height:calc(100vh - 150px)!important;
overflow-y:auto!important;
margin:0!important;
padding:6px 0!important;
background:#fff!important;
z-index:999999!important;
box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

/* otevreni */
.rystol-allcats-item:hover>#rystolAllCats,
.rystol-allcats-item.open>#rystolAllCats{
display:block!important;
}

/* polozky uvnitr dropdownu */
#rystolAllCats>li{
display:block!important;
height:auto!important;
width:100%!important;
float:none!important;
}

#rystolAllCats>li>a{
display:block!important;
height:auto!important;
min-height:0!important;
padding:10px 16px!important;
line-height:1.35!important;
white-space:normal!important;
background:#fff!important;
color:#102A43!important;
text-align:left!important;
border-bottom:1px solid #eee!important;
}

#rystolAllCats>li>a:hover{
background:#f2f8f4!important;
color:#079436!important;
}

/* vypnout Shoptet "Vice" */
#navigation .menu-helper{
display:none!important;
}

}

@media(min-width:768px){

/* vratit prirozene rozlozeni Shoptetu */
#navigation,
#navigation .navigation-in{
height:auto!important;
min-height:0!important;
overflow:visible!important;
}

#navigation .navigation-in>ul.menu-level-1{
display:flex!important;
align-items:center!important;
height:auto!important;
min-height:44px!important;
overflow:visible!important;
}

/* reset nasich predchozich agresivnich pravidel */
#navigation .navigation-in>ul.menu-level-1>li{
height:auto!important;
min-height:0!important;
width:auto!important;
max-width:none!important;
flex:0 0 auto!important;
}

#navigation .navigation-in>ul.menu-level-1>li>a{
height:auto!important;
min-height:44px!important;
display:flex!important;
align-items:center!important;
padding:0 13px!important;
}

/* nove VSECHNY KATEGORIE */
.rystol-allcats-item{
display:flex!important;
position:relative!important;
}

.rystol-allcats-item>a{
background:#003B5C!important;
color:#fff!important;
font-weight:700!important;
white-space:nowrap!important;
}

/* dropdown */
#rystolAllCats{
top:100%!important;
}

/* skryt puvodni Shoptet VICE */
.menu-helper{
display:none!important;
}

/* PRO FIRMY */
.menu-item-external-185{
margin-left:0!important;
}

/* zabranit rozjeti ikon vpravo */
.navigation-buttons,
.navigationActions{
flex:0 0 auto!important;
}

}