/* Standalone foundations, independent of home and catalog page styling. */
#shared-site-header{position:sticky;top:0;z-index:35;font-family:Onest,Arial,sans-serif;color:var(--ui-deep)}
#shared-site-header *{box-sizing:border-box}
#shared-site-header a{text-decoration:none;color:inherit}
#shared-site-header button{font-family:inherit;cursor:pointer}
#shared-site-header .header-row{width:min(1240px,calc(100% - 80px));max-width:none;margin:auto}
#shared-site-header .brand{display:flex;align-items:center;flex:none;font-weight:650;line-height:1;text-decoration:none}
#shared-site-header .brand small{display:block;font-weight:500}
#shared-site-header .brand-number{color:#7b8c58}
#shared-site-header .brand-mark{display:flex;align-items:flex-end;gap:4px;height:34px;flex:none}
#shared-site-header .brand-mark i{display:block;width:8px;height:27px;border-radius:2px;background:#173e38}
#shared-site-header .brand-mark i:nth-child(2){height:36px}
#shared-site-header .brand-mark i:nth-child(3){height:20px;background:#93a56d}
#shared-site-header svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}
#shared-site-header .saved-link{position:relative}
#shared-site-header .saved-count{position:absolute;display:block;background:var(--ui-line);color:var(--ui-deep);border-radius:20px;padding:2px;text-align:center}
#shared-site-header .header-help{border:0;align-items:center;justify-content:center}
#shared-site-header .mobile-menu{display:none}
#shared-site-header .mobile-menu span{display:block;height:1.5px;background:currentColor}
#shared-site-header [hidden]{display:none!important}
#shared-site-header .header-compare{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ui-selected);border-radius:12px;background:var(--ui-field);color:var(--ui-ink)}
#shared-site-header .header-compare svg{width:21px;height:21px;stroke-width:1.6}
#shared-site-header .header-compare{position:relative}
#shared-site-header .header-compare-count{position:absolute;right:-3px;top:-5px;min-width:18px;padding:2px;border-radius:20px;background:var(--ui-line);border:2px solid var(--ui-field);color:var(--ui-deep);font-size:10px;line-height:1.3}
#shared-site-header .header-compare:hover{background:var(--ui-selected)}
#shared-site-header[data-catalog-header] .header-row{grid-template-columns:auto minmax(0,1fr) 44px 44px auto}
#shared-site-header [aria-current=page] .header-nav-icon{background:var(--ui-selected);color:var(--ui-ink)}
#shared-site-header .saved-link[aria-current=page]{box-shadow:inset 0 -2px var(--ui-muted)}
#project-header #shared-site-header{position:relative}
.mobile-navigation{--ink:var(--ui-deep);--line:var(--ui-selected);--lime:var(--ui-line);font:15px/1.55 Onest,Arial,sans-serif;color:var(--ui-deep)}
.mobile-navigation *{box-sizing:border-box}
.mobile-navigation h2,.mobile-navigation p{margin:0}
.mobile-navigation a{color:inherit;text-decoration:none}
.mobile-navigation button{font:inherit;cursor:pointer}
.mobile-navigation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mobile-navigation nav>button{display:flex;align-items:center;gap:12px;min-height:80px;padding:15px 0;width:100%;border:0;border-top:1px solid var(--ui-selected);background:transparent;color:var(--ui-deep);text-align:left}
.mobile-navigation nav>button:hover,.mobile-navigation nav>a[aria-current=page]{background:var(--ui-field);border-radius:10px}
.mobile-navigation .mobile-navigation-location{margin-bottom:18px}
.mobile-navigation .mobile-navigation-note{margin-top:auto}
.mobile-navigation .mobile-navigation-heading p{margin-bottom:5px}
.mobile-navigation [hidden]{display:none!important}
.mobile-navigation:not([open]){display:none}
.mobile-navigation-open{overflow:hidden}
@media(min-width:1181px) and (max-width:1350px){#shared-site-header .header-row{width:calc(100% - 48px)}}
@media(min-width:761px) and (max-width:1350px){#shared-site-header[data-catalog-header] .header-row{grid-template-columns:auto minmax(0,1fr) 44px 44px}#shared-site-header[data-catalog-header] .header-help{display:none}}
@media(max-width:760px){
  #shared-site-header .header-row{width:calc(100% - 32px)}
  #shared-site-header .header-compare{display:none}
  #shared-site-header .header-row>.mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;color:var(--ui-deep)}
}