.sg-portal-header,
.sg-portal-header-inner,
.sg-portal-header .sg-network-menu a {
  box-sizing: border-box;
}

.sg-portal-header {
  background: #f7f8f4;
  border-bottom: 1px solid #d7e4e1;
}

.sg-portal-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: 1160px;
  margin-inline: auto;
  padding: 25px 28px;
}

.sg-portal-header .sg-portal-brand {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  color: #132e3d;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
}

.sg-portal-brand img {
  display: block;
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.sg-portal-brand small {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 1.4px;
}

body .sg-portal-header .sg-network-menu nav {
  justify-content: flex-end;
}

.sg-portal-header .sg-network-menu .sg-nav-products {
  --sg-nav-hover: #ffd9ae;
}

body.theme-based-header .header-main.sg-learn-masthead {
  padding: 0;
  border-bottom: 0;
}

.sg-learn-masthead .sg-learn-utilities {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 14px;
  max-width: 1160px;
  margin-inline: auto;
  padding: 6px 28px;
}

body .page-header:has(.sg-portal-header) {
  position: relative;
  background: #f7f8f4;
  border-bottom: 1px solid #d7e4e1;
  box-shadow: none;
}

.page-header:has(.sg-portal-header) .panel.wrapper {
  background: transparent;
  border-bottom: 0;
}

.page-header:has(.sg-portal-header) :is(.panel.header, .header.content) {
  box-sizing: border-box;
  width: 100%;
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 28px !important;
}

.page-header:has(.sg-portal-header) .header.content {
  background: transparent;
  justify-content: flex-end;
  gap: 16px;
}

.page-header:has(.sg-portal-header) .header.content > .logo {
  display: none;
}

.page-header:has(.sg-portal-header) .panel.header .header.links li a {
  color: #004b49 !important;
  background: #e6f3ef;
  border-color: #9fc5bc;
  box-shadow: none;
}

.page-header:has(.sg-portal-header) .panel.header .header.links li a:hover {
  background: #cdebd6;
}

.page-header:has(.sg-portal-header) .header.content .block-search .field.search .control input {
  color: #132e3d;
  background: #fff;
  border-color: #77928e;
}

.page-header:has(.sg-portal-header) .header.content .block-search .field.search .control input::placeholder {
  color: #425d66;
}

.page-header:has(.sg-portal-header) .header.content :is(.action.showcart, .action.search, .block-search .label)::before {
  color: #132e3d;
}

@media (max-width: 760px) {
  .sg-portal-header-inner {
    display: block;
    padding: 22px 20px 18px;
  }

  .sg-portal-brand img {
    width: 80px;
    height: 80px;
  }

  .sg-portal-brand small {
    font-size: 9px;
    letter-spacing: 1.3px;
  }

  body .sg-portal-header .sg-network-menu nav {
    justify-content: flex-start;
  }

  body .sg-portal-header .sg-network-menu nav.sg-shared-nav {
    margin-top: 20px;
  }

  .sg-learn-masthead .sg-learn-utilities,
  .page-header:has(.sg-portal-header) :is(.panel.header, .header.content) {
    padding-inline: 20px !important;
  }
}