/* Shared header: desktop geometry follows the supplied reference. */
body:has(>.site-header){padding-top:83px}
html{scroll-padding-top:95px}
.test-site-banner{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;background:#b91c1c;color:#fff;text-align:center;font-size:14px;line-height:18px;font-weight:400}
body:has(>.site-header .test-site-banner){padding-top:123px}
html:has(.test-site-banner){scroll-padding-top:135px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;font:16px/1.4 var(--gymio-font,Outfit,Arial,sans-serif);color:var(--gymio-on-dark,#fff);background:var(--gymio-dark,#424242);width:100%}
.site-header *{box-sizing:border-box}.site-header a{color:var(--gymio-on-dark);text-decoration:none}.site-header button{font:inherit;color:inherit;cursor:pointer}.site-header a:hover,.site-header summary:hover{color:var(--gymio-primary)}
.site-header [data-favourites]:is(:hover,:focus-visible){color:var(--gymio-favourite)}
.site-header :is(a,button,summary):focus-visible{outline:2px solid var(--gymio-primary,#84c639);outline-offset:3px}
.site-header .topbar{height:42px;padding:0 0 0 18px;display:flex;align-items:center;justify-content:space-between;background:#474747;font-size:12px}.site-header .topbar>div{display:flex;align-items:center;gap:0}.site-header .topbar>a span{font-size:20px;vertical-align:middle;margin-right:6px}
.site-header .header-main{height:41px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;gap:20px}
.site-header .brand{justify-self:start;position:relative;display:block}.site-header .brand img{display:block;width:28px;height:28px;margin:0}
.site-header .brand::after{content:'';position:absolute;inset:0;background:var(--gymio-primary);mask:url('/assets/original/64c7bf30ca6a580511f1cac9.png') center/contain no-repeat;-webkit-mask:url('/assets/original/64c7bf30ca6a580511f1cac9.png') center/contain no-repeat;visibility:hidden;pointer-events:none}
.site-header .brand:is(:hover,:focus-visible)::after{visibility:visible}
.site-header .brand:is(:hover,:focus-visible) img{visibility:hidden}
.site-header ul{list-style:none;padding:0;margin:0}.site-header .main-links{display:flex;align-items:center;gap:28px}.site-header .main-links>li>a,.site-header .products-menu>summary{display:block;padding:10px 0;font-size:16px;font-weight:600;line-height:21px;white-space:nowrap}
.site-header summary{cursor:pointer;list-style:none}.site-header summary::-webkit-details-marker{display:none}.site-header .products-menu{position:relative}.site-header .products-menu>summary::after{content:'';display:inline-block;width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:0 0 3px 6px}.site-header .products-menu[open]>summary{color:var(--gymio-primary,#84c639)}
.site-header .mega-menu{position:absolute;top:100%;left:-12px;display:grid;grid-template-columns:repeat(3,max-content);gap:24px;padding:10px 12px 6px;background:var(--gymio-dark,#424242);font-size:14px;line-height:1.4;max-width:calc(100vw - 32px)}
.site-header .menu-heading{display:block;font-weight:600;margin-bottom:12px}.site-header .mega-menu li>a{display:block;padding:6px 0;white-space:nowrap}
.site-header .header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.site-header .header-actions button{border:0;background:none;padding:0}.site-header .header-actions svg{width:20px;height:20px;display:block}.site-header .basket-link{position:relative;display:block}.site-header .basket-link span{position:absolute;top:-7px;right:-4px;background:var(--gymio-primary,#84c639);color:#fff;border-radius:50%;min-width:12px;padding:0 2px;font-size:10px;line-height:12px;text-align:center}
.site-header .language-menu{position:relative;z-index:3;width:63px;flex-shrink:0}.site-header .language-menu img{display:block;width:23px;height:16px;max-width:none;flex-shrink:0}.site-header .language-menu>summary,.site-header .language-menu>a{display:flex;align-items:center;justify-content:center;width:63px;height:42px;padding:13px 16px 13px 24px}.site-header .language-menu>a{position:absolute;left:0;top:100%;background:var(--gymio-dark,#424242);z-index:2}.site-header .menu-toggle{display:none}.site-header .header-notice{position:absolute;right:12px;top:100%;background:var(--gymio-dark,#424242);color:white;padding:15px;max-width:320px;margin:0}.site-header [hidden]{display:none!important}
@media(max-width:900px){.site-header #navigation.is-open{max-height:calc(100dvh - 100px);overflow-y:auto}}
/* Mobile category labels are an explicit exception to regular-weight navigation. */
@media(max-width:900px){.site-header .mega-menu .menu-heading{margin-left:-8px;font-weight:600!important}}
@media(max-width:900px){.site-header .header-main{height:auto;min-height:41px;grid-template-columns:1fr auto auto;gap:20px}.site-header .menu-toggle{display:block;background:none;border:0;font-size:24px;padding:0}.site-header #navigation{display:none;grid-column:1/-1;grid-row:2;padding-bottom:12px}.site-header #navigation.is-open{display:block}.site-header .main-links{display:block}.site-header .mega-menu{position:static;grid-template-columns:1fr;gap:16px;max-width:none;padding-left:16px}.site-header .mega-menu li>a{white-space:normal}.site-header .header-actions{grid-column:3;grid-row:1}.site-header .products-menu>summary{width:max-content}}

.site-header .topbar form{margin:0 0 0 14px}.site-header .topbar form button{display:block;border:0;padding:8px 0;background:none;color:var(--gymio-on-dark);font:inherit;transition:color .2s}.site-header .topbar form button:is(:hover,:focus-visible){color:var(--gymio-primary)}