/* VýprodejHraček.cz | primary category navigation inspired by supplied reference */
.vh-nav-wrap{
 position:relative; z-index:40; width:100%;
 background:#f4fafa; border-top:1px solid #dcebef; border-bottom:1px solid #d5eaed;
}
.vh-nav-inner{
 width:min(2040px,calc(100% - 46px)); margin:0 auto;
 display:flex; align-items:stretch; gap:15px; min-height:82px; position:relative;
}
.vh-nav-scroll{
 min-width:0;flex:1;display:flex;gap:clamp(4px,.9vw,22px);
 justify-content:space-between;align-items:stretch;
 overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;
 scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.vh-nav-scroll::-webkit-scrollbar{display:none}
.vh-nav-link{
 flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
 gap:clamp(5px,.42vw,9px);white-space:nowrap;
 padding:13px clamp(1px,.3vw,7px);
 color:#23434a;font-size:clamp(13px,1.07vw,22px);
 font-weight:850;letter-spacing:-.035em;line-height:1.18;
 border-bottom:3px solid transparent;
 transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.vh-menu-icon{
 width:clamp(24px,1.9vw,36px); height:clamp(24px,1.9vw,36px);
 flex:0 0 auto; color:#6b9ca4; stroke:currentColor;
}
.vh-nav-link:hover,.vh-nav-link:focus-visible,.vh-nav-link.is-active{
 background:#e9f6f6;color:#1c6065;border-color:#63a5a8;outline-offset:-3px
}
.vh-nav-more{position:relative;flex:0 0 48px;align-self:stretch;display:flex;align-items:center}
.vh-nav-more summary{
 cursor:pointer;list-style:none;width:48px;height:52px;
 display:flex;align-items:center;justify-content:center;
 color:#20414b;border-radius:9px;
}
.vh-nav-more summary::-webkit-details-marker{display:none}
.vh-nav-more summary:hover,.vh-nav-more[open] summary{background:#e1f1f2}
.vh-nav-more-panel{
 position:absolute;right:0;top:calc(100% - 8px);
 width:235px;border-radius:12px;
 padding:8px;background:white;border:1px solid #dae9eb;
 box-shadow:0 15px 35px #153c4726;display:grid;gap:2px;z-index:100;
}
.vh-nav-more-panel a{
 display:block;padding:11px 12px;border-radius:8px;
 font-size:14px;font-weight:850;white-space:normal;
}
.vh-nav-more-panel a:hover,.vh-nav-more-panel a:focus-visible{background:#eff9f7;color:#187b78}
/* The left sidebar uses exactly the same category definitions and line illustrations */
.vh-side .side-links a{gap:10px}
.vh-side .side-links .vh-menu-icon{width:25px;height:25px;flex:0 0 25px;margin:0}
.vh-side .side-links .vh-side-title{font-size:13px;font-weight:850;flex:1;line-height:1.35}
.vh-side .side-links a b{font-size:15px;color:#73969f}
.vh-side .side-links a:hover .vh-menu-icon{color:#328a8e}
/* Matching category landing page */
.vh-top-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 32px}
.vh-top-cat{min-width:0;display:flex;align-items:center;gap:17px;
 padding:21px 18px;min-height:102px;background:#fff;
 border:1px solid #dfeded;border-radius:15px;
 box-shadow:0 4px 16px #203f4610;font-weight:900;font-size:17px;
 transition:transform .15s,border-color .15s}
.vh-top-cat .vh-menu-icon{width:42px;height:42px;flex:0 0 42px}
.vh-top-cat:hover{transform:translateY(-2px);border-color:#86bdc1}
.vh-top-cat .vh-cat-arrow{margin-left:auto;color:#368c81}
.vh-top-cats-help{color:#67828b;font-size:13px;line-height:1.55;margin-top:4px}
@media(max-width:1190px){
 .vh-nav-inner{width:calc(100% - 30px);min-height:66px;gap:7px}
 .vh-nav-scroll{justify-content:flex-start;gap:15px}
 .vh-nav-link{font-size:14px;padding:9px 4px;gap:7px}
 .vh-nav-link .vh-menu-icon{width:27px;height:27px}
}
@media(max-width:950px){
 /* One category navigation only; avoid duplicate horizontal bars on tablet and phone */
 .vh-side{display:none!important}
 .vh-nav-inner{width:calc(100% - 24px);min-height:62px}
 .vh-nav-link{font-size:14px}
 .vh-nav-more{flex-basis:42px}
 .vh-nav-more summary{width:42px}
 .vh-top-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:699px){
 .vh-nav-inner{width:calc(100% - 16px);min-height:54px;gap:3px}
 .vh-nav-scroll{gap:14px}
 .vh-nav-link{font-size:13px;padding:8px 2px;gap:6px;border-bottom-width:2px}
 .vh-nav-link .vh-menu-icon{height:24px;width:24px}
 .vh-nav-more{flex-basis:40px}
 .vh-nav-more summary{width:40px;height:44px}
 .vh-nav-more-panel{top:calc(100% - 3px);right:0}
 .vh-top-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .vh-top-cat{min-height:100px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:9px;padding:13px 7px;font-size:12px}
 .vh-top-cat .vh-menu-icon{width:32px;height:32px;flex-basis:32px}
 .vh-top-cat .vh-cat-arrow{display:none}
}
@media(max-width:370px){.vh-nav-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vh-nav-link,.vh-top-cat{transition:none}}