.portal-header { background: #fff; border-radius: 0 0 20px 20px; color: #182233; }
.portal-header__main { display: flex; align-items: center; gap: 24px; min-height: 94px; }
.portal-header__brand { display: flex; flex: 0 0 180px; flex-direction: column; align-items: flex-start; color: #748094; text-decoration: none; font-size: 12px; }
.portal-header__brand img { width: 170px; height: 49px; object-fit: contain; object-position: left center; }
.portal-header__catalog { display: flex; align-items: center; gap: 10px; border-radius: 12px; min-height: 46px; padding: 0 20px; font-weight: 700; text-transform: none; background: var(--storm-red); color: #fff; }
.portal-header__search.search-block { flex: 1; min-width: 160px; width: auto; padding: 0; }
.portal-header__search .c-search { position: relative; width: 100%; }
.portal-header__search .uk-search { width: 100%; height: 46px; background: #f2f5f8; border: 1px solid #e8edf2; border-radius: 12px; }
.portal-header__search .uk-search-input { width: 100%; height: 46px; padding: 0 48px 0 16px; font-size: 15px; color: #182233; border: 0; border-radius: 12px; }
.portal-header__search .uk-search .search-button.uk-icon { background: transparent; color: #526076; width: 44px; height: 44px; border: 0; border-radius: 0 12px 12px 0; }
.portal-header__search .c-search__dropdown { z-index: 100; }
.portal-header__action { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 60px; min-height: 48px; font-size: 12px; color: #182233; text-decoration: none; }
.portal-header__cart-icon { position: relative; display: flex; width: 26px; height: 26px; }
.portal-header__action .uk-icon,.portal-header__account > .uk-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; color: #182233; }
.portal-header__action .uk-icon svg,.portal-header__account > .uk-icon svg { width: 26px; height: 26px; }
.portal-header__action .uk-icon svg [stroke],.portal-header__account > .uk-icon svg [stroke] { stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.portal-header__badge.countsht { position: absolute; box-sizing: border-box; top: -7px; left: 21px; right: auto; width: auto; min-width: 18px; height: 18px; padding: 0 4px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 12px; background: var(--storm-red); color: #fff; font-size: 10px; line-height: 14px; white-space: nowrap; }
.portal-header__account { display: flex; align-items: center; gap: 12px; min-height: 50px; max-width: 210px; padding: 0 16px; background: #f2f5f8; border-radius: 12px; color: #182233; text-decoration: none; }
.portal-header__account > span:last-child { min-width: 0; }
.portal-header__account small, .portal-header__account strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portal-header__account small { font-size: 11px; color: #748094; }
.portal-header__account strong { font-size: 14px; }
.portal-header__nav { display: flex; gap: 32px; border-top: 1px solid #f2f5f8; }
.portal-header__nav a { position: relative; display: flex; align-items: center; min-height: 46px; font-size: 14px; color: #182233; text-decoration: none; }
.portal-header__nav a[aria-current] { font-weight: 700; }
.portal-header__nav a[aria-current]::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--storm-red); border-radius: 3px; }
.portal-header a:hover { color: var(--storm-red); text-decoration: none; }
.portal-header .portal-header__catalog:hover { color: #fff; background: #cf0016; }
@media (min-width: 960px) and (max-width: 1199px) {
  .portal-header__main { gap: 12px; }
  .portal-header__brand { flex-basis: 140px; }
  .portal-header__brand img { width: 138px; }
  .portal-header__account { max-width: 145px; padding: 0 10px; }
  .portal-header__nav { gap: 22px; }
}