/* Shared visitor navigation for the homepage, retail and wholesale catalogues. */
#company-header { background:#fff; color:#25282c; font:14px/1.5 Arial,sans-serif; position:relative; z-index:4; width:100%; }
#company-header * { box-sizing:border-box; }
#company-header a { color:inherit; text-decoration:none; }
#company-header .siteTop { display:flex; justify-content:space-between; gap:10px; padding:8px max(20px,calc((100% - 1360px)/2)); background:#f3f3f1; color:#62656a; font-size:12px; }
#company-header .siteRow { display:flex; align-items:center; gap:28px; padding:22px max(20px,calc((100% - 1360px)/2)); }
#company-header .siteLogo { flex-shrink:0; display:block; width:205px; }
#company-header .siteLogo img { display:block; width:100%; height:auto; }
#company-header .siteLogo small { display:block; text-align:center; letter-spacing:1.3px; font-size:10px; color:#62656a; margin-top:3px; }
#company-header .siteSearch { display:flex; align-items:center; flex:1; gap:8px; margin:0; padding:8px 12px; border-radius:5px; background:#f3f3f1; min-width:0; }
#company-header .siteSearch input { flex:1; width:100%; min-width:0; height:28px; padding:0; border:0; border-radius:0; background:transparent; color:#25282c; font:14px Arial,sans-serif; outline-offset:4px; }
#company-header .siteSearch button { display:grid; place-items:center; padding:4px; border:0; background:transparent; color:#62656a; cursor:pointer; }
#company-header svg { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#company-header .siteCart { display:flex; align-items:center; gap:8px; flex-shrink:0; font-size:13px; }
#company-header .siteCart em { font-style:normal; background:#c52932; color:#fff; border-radius:15px; padding:1px 7px; font-size:11px; }
#company-header .siteNav { display:flex; flex-direction:row; flex-wrap:wrap; gap:10px 27px; padding:0 max(20px,calc((100% - 1360px)/2)); border-top:1px solid #e5e5e2; border-bottom:1px solid #e5e5e2; }
#company-header .siteNav a { display:block; padding:13px 0 10px; border-bottom:3px solid transparent; font-size:13px; }
#company-header .siteNav a[aria-current] { color:#bf202b; border-bottom-color:#bf202b; font-weight:700; }
#company-header .siteNav a:hover { color:#bf202b; }
#company-header .siteContext { display:flex; align-items:center; gap:9px; flex-wrap:wrap; padding:10px max(20px,calc((100% - 1360px)/2)); color:#62656a; font-size:12px; border-bottom:1px solid #e5e5e2; }
#company-header .siteContext strong { color:#25282c; font-weight:500; }
#company-header .siteReturn { margin-left:auto; color:#bf202b; font-weight:600; }
#company-header a:focus-visible, #company-header button:focus-visible, #company-header input:focus-visible { outline:3px solid #c52932; outline-offset:4px; }
.publicApp .publicSectionNav { padding:10px 3%; background:#fff; border-bottom:1px solid #e2e6e8; }
.publicApp .publicSectionNav .publicNav { flex-wrap:wrap; overflow:visible; }
.app .staffSiteReturn { display:inline-flex; align-items:center; gap:6px; color:#c11521; font-size:12px; }
@media(max-width:650px) {
  #company-header .siteTop { flex-wrap:wrap; font-size:11px; }
  #company-header .siteRow { gap:16px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }
  #company-header .siteLogo { width:170px; }
  #company-header .siteCart { margin-left:auto; }
  #company-header .siteSearch { order:3; flex-basis:100%; }
  #company-header .siteSearch input { font-size:16px; }
  #company-header .siteNav { gap:0 18px; }
  #company-header .siteNav a { font-size:12px; padding-top:10px; padding-bottom:7px; }
  #company-header .siteReturn { margin-left:0; flex-basis:100%; padding:4px 0; }
  .app .staffSiteReturn { font-size:11px; }
}