/* Compact header matching the supplied menu.jpg. Native Shoptet controls remain. */
#header .top-nav-button-login>span,#header .navigation-buttons .cart-price{display:none!important}
@media(min-width:768px){
 #header .header-top{--co-header-gap:clamp(12px,1.6vw,30px);display:flex;flex-wrap:nowrap!important;align-items:center;gap:var(--co-header-gap);min-height:84px;padding:14px 0;box-sizing:border-box}
 #header .site-name-wrapper{flex:0 0 clamp(190px,14vw,260px);width:clamp(190px,14vw,260px);margin:0}
 #header .site-name{margin:0;max-width:none}
 #header .site-name img{display:block;width:100%;height:auto;max-width:100%;max-height:56px;object-fit:contain}
 #header .navigation-btn{flex:0 0 220px;justify-content:center;gap:14px;width:220px;min-width:220px;height:40px;margin:0;padding:8px 20px;border:1px solid #161617;border-radius:999px;background:#161617;color:#fff;white-space:nowrap;font-size:15px;font-weight:500;line-height:1.2;box-shadow:none}
 #header .navigation-btn:hover{background:#29292b;border-color:#29292b}
 #header .navigation-btn:before{flex-shrink:0;font-size:20px}
 #header .search{display:block;position:relative;inset:auto;flex:1 1 0%;min-width:180px;width:auto;max-width:none;margin:0;padding:0!important}
 #header .responsive-tools a[data-target="search"]{display:none}
 #header #formSearchForm{width:100%;margin:0;background:transparent}
 #header #formSearchForm fieldset{position:relative;width:100%;height:40px;margin:0;padding:0;background:#fff;border:0;border-radius:999px}
 #header #formSearchForm .search-input{width:100%;height:40px;margin:0;padding:0 54px 0 18px;border:1px solid #8c8c8c;border-radius:999px;background:#fff;color:#161617;font-size:16px;line-height:normal;box-sizing:border-box}
 #header #formSearchForm .search-input::placeholder{color:#919191;opacity:1;font-weight:600}
 #header #formSearchForm .btn{position:absolute;inset:0 0 auto auto;width:40px!important;min-width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#080808;color:#fff;font-size:0!important;box-shadow:none}
 #header #formSearchForm .btn:before{content:"";position:absolute;display:block;left:10px;top:9px;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-sizing:border-box}
 #header #formSearchForm .btn:after{content:"";position:absolute;display:block;left:23px;top:24px;width:8px;height:2px;border-radius:1px;background:#fff;transform:rotate(45deg);transform-origin:left center}
 #header .top-navigation-tools{flex:0 0 auto;margin:0;padding:0;gap:4px}
 #header .navigation-buttons{flex:0 0 auto;margin:0;padding:0}
 #header .top-nav-button-login,#header .navigation-buttons .cart-count,#header #co-header-store{display:flex;align-items:center;justify-content:center;gap:0;width:45px;min-width:45px;height:48px;margin:0;padding:0;border:0;background:transparent;color:#161617;white-space:nowrap;font-size:15px;font-weight:500;line-height:1.3}
 #header .top-nav-button-login:before,#header .navigation-buttons .cart-count:before{margin:0;font-size:27px}
 #header #co-header-store,#header .navigation-buttons{margin-left:calc(4px - var(--co-header-gap))}
 #header .navigation-buttons .cart-price{padding:0;margin:0;font-size:15px;font-weight:500}
 #header .navigation-btn:focus-visible,#header .top-nav-button-login:focus-visible,#header .cart-count:focus-visible,#header #co-header-store:focus-visible,#header .languagesMenu__header--actual:focus-visible,#header #formSearchForm .search-input:focus-visible,#header #formSearchForm .btn:focus-visible{outline:2px solid #0c70f2;outline-offset:3px}
}
@media(min-width:1400px){
 #header .top-nav-button-login,#header .navigation-buttons .cart-price{font-size:16px}
}
@media(min-width:768px) and (max-width:1199px){
 #header .header-top{--co-header-gap:14px;gap:var(--co-header-gap)}
 #header .top-nav-button-login>span,#header .navigation-buttons .cart-price{display:none!important}
 #header .top-nav-button-login,#header .navigation-buttons .cart-count{min-width:45px}
}
@media(min-width:768px) and (max-width:991px){
 #header .header-top{--co-header-gap:8px;gap:var(--co-header-gap)}
 #header .site-name-wrapper{flex-basis:140px;width:140px}
 #header .search{min-width:80px}
 #header #formSearchForm .search-input{font-size:14px}
}

