/* 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:48px;margin:0;padding:0;background:#fff;border:0;border-radius:999px}
 #header #formSearchForm .search-input{width:100%;height:48px;margin:0;padding:0 62px 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:48px!important;min-width:48px;height:48px;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:13px;top:12px;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-sizing:border-box}
 #header #formSearchForm .btn:after{content:"";position:absolute;display:block;left:28px;top:29px;width:9px;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:34px;min-width:34px;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:34px}
}
@media(min-width:768px) and (max-width:991px){
 #header .header-top{--co-header-gap:10px;gap:var(--co-header-gap)}
 #header .site-name-wrapper{flex-basis:166px;width:166px}
 #header .search{min-width:120px}
 #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 34px;width:34px;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;background:#edf5ff;border-radius:50%}

/* Keep the native language switcher and turn its current-language label into a monochrome flag. */
#header .languagesMenu{position:relative;flex:0 0 34px;width:34px;height:48px;margin:0}
#header .languagesMenu__flags{display:none!important}
#header .languagesMenu__box{width:34px;min-width:34px;margin:0}
#header .languagesMenu__header--name{display:none!important}
#header .languagesMenu__header--actual{display:flex!important;align-items:center;justify-content:center;width:34px;height:48px;margin:0;padding:0!important;border:0;background:transparent;color:#161617;font-size:0!important;cursor:pointer}
#header .co-language-flag{position:relative;display:block;width:27px;height:18px;border:0;background:linear-gradient(to bottom,#e5e7eb 0 50%,#6b7280 50% 100%);box-sizing:border-box;overflow:hidden}
#header .co-language-flag:before{content:"";position:absolute;inset:0 auto 0 0;width:56%;background:#111827;clip-path:polygon(0 0,100% 50%,0 100%)}
#header .languagesMenu__header--actual .caret{display:block;margin-left:3px;border-top-color:#161617}
#header .languagesMenu__list .shp-flag{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{background:linear-gradient(to bottom,#fff 0 50%,#0c70f2 50% 100%)}
#header .languagesMenu__header--actual:hover .co-language-flag:before,#header .languagesMenu__flags:hover>.co-language-flag:before{background:#0c70f2}
#header .languagesMenu__list__link:hover{color:#0c70f2;background:#edf5ff}

@media(max-width:767px){
 #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;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{width:24px;height:16px}
 #header .languagesMenu__flags>.caret{display:block;margin-left:3px;border-top-color:#161617}
 #header .languagesMenu__box{display:block!important;position:relative!important;width:36px!important;min-width:36px!important;height:40px!important;overflow:visible!important}
 #header .languagesMenu__header--actual{display:flex!important;width:36px!important;min-width:36px!important;height:40px!important;visibility:visible!important;opacity:1!important}
 #header .languagesMenu__header--actual .co-language-flag{width:24px;height:16px}
 #header .navigation-btn{flex:0 0 44px}
}
@media(max-width:359px){
 #header .responsive-tools a[data-target="search"]{display:none!important}
}