:root{--ss-dark:#1f2226;--ss-chip:#3a4148;--ss-red:#CE1A2B;--ss-yellow:#fdcc42;--ss-yellow-h:#e9b92f;--ss-text:#262e36}

/* Puvodni nastaveni */
*,p,.categories ul a,li{font-size:15px}
a,ul.red a,.red,a.red{color:#CE1A2B}
.content-inner{margin-top:20px}
ul.red{margin-left:-10px}
.widget-parameter-wrapper .widget-parameter-value a{padding:3px 5px;background:#eee;margin:0 6px 0 0;border-radius:4px;font-size:small}
.widget-parameter-wrapper .widget-parameter-value:first-child a{padding-left:5px}
#categories>div.categories>ul>li>a{font-weight:600;color:#CE1A2B}
#categories>div.categories>ul>li.active>a{color:#262e36}
#categories>div.categories>ul>li>ul>li>a{font-weight:600;color:#262e36}
.navigation-in ul li a b{font-weight:600}
.detail-parameters a{color:#CE1A2B}
select.hidden-split-parameter{border-color:#14b1ef}
.classic-advantage .horizontal-advantage .text-advantage p{color:#777!important}
.categories li.active>a{color:#fff;background:#CE1A2B}
table.kontakt td{border-right:1px solid #ddd;padding-left:5px}
div.adresa,div.telefony,div.ic{width:30%;float:left}
div.oteviraci-doba,div.kontaktni-formular,div.mapa{width:100%;float:left;clear:both;margin-top:4%}
.plus-gallery-wrap{text-align:left}
.plus-gallery-wrap .plus-gallery-item{border:none}
.content-wrapper.homepage-box.before-carousel{max-width:1418px;margin-left:auto;margin-right:auto}

/* Podkategorie: nazev na max. 2 radky, aby se vesel do boxu */
.subcategories li a .text{font-size:14px!important;line-height:19px!important;max-height:38px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;white-space:normal!important;hyphens:auto!important}

/* Hlavicka: tmava, logo bile - vsechna zarizeni */
#header,#header .container,#header .navigation-wrapper{background:var(--ss-dark)!important}
#header .site-name img{filter:brightness(0) invert(1)!important;opacity:1!important;visibility:visible!important}

/* Tablet + desktop: radek logo | vyhledavani | prihlaseni + kosik */
@media(min-width:768px){
 /* Horni radek tmavy, lista menu bila pres celou sirku */
 .top-navigation-bar,.top-navigation-bar .container{background:var(--ss-dark)!important}
 #header{background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.06)!important}
 #header .container,#header .navigation-wrapper{background:transparent!important}
 #header .header-top{align-items:center!important}
 #header .site-name-wrapper{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;height:68px!important;margin-right:24px!important}
 #header .site-name,#header .site-name a{flex:0 0 auto!important;width:auto!important}
 #header .site-name img{height:56px!important;width:auto!important;max-width:none!important}

 /* Vyhledavani */
 #header .search{flex:1 1 auto!important;max-width:560px!important;width:auto!important;margin:0 auto!important;padding-right:16px!important}
 #header .search .search-form input.search-input{background:#fff!important;color:#28323b!important;border:0!important;border-radius:23px!important;height:46px!important;padding:0 70px 0 20px!important;font:500 16px "Roboto Condensed",sans-serif!important;box-shadow:none!important}
 #header .search .search-form input.search-input::placeholder{color:#66717e!important;opacity:1!important;font-style:normal!important}
 #header .search .search-form input.search-input:focus{outline:2px solid var(--ss-yellow)!important;outline-offset:-2px!important}
 #header .search .search-form button[data-testid="searchBtn"]{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--ss-yellow)!important;color:transparent!important;border:0!important;border-radius:0 23px 23px 0!important;width:56px!important;height:46px!important;padding:0!important;font-size:0!important;line-height:1!important;text-indent:0!important}
 #header .search .search-form button[data-testid="searchBtn"]::before{content:"\f002"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:18px!important;color:var(--ss-text)!important;display:block!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;background:none!important}
 #header .search .search-form button[data-testid="searchBtn"]::after{content:none!important;display:none!important}
 #header .search .search-form button[data-testid="searchBtn"]:hover{background:var(--ss-yellow-h)!important}

 /* Prihlaseni + kosik: stejny vzhled, jedna osa */
 #header .navigation-buttons{flex:0 0 360px!important;width:360px!important;height:68px!important;padding:0!important;align-items:center!important;justify-content:flex-end!important}
 #header .top-navigation-tools{top:-68px!important;height:68px!important;align-items:center!important;justify-content:flex-end!important;padding:0 184px 0 0!important}
 #header .top-nav-button-login,#header .navigation-buttons a[data-target="cart"]{display:inline-flex!important;align-items:center!important;gap:10px!important;height:44px!important;padding:0!important;top:0!important;margin:0!important;color:#fff!important;font:600 16px/1.2 "Roboto Condensed",sans-serif!important;letter-spacing:0!important;text-decoration:none!important}
 #header .navigation-buttons a[data-target="cart"]{width:160px!important;white-space:nowrap!important;left:0!important;right:auto!important}
 #header .top-nav-button-login span,#header .navigation-buttons .cart-price{color:#fff!important;font:inherit!important;margin:0!important;padding:0!important}
 #header .top-nav-button-login::before,#header .navigation-buttons a[data-target="cart"]::before{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;line-height:1!important;font-size:18px!important;box-sizing:border-box!important;border-radius:50%!important;background:var(--ss-chip)!important;color:#fff!important;transition:background .15s,color .15s}
 #header .top-nav-button-login:hover::before,#header .navigation-buttons a[data-target="cart"]:hover::before{background:var(--ss-yellow)!important;color:var(--ss-text)!important}
 #header .top-nav-button-login:hover span,#header .navigation-buttons a[data-target="cart"]:hover .cart-price{color:var(--ss-yellow)!important}

 /* Menu: ikony */
 #navigation .menu-level-1>li>a::before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important;font-size:16px!important;line-height:1!important;display:inline-block!important;position:static!important;color:var(--ss-red)!important;margin:0 6px 0 0!important;padding:0!important;background:none!important}
 #navigation .menu-level-1>.menu-item-737>a::before{content:"\f291"!important} /* E-shop */
 #navigation .menu-level-1>.menu-item-767>a::before{content:"\f0e7"!important} /* Elektrokola - blesk */
 #navigation .menu-level-1>.menu-item-743>a::before{content:"\f206"!important} /* Cyklistika - kolo */
 #navigation .menu-level-1>.menu-item-755>a::before{content:"\f70c"!important} /* Beh */
 #navigation .menu-level-1>.menu-item-1310>a::before{content:"\f45f"!important} /* Volejbal */
 #navigation .menu-level-1>.menu-item-725>a::before{content:"\f0ad"!important} /* Servis */
 #navigation .menu-level-1>.menu-item-728>a::before{content:"\f362"!important} /* Pujcovna - sipky */
 #navigation .menu-level-1>.menu-item-29>a::before{content:"\f095"!important} /* Kontakty */
 #navigation .menu-level-1>.menu-item-731>a::before{content:"\f1e3"!important} /* Pro kluby */
 #navigation .menu-level-1>.menu-item-722>a::before{content:"\f1ad"!important} /* Prodejna */
 #navigation .menu-level-1>.menu-item-752>a::before{content:"\f7ca"!important} /* Lyze */
 #navigation .menu-level-1>.menu-item-1502>a::before{content:"\f1ea"!important} /* Blog */
}

/* Tablet: jen ikony u prihlaseni a kosiku */
@media(min-width:768px) and (max-width:991px){
 #header .site-name img{height:48px!important}
 #header .navigation-buttons{flex:0 0 120px!important;width:120px!important}
 #header .top-navigation-tools{padding:0 58px 0 0!important}
 #header .navigation-buttons a[data-target="cart"]{width:44px!important}
 #header .top-nav-button-login span,#header .navigation-buttons .cart-price{display:none!important}
}

/* Desktop: pismo menu a megamenu */
@media(min-width:992px){
 #navigation .menu-level-1>li>a,#navigation .menu-level-1>li>a>b{font-family:"Roboto Condensed",sans-serif!important;font-size:18px!important;font-weight:600!important;letter-spacing:0!important}
 #navigation .menu-level-1>li>a{padding:13px 12px!important}
 #navigation .menu-level-1>li>a>b{padding:0!important;margin:0!important}
 #navigation .menu-level-2>li>div>a,#navigation .menu-level-2>li>div>a span{font-family:"Roboto Condensed",sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important}
 #navigation .menu-level-2 .menu-level-3,#navigation .menu-level-2 .menu-level-3 li,#navigation .menu-level-2 .menu-level-3 a{font-family:"Roboto Condensed",sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.3!important}
}

/* Mobil */
@media(max-width:767px){
 .top-navigation-bar{display:none!important}
 #header>.container.navigation-wrapper{position:relative!important;min-height:58px!important}
 #header .header-top{position:static!important;transform:none!important}
 #header .site-name-wrapper{display:flex!important;position:absolute!important;top:29px!important;left:12px!important;transform:translateY(-50%)!important;height:44px!important;align-items:center!important;z-index:20!important}
 #header .site-name{position:static!important;top:auto!important;left:auto!important}
 #header .site-name,#header .site-name a{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;height:auto!important}
 #header .site-name img{display:block!important;margin:0!important;padding:0!important;max-height:40px!important;max-width:130px!important;width:auto!important;height:auto!important}
 #header .top-navigation-tools{top:8px!important}
 #header .responsive-tools>a,#header .responsive-tools>a::before{color:#fff!important}
 #header .responsive-tools>a[data-target="navigation"]::before{background:var(--ss-chip)!important}
 #header .navigation-buttons a[data-target="cart"]{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;top:9px!important;left:calc(100% - 107px)!important;right:auto!important;color:#fff!important}
 #header .navigation-buttons a[data-target="cart"]::before{color:#fff!important;background:transparent!important;height:auto!important;line-height:1!important}
 div.adresa,div.telefony,div.ic{width:50%}
 div.oteviraci-doba,div.kontaktni-formular,div.mapa{width:100%}
}