/* Store icon is placed between the native login and cart controls. */
#header #co-header-store{flex:0 0 45px;width:45px;min-width:45px;text-decoration:none}
#header #co-header-store svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#header #co-header-store:hover,#header .top-nav-button-login:hover,#header .navigation-buttons .cart-count:hover,#header .languagesMenu__header--actual:hover,#header .languagesMenu__flags:hover,#header .responsive-tools a:hover{color:#0c70f2!important;background:#edf5ff!important;border-radius:50%}
#header .top-nav-button-login:hover:before,#header .navigation-buttons .cart-count:hover:before{color:#0c70f2!important}
#header #co-header-store:hover svg{stroke:#0c70f2}

/* Keep the native language switcher and turn its current-language label into a monochrome flag. */
#header .languagesMenu{position:relative;flex:0 0 50px;width:50px;min-width:50px;height:48px;margin:0}
#header .languagesMenu__flags{display:none!important}
#header .languagesMenu__box{width:50px;min-width:50px;margin:0}
#header .languagesMenu__header--name{display:none!important}
#header .languagesMenu__header--actual{display:flex!important;align-items:center;justify-content:center;gap:4px;width:50px;min-width:50px;height:48px;margin:0;padding:0!important;border:0;background:transparent;color:#161617;font-size:0!important;cursor:pointer}
/* Native symbols include vertical whitespace: a square SVG keeps the visible flag at 3:2. */
#header .co-language-flag{display:block;flex:0 0 27px;width:27px;min-width:27px;height:27px;margin:0;border:0;overflow:hidden;--color20:#111827;--color19:#6b7280;--color21:#e5e7eb}
#header .languagesMenu__header--actual .caret,#header .languagesMenu__flags>.caret{display:block;flex:0 0 auto;margin:0;border-top-color:#161617}
#header .languagesMenu__list{min-width:170px}
#header .languagesMenu__list__link{align-items:center;gap:10px;min-height:40px;padding:4px 12px;white-space:nowrap}
#header .languagesMenu__list__name{margin-left:0;line-height:1.4}
#header .languagesMenu__list .shp-flag{display:block;flex:0 0 30px;width:30px;min-width:30px;height:30px;margin:0;filter:grayscale(1) contrast(1.18);border:0;box-sizing:border-box}
#header .languagesMenu__header--actual:hover .co-language-flag,#header .languagesMenu__flags:hover>.co-language-flag{--color20:#0c70f2;--color19:#0c70f2;--color21:#fff}
#header .languagesMenu__list__link:hover{color:#0c70f2;background:#edf5ff}

@media(max-width:767px){
 #header #formSearchForm .search-input{height:40px;box-sizing:border-box}
 #header .header-top{flex-wrap:nowrap!important}
 #header .header-top>.site-name-wrapper{flex:1 1 auto;width:auto;min-width:84px;max-width:145px;margin-right:4px}
 #header .header-top>.top-navigation-tools{display:flex!important;align-items:center!important;flex:0 0 auto;width:auto!important;max-width:none!important;margin-left:auto!important;overflow:visible!important}
 #header .responsive-tools a,#header .top-nav-button-login,#header .languagesMenu,#header .languagesMenu__box,#header .languagesMenu__header--actual,#header #co-header-store,#header .navigation-buttons,#header .navigation-buttons .cart-count{width:36px;min-width:36px}
 #header #co-header-store{flex-basis:36px;height:40px}
 #header #co-header-store svg{width:22px;height:22px}
 #header .languagesMenu{display:block!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:40px;overflow:visible!important}
 #header .languagesMenu__flags{display:flex!important;align-items:center;justify-content:center;gap:3px;width:36px!important;min-width:36px!important;height:40px!important;margin:0;padding:0;border:0;background:transparent;color:#161617}
 #header .languagesMenu__flags>.shp-flag{display:none!important}
 #header .languagesMenu__flags>.co-language-flag{flex-basis:24px;width:24px;min-width:24px;height:24px}
 #header .languagesMenu__flags>.caret{display:block;margin:0;border-top-color:#161617}
 #header .languagesMenu__content{left:0;right:auto;top:100%;width:170px;min-width:170px;padding:4px 0;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12)}
 #header .languagesMenu__box{display:block!important;position:relative!important;width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
 #header .languagesMenu__header--actual{display:none!important}
 #header .languagesMenu__list{width:100%;min-width:0}
 #header .navigation-btn{flex:0 0 44px}
}
@media(max-width:359px){
 #header .responsive-tools a[data-target="search"]{display:none!important}
}

