/* Kojo header: search, then swipeable categories, in one compact panel. */
body[data-page="eshop"]{--topheader-h:58px;--searchwrap-h:172px;--header-gap:8px}
#topHeader{height:58px!important;padding:0 14px!important;gap:12px!important}
#searchWrapper{top:58px!important;margin:0!important;padding:10px 12px 8px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"allcats" "search" "categories"!important;gap:10px!important;transform:translateY(0)!important;opacity:1;visibility:visible;transition:opacity 220ms ease,transform 260ms ease,visibility 0s linear!important;border-bottom:1px solid #22d3ee30;background:#0f1d2d!important;box-shadow:0 8px 20px #02061728}
#searchWrapper.kojo-search-hidden{opacity:0!important;transform:translateY(-12px)!important;visibility:hidden!important;pointer-events:none;transition:opacity 220ms ease,transform 260ms ease,visibility 0s linear 260ms!important}
#allCategoriesBtn{grid-area:allcats!important;width:min(100%,680px)!important;justify-self:center!important;min-height:34px!important;padding:7px 16px!important;border-radius:12px!important;border:1px solid #27c9dc55!important;background:#152d40!important;color:#eaf9fc!important;font-size:13px!important;box-shadow:none!important}
#searchBar{grid-area:search!important;width:min(100%,680px)!important;justify-self:center!important;margin:0!important;max-width:100%!important}
#searchWrapper .kojo-header-categories{grid-area:categories;min-width:0;width:100%;overflow:hidden}
#searchWrapper #mainCategories{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:2px 0 6px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#22d3ee55 transparent;overscroll-behavior-x:contain;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
#searchWrapper #mainCategories .main-cat-btn{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;min-height:38px!important;max-width:none!important;width:auto!important;margin:0!important;padding:8px 14px!important;border-radius:20px!important;border:1px solid #7dd3fc30!important;background:#162b40!important;color:#e2e8f0!important;box-shadow:none!important;text-decoration:none!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;transition:background 160ms ease,border-color 160ms ease!important}
#searchWrapper #mainCategories .main-cat-btn:hover,#searchWrapper #mainCategories .main-cat-btn.active{background:#155e75!important;border-color:#22d3ee!important;color:#fff!important}
#searchWrapper #mainCategories .main-cat-inner{display:flex!important;gap:0!important;padding:0!important}
#searchWrapper #mainCategories .main-cat-img{display:none!important}
#searchWrapper #mainCategories .main-cat-label{font:inherit!important;white-space:nowrap!important}
#topHeader #openLangSheet{position:static!important;display:inline-flex!important;align-items:center;gap:7px;min-height:36px;padding:7px 11px!important;border:1px solid #27c9dc66!important;border-radius:12px!important;background:#152d40!important;color:#dff9ff!important;box-shadow:none!important;font-family:inherit;font-size:12px!important;letter-spacing:0!important;white-space:nowrap;transform:none!important}
#topHeader #openLangSheet::before{content:""!important;display:block;width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E") center/contain no-repeat}
#topHeader #openLangSheet::after{content:"⌄"!important;font-size:14px;color:#67e8f9}
#topHeader .lang-trigger__label{font-size:11px!important;color:#b6d5e2!important;font-weight:500!important}
#topHeader .lang-trigger__value{font-size:12px!important;color:#fff!important;font-weight:700!important}
#topHeader #openLangSheet:hover{border-color:#67e8f9!important;background:#1b3c50!important}
#topHeader #openLangSheet:focus-visible,#mainCategories .main-cat-btn:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
@media(min-width:900px){#searchWrapper .kojo-header-categories{max-width:1100px;justify-self:center}#topHeader{padding-inline:24px!important}}
@media(prefers-reduced-motion:reduce){#searchWrapper,#searchWrapper.kojo-search-hidden{transition:none!important}}