/* Shared header only: system sans, no remote font requests, no product styling. */
#af-site-header{box-sizing:border-box;position:sticky;top:0;z-index:1000;display:block;width:100%;max-width:none;height:auto;min-height:96px;margin:0;padding:24px clamp(18px,5vw,72px);border:0;border-bottom:1px solid #34332d;background:#111110;color:#e9e7df;font-family:Arial,Helvetica,sans-serif;line-height:1.3;letter-spacing:normal}
#af-site-header *{box-sizing:border-box}
#af-site-header .af-header-inner{position:static;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto}
#af-site-header .af-header-brand{display:inline-grid;justify-items:center;flex:none;gap:9px;padding:0;margin:0;color:#e9e7df;text-decoration:none;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:600;line-height:1.15;letter-spacing:.02em;white-space:nowrap}
#af-site-header .af-header-brand small{position:static;display:block;margin:0;color:#aaa69c;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:400;line-height:1.4;letter-spacing:.2em}
#af-site-header .af-header-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:22px}
#af-site-header .af-header-menu,#af-site-header #header-basket,#af-site-header .af-header-basket{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:40px;margin:0;padding:8px 5px;border:0;border-radius:0;background:transparent;color:#e9e7df;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;cursor:pointer;white-space:nowrap}
#af-site-header .af-header-basket{text-decoration:none}
#af-site-header .af-header-menu span{position:static;margin:0;color:#aaa69c;font-size:19px}
#af-site-header #header-basket span,#af-site-header .af-header-basket span{position:static;margin:0;color:inherit;font-size:inherit}
#af-site-header [data-af-basket-count]{min-width:19px;padding:1px 5px;border:1px solid #514b42;border-radius:20px;color:#e9e7df;text-align:center}
#af-site-header .af-header-language{position:static;display:flex;align-items:center;gap:8px;width:auto;min-width:0;margin:0;padding:0;color:#aaa69c;font-size:11px;font-weight:400;letter-spacing:normal}
#af-site-header .af-header-language>span{position:static;display:inline;margin:0;color:inherit;font-size:inherit}
#af-site-header #language-picker{position:static;display:block;width:auto;min-width:89px;max-width:128px;min-height:38px;margin:0;padding:6px 8px;border:1px solid #49433a;border-radius:5px;background:#191917;color:#e9e7df;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:normal;cursor:pointer}
/* Original site's full-width vertical navigation, anchored to the header. */
#af-site-header .af-header-nav{position:absolute;top:100%;left:0;right:0;z-index:61;display:flex;flex-direction:column;align-items:stretch;gap:0;width:auto;max-width:none;margin:0;padding:20px 6%;border:0;border-bottom:1px solid #363634;border-radius:0;background:#171716;box-shadow:none}
#af-site-header .af-header-nav a{display:block;position:static;margin:0;padding:8px 0;color:#c2c1bb;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:normal;text-align:left;text-decoration:none;white-space:normal}
#af-site-header .af-header-nav a:last-child{margin-left:0;color:#c2c1bb}
#af-site-header .af-header-nav a:hover,#af-site-header .af-header-nav a[aria-current]{color:#ff4a32;background:transparent}
#af-site-header .af-header-menu:hover,#af-site-header #header-basket:hover,#af-site-header .af-header-basket:hover{color:#fff}
#af-site-header a:focus-visible,#af-site-header button:focus-visible,#af-site-header select:focus-visible{outline:2px solid #e9e7df;outline-offset:4px}
#af-site-header [hidden],#af-site-header [data-af-header-legacy]{display:none!important}
/* Mobile: centre the brand beside compact controls instead of stranding it above them. */
@media(max-width:620px){
 #af-site-header{padding:12px clamp(18px,5vw,31px);min-height:0}
 #af-site-header .af-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
 #af-site-header .af-header-brand{justify-self:start;align-self:center;font-size:clamp(14px,4.4vw,20px)}
 #af-site-header .af-header-brand small{font-size:7px}
 #af-site-header .af-header-controls{justify-self:end;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex:none;flex-wrap:nowrap;gap:3px;min-width:0;max-width:100%}
 #af-site-header .af-header-language>span{display:none}
 #af-site-header #language-picker{width:92px;min-width:0;max-width:92px;min-height:36px}
 #af-site-header .af-header-menu{min-height:36px;padding:4px 0}
 #af-site-header .af-header-brand small{font-size:clamp(5.5px,1.7vw,8px);letter-spacing:.16em}
 #af-site-header #header-basket,#af-site-header .af-header-basket{order:1;min-height:32px;font-size:12px;padding:3px 0}
 #af-site-header .af-header-nav{padding:25px 6%}
 #af-site-header .af-header-nav a{font-size:20px;padding:9px 0}
}

/* Desktop: one horizontal navigation row; mobile retains the vertical menu. */
@media(min-width:761px){
 #af-site-header .af-header-nav{flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(14px,2.5vw,38px);padding:18px clamp(18px,5vw,72px)}
 #af-site-header .af-header-nav a{flex:none;padding:7px 0;font-size:14px;white-space:nowrap;line-height:1.4}
}