/* Category row with direct subcategories only; native tree remains the data source. */
#header .navigation-btn,
#header .responsive-tools [data-target="navigation"],
#header.co-catalog-ready #navigation,
#header.co-catalog-ready .menu-helper,
#header.co-catalog-ready .top-navigation-menu{display:none!important}
#header #co-catalog-nav{position:relative;z-index:50;width:100%;margin:0;background:#fff;color:#161617;text-align:left}
#header .co-catalog-rail{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d3d9e2 transparent}
#header .co-catalog-list{display:flex;flex-wrap:nowrap;gap:clamp(8px,.85vw,16px);width:max-content;min-width:100%;margin:0;padding:0;list-style:none}
#header .co-catalog-item{display:flex;flex:0 0 auto;align-items:center;gap:2px;margin:0;padding:0;border-bottom:2px solid transparent}
#header .co-catalog-link{display:flex;align-items:center;min-height:48px;padding:5px 0;color:#161617;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none}
#header .co-catalog-all{gap:8px;margin:0;border:0;background:transparent;font-family:inherit;font-weight:600;cursor:pointer}
#header .co-catalog-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#header .co-catalog-all[aria-expanded="true"] svg{transform:rotate(180deg)}
#header .co-catalog-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:40px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
#header .co-catalog-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}
#header .co-catalog-item.is-open{border-bottom-color:#0c70f2}
#header .co-catalog-item.is-open .co-catalog-link,#header .co-catalog-item.is-open .co-catalog-toggle,#header .co-catalog-link:hover{color:#0c70f2}
#header .co-catalog-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
#header .co-catalog-toggle:hover{background:#edf5ff;color:#0c70f2}
#header .co-catalog-panel{position:absolute;top:100%;left:0;width:100%;padding:24px;background:#fff;border:1px solid #e8ebef;border-radius:0 0 12px 12px;box-shadow:0 16px 32px rgba(22,22,23,.13);box-sizing:border-box;max-height:min(65vh,560px);overflow:auto;overscroll-behavior:contain}
#header .co-catalog-panel[hidden]{display:none!important}
#header .co-catalog-subcategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px;list-style:none;margin:0;padding:0}
#header .co-catalog-subcategories>li{min-width:0;margin:0;padding:0}
#header .co-catalog-subcategories a{display:flex;align-items:center;gap:16px;min-height:76px;padding:10px;border-radius:8px;color:#161617;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none}
#header .co-catalog-subcategories a:after{content:'›';margin-left:auto;flex:0 0 auto;font-size:21px;font-weight:400;color:#8b919a}
#header .co-catalog-subcategories a:hover{color:#0c70f2;background:#f4f8fe}
#header .co-catalog-subcategories img,#header .co-catalog-placeholder{display:block;flex:0 0 56px;width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}
#header .co-catalog-placeholder{display:flex;align-items:center;justify-content:center;color:#8995a7;background:#f4f6f8;border-radius:8px}
#header .co-catalog-placeholder svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.2}
#header #co-catalog-nav a:focus-visible,#header #co-catalog-nav button:focus-visible{outline:2px solid #0c70f2;outline-offset:-2px;border-radius:6px}
body.type-index .latest-contribution-box{display:none!important}
@media(max-width:1100px){
 #header .co-catalog-list{gap:14px}
 #header .co-catalog-subcategories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
}
@media(max-width:767px){
 body.type-index .miranda-title-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 #header #co-catalog-nav{margin-top:6px}
 #header .co-catalog-link{font-size:14px;min-height:44px}
 #header .co-catalog-toggle{width:30px;flex-basis:30px;height:44px}
 #header .co-catalog-panel{padding:12px;max-height:min(65dvh,500px)}
 #header .co-catalog-subcategories{grid-template-columns:1fr;gap:4px}
 #header .co-catalog-subcategories a{min-height:64px;padding:8px;gap:14px;font-size:14px}
 #header .co-catalog-subcategories img,#header .co-catalog-placeholder{width:48px;height:48px;flex-basis:48px}
}
@media(prefers-reduced-motion:reduce){#header .co-catalog-toggle svg{transition:none}}