@charset "UTF-8";

.stm-header-main{
  position:relative;
  z-index:4;
  min-height:var(--stm-header-main-height);
  border-bottom:0;
  background:var(--stm-header-main-bg);
  box-shadow:var(--stm-header-main-edge-shadow,none);
  color:var(--stm-header-main-text);
}

.stm-header-main__inner{
  min-height:var(--stm-header-main-height);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:var(--stm-header-search-side-gap);
  row-gap:var(--stm-header-row-gap);
}


.stm-header-main__identity{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:var(--stm-header-identity-gap);
  min-width:0;
  max-width:100%;
}

.stm-header-brand{
  display:inline-flex;
  align-items:center;
  gap:var(--stm-space-2);
  min-width:0;
  color:var(--stm-header-main-text);
  text-decoration:none;
}

.stm-header-brand:visited,
.stm-header-brand:hover,
.stm-header-brand:focus,
.stm-header-brand:active{color:var(--stm-header-main-text)}

.stm-header-brand__icon{
  display:grid;
  flex:0 0 auto;
  width:var(--stm-header-brand-icon-size);
  height:var(--stm-header-brand-icon-size);
  place-items:center;
  overflow:hidden;
  border-radius:var(--stm-radius-pill);
  background:var(--stm-color-surface);
}

.stm-header-brand__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.stm-header-brand__fallback{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  background:var(--stm-color-primary);
  color:var(--stm-color-on-primary);
  font-weight:var(--stm-weight-bold);
}

.stm-header-brand__wordmark{
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  min-width:0;
  padding-top:var(--stm-header-brand-suffix-space);
  color:var(--stm-header-main-text);
  line-height:1;
  white-space:nowrap;
}

.stm-header-brand__primary{
  display:block;
  max-width:var(--stm-header-brand-max-width);
  overflow:hidden;
  color:inherit;
  font-size:var(--stm-header-brand-primary-size);
  font-weight:var(--stm-weight-bold);
  line-height:1;
  letter-spacing:var(--stm-letter-tight);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stm-header-brand__suffix{
  position:absolute;
  top:0;
  right:0;
  color:inherit;
  font-size:var(--stm-header-brand-suffix-size);
  font-weight:var(--stm-weight-bold);
  line-height:1;
  letter-spacing:var(--stm-header-brand-suffix-tracking);
  text-transform:uppercase;
}

.stm-header-departments-toggle{
  display:grid;
  flex:0 0 auto;
  width:var(--stm-header-departments-size);
  height:var(--stm-header-departments-size);
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid var(--stm-header-border);
  border-radius:var(--stm-radius-md);
  background:var(--stm-color-surface);
  color:var(--stm-header-main-text);
  cursor:pointer;
  transition:
    border-color var(--stm-transition-fast),
    background var(--stm-transition-fast),
    color var(--stm-transition-fast),
    transform var(--stm-transition-fast);
}

.stm-header-departments-toggle:hover,
.stm-header-departments-toggle[aria-expanded="true"]{
  border-color:var(--stm-color-primary);
  background:var(--stm-color-primary);
  color:var(--stm-color-on-primary);
}

.stm-header-departments-toggle:active{
  transform:scale(.97);
}

.stm-header-departments-toggle__icon{
  display:grid;
  gap:var(--stm-header-departments-line-gap);
  width:var(--stm-header-departments-icon-width);
}

.stm-header-departments-toggle__icon span{
  display:block;
  height:var(--stm-header-departments-line-height);
  border-radius:var(--stm-radius-pill);
  background:currentColor;
}

.stm-header-main__search{
  justify-self:center;
  min-width:0;
  width:100%;
  max-width:var(--stm-header-search-max-width);
}


.stm-header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--stm-header-actions-gap);
  min-width:0;
  white-space:nowrap;
}

.stm-header-actions__item{
  display:flex;
  align-items:center;
  min-width:0;
}


.stm-header-location-action{
  display:none;
  flex:0 0 auto;
  width:var(--stm-header-compact-action-size-tablet);
  height:var(--stm-header-compact-action-size-tablet);
  place-items:center;
  padding:0;
  border:1px solid var(--stm-header-border);
  border-radius:var(--stm-radius-md);
  background:var(--stm-color-surface);
  color:var(--stm-header-main-text);
  text-decoration:none;
  transition:border-color var(--stm-transition-fast),background var(--stm-transition-fast),color var(--stm-transition-fast),transform var(--stm-transition-fast);
}
.stm-header-location-action:hover{border-color:var(--stm-color-primary);background:var(--stm-color-primary);color:var(--stm-color-on-primary)}
.stm-header-location-action:active{transform:scale(.97)}
.stm-header-location-action__icon{display:block;width:var(--stm-header-compact-action-icon-size-tablet);height:var(--stm-header-compact-action-icon-size-tablet);background:currentColor;-webkit-mask:url("../../icons/map.svg") center/contain no-repeat;mask:url("../../icons/map.svg") center/contain no-repeat}

.stm-header-main:has(.stm-header-commerce-action.is-open),
.stm-header-main:has(.stm-engine-header-panel:not([hidden])){z-index:6}
.stm-header-actions{position:relative;z-index:7;overflow:visible}