
.section-headline .subcategories>li{--tile-bg:#eaf3f9;--tile-color:#245f83;display:flex;height:auto!important}
.section-headline .subcategories>li:nth-child(even){--tile-bg:#edf5ec;--tile-color:#356744}
.section-headline .subcategories>li>a{box-sizing:border-box;display:flex!important;align-items:center;width:100%;height:auto!important;min-height:110px;padding:12px 28px 12px 12px!important;background:var(--tile-bg)!important;border:2px solid transparent!important;border-left:5px solid var(--tile-color)!important;border-radius:10px!important;box-shadow:0 3px 10px #0002}
.section-headline .subcategories .text{display:block!important;min-width:0;height:auto!important;max-height:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;font-size:15px!important;line-height:1.35!important;color:var(--tile-color)!important}
.section-headline .subcategories .image{flex:0 0 60px;width:60px!important;margin-right:10px}
.section-headline .subcategories .image img{width:60px!important;height:60px!important;object-fit:contain}
.section-headline .subcategories>li>a[href="/akcni-nabidka/"]{--tile-bg:#fff0dc;--tile-color:#984600}
.section-headline .subcategories>li>a:is(:hover,:focus-visible){background:#fff!important;border-color:var(--tile-color)!important}
.section-headline .subcategories>li>a:focus-visible{outline:2px solid var(--tile-color);outline-offset:3px}
@media(max-width:767px){
.section-headline .subcategories>li>a{padding:9px 28px 9px 9px!important}
.section-headline .subcategories .text{font-size:13px!important}
.section-headline .subcategories .image{flex-basis:42px;width:42px!important;margin-right:7px}
.section-headline .subcategories .image img{width:42px!important;height:42px!important}
}
@media(min-width:1024px){
#navigation .menu-level-1{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important}
#navigation .menu-level-1>li{--bc:#245f83;--bg:#eaf3f9;display:flex!important;align-self:stretch!important;align-items:stretch!important;margin-top:0!important;margin-bottom:0!important}
#navigation .menu-level-1>li:nth-child(even){--bc:#356744;--bg:#edf5ec}
#navigation .menu-level-1>li.bat-akce{--bc:#984600;--bg:#fff0dc}
#navigation .menu-level-1>li>a{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;min-height:68px!important;height:auto!important;padding:12px 24px 12px 10px!important;font-size:13px!important;line-height:1.35!important;text-align:center;white-space:normal!important;text-transform:none!important;background:var(--bg)!important;color:var(--bc)!important;border:1px solid #fff!important}
#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a{background:var(--bc)!important;color:#fff!important;border-color:var(--bc)!important}
#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a span{color:#fff!important}
#navigation .menu-level-1>li>a:focus-visible{outline:2px solid #173f48!important;outline-offset:-3px}
#navigation .menu-level-1>li>.menu-level-2{box-sizing:border-box;background:#fff!important;border:3px solid var(--bc)!important;border-radius:0 0 8px 8px;box-shadow:0 8px 18px #0002}
#navigation .menu-level-2 a{color:#173f48!important}
#navigation .menu-level-2 a:is(:hover,:focus-visible){background:var(--bg)!important;color:var(--bc)!important;text-decoration:underline;text-underline-offset:3px}
}
.bat-montazni-vyber{box-sizing:border-box;margin:24px 0;padding:20px;border:1px solid #d5e0e4;border-left:5px solid #f90;border-radius:10px;background:#f6f9fa;color:#202020;clear:both}
.bat-montazni-vyber a{display:inline-block;padding:8px 0;color:#174e64!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere}
.bat-montazni-vyber a:focus-visible{outline:3px solid #a85a00;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.site-name a,.variant-btn,.vf button,.nv .size,.section-headline li{animation:none!important}}

.section-headline .subcategories>li>a{background:var(--bat-bg,#a0cc45)!important;border:2px solid var(--bat-border,#38771d)!important;border-radius:12px!important;box-shadow:0 3px 8px #18334c18!important}
.section-headline .subcategories>li>a .text{color:#111!important;font-weight:700!important}
.section-headline .subcategories>li>a:is(:hover,:focus-visible){background:var(--bat-bg,#a0cc45)!important;filter:brightness(1.035);box-shadow:0 4px 12px #18334c30!important}
@media(min-width:1024px){
#navigation .menu-level-1{gap:6px!important}
#navigation .menu-level-1>li{border:0!important;border-radius:12px!important}
#navigation .menu-level-1>li>a,#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a{background:var(--bat-bg,#a0cc45)!important;color:#111!important;border:2px solid var(--bat-border,#38771d)!important;border-radius:12px!important;box-shadow:0 3px 8px #18334c18!important;min-height:82px!important}
#navigation .menu-level-1>li>a span,#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a span{color:#111!important}
#navigation .menu-level-1>li>a:hover{filter:brightness(1.035)}
#navigation .menu-level-1>li>.menu-level-2{border-color:var(--bat-border,#526572)!important}
#navigation .menu-level-2 a:is(:hover,:focus-visible){background:#eef3f5!important;color:#173f48!important}
}

@media(min-width:1200px){#navigation .menu-level-1>li{width:calc((100% - 48px)/9)!important;flex:0 0 calc((100% - 48px)/9)!important}}
@media(min-width:1024px) and (max-width:1199px){#navigation .menu-level-1>li{width:calc((100% - 30px)/6)!important;flex:0 0 calc((100% - 30px)/6)!important}}

.section-headline .subcategories>li>a,.section-headline .subcategories>li>a .text{color:#000!important}
.section-headline .subcategories>li>a:after{color:#000!important}
.section-headline .subcategories>li>a .image{background:#fff;border-radius:0}
.section-headline .subcategories{background:#244b63!important;border-radius:16px!important;padding:20px!important}
@media(min-width:1024px){#navigation .menu-level-1>li>a,#navigation .menu-level-1>li>a b,#navigation .menu-level-1>li>a span,#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a,#navigation .menu-level-1>li:is(:hover,:focus-within,.exp)>a span{color:#000!important}}
@media(max-width:767px){.section-headline .subcategories{padding:10px!important}}

/* Sjednocení hlavičky s variantou A: modrá, smaragdová a žlutá. */
#header .search-form button,#header .bat-menu-btn,.responsive-tools a:is([data-target="navigation"],[data-target="search"]){background:#ffbe65!important;border-color:#a9610b!important;color:#000!important;border-radius:7px!important}
#header .search-form button:is(:hover,:focus-visible),#header .bat-menu-btn:is(:hover,:focus-visible),.responsive-tools a:is([data-target="navigation"],[data-target="search"]):is(:hover,:focus-visible){background:#ffbe65!important;filter:brightness(.96);color:#000!important}
#header .navigation-buttons a.cart-count,.responsive-tools a[data-target="cart"]{background:#247ba0!important;border:1px solid #1c627f!important;color:#fff!important;border-radius:7px!important}
#header .navigation-buttons a.cart-count .cart-price,#header .navigation-buttons a.cart-count:before,.responsive-tools a[data-target="cart"]:before{color:#fff!important}
#header .navigation-buttons a.cart-count:is(:hover,:focus-visible),.responsive-tools a[data-target="cart"]:is(:hover,:focus-visible){background:#247ba0!important;filter:brightness(.94);color:#fff!important}

/* Barvy uvodniho textu nad kategoriemi. */
.section-headline .section-headline-text h2,.section-headline .section-headline-text h2 *{color:#ffbe65!important}
.section-headline .section-headline-text p,.section-headline .section-headline-text p *{color:#f5f3eb!important}
.section-headline .section-headline-text p~p,.section-headline .section-headline-text p~p *{color:#249879!important}
.section-headline .section-headline-text h2,.section-headline .section-headline-text p{text-shadow:0 2px 3px #000,0 0 8px #0008!important}