/* Desktop: brand, permanent navigation and controls share one centred row. */
@media(min-width:1000px){
 #af-site-header .af-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:clamp(10px,1.2vw,16px) clamp(16px,2vw,28px);max-width:1440px;min-height:48px}
 #af-site-header .af-header-brand{grid-column:1;grid-row:1;justify-self:start;position:relative;display:block}
 #af-site-header .af-header-brand small{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap}
 #af-site-header .af-header-controls{grid-column:3;grid-row:1}
 #af-site-header .af-header-menu{display:none}
 #af-site-header .af-header-nav,#af-site-header .af-header-nav[hidden]{position:static;grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;min-width:0;width:100%;margin:0;padding:2px 0 0;border:0;background:transparent;box-shadow:none}
 #af-site-header .af-header-controls{gap:clamp(10px,1.4vw,22px)}
}

/* Desktop navigation remains visible while the page scrolls. */
@media(min-width:1000px){#af-site-header{position:sticky;top:0;z-index:1000;box-shadow:0 8px 24px #0002}}

/* Mobile/tablet: permanent, horizontally scrollable navigation below branding. */
@media(max-width:999px){
 #af-site-header .af-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 14px}
 #af-site-header .af-header-brand{grid-column:1;grid-row:1;align-self:center;justify-self:start;width:max-content;max-width:100%}
 #af-site-header .af-header-controls{grid-column:2;grid-row:1;flex-direction:row;align-items:center;gap:8px}
 #af-site-header .af-header-menu{display:none}
 #af-site-header .af-header-nav,#af-site-header .af-header-nav[hidden]{position:static;grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 20px;width:100%;max-width:100%;min-width:0;margin:0;padding:10px 0 2px;border:0;border-top:1px solid #34332d;background:transparent;box-shadow:none;overflow:visible}
 #af-site-header .af-header-nav a{flex:none;padding:6px 0;font-size:13px;line-height:1.4;white-space:nowrap}
 #af-site-header .af-header-language>span{display:none}
 #af-site-header #header-basket,#af-site-header .af-header-basket{order:0;font-size:12px;gap:4px}
}
@media(max-width:370px){
 #af-site-header .af-header-controls{flex-direction:column;gap:3px}
}

/* Only very narrow phones need the centred Menu fallback. */
@media(max-width:350px){
 #af-site-header .af-header-inner{row-gap:12px}
 #af-site-header .af-header-menu{grid-column:1/-1;grid-row:2;display:inline-flex;justify-self:center;min-height:36px;width:100%;padding:7px 0;border-top:1px solid #34332d}
 #af-site-header .af-header-nav,#af-site-header .af-header-nav[hidden]{position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:none;padding:16px 6%;border:0;border-bottom:1px solid #34332d;background:#171716;overflow:visible;scrollbar-width:auto}
 #af-site-header .af-header-nav[hidden]{display:none!important}
 #af-site-header .af-header-nav a{padding:9px 0;font-size:18px;white-space:normal}
}

/* Keep Shop and Login together, centred on the second mobile navigation row. */
@media(min-width:351px) and (max-width:620px){
 #af-site-header .af-header-nav,#af-site-header .af-header-nav[hidden]{justify-content:center;column-gap:clamp(9px,2.6vw,14px);row-gap:0}
 #af-site-header .af-header-nav a{font-size:clamp(14px,4.1vw,16px);order:0}
 #af-site-header .af-header-nav::before{content:"";order:1;flex-basis:100%;height:0}
 #af-site-header .af-header-nav a[href="/plugins/"],#af-site-header .af-header-nav a[href="/account/"]{order:2;margin:0 8px;font-size:13px;font-weight:600}
}

/* Approved wordmark: equal spacing around a name-width orange divider. */
#af-site-header .af-header-brand{display:inline-grid;grid-template-columns:auto;gap:0;line-height:1.15}
#af-site-header .af-header-brand::after{content:"";grid-row:2;display:block;justify-self:stretch;width:100%;height:1px;margin:3px 0;background:#ff4a32}
#af-site-header .af-header-brand small{position:static;grid-row:3;transform:none;line-height:1.15;font-size:8px;letter-spacing:.2em;white-space:nowrap}
@media(max-width:620px){#af-site-header .af-header-brand small{font-size:clamp(5.5px,1.7vw,7px);letter-spacing:.16em}}

/* Desktop navigation keeps identical typography and spacing until mobile. */
@media(min-width:621px){
 #af-site-header{padding:14px clamp(18px,5vw,72px);border-bottom:0}
 #af-site-header .af-header-nav,#af-site-header .af-header-nav[hidden]{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:18px;overflow:visible;padding:4px 0 0;border-top:0}
 #af-site-header .af-header-nav a{font-size:16px;letter-spacing:normal;line-height:1.4;padding:3px 0;white-space:nowrap;order:0}
}