/* Compact shared header. The mobile middle track is symmetric around the logo. */
.ui-scope > .ui-header {border-bottom:1px solid #d9dfe3;box-shadow:0 3px 12px rgb(23 35 41 / 4%);}
.ui-scope .header-call,.ui-scope .header-spec__icon {display:none;}
@media(min-width:900px){
 .ui-scope .ui-header__inner {display:grid;grid-template-columns:190px minmax(160px,1fr) max-content max-content max-content;align-items:center;gap:20px;min-height:80px;padding:13px 28px;}
 .ui-scope .ui-header__inner > * {min-width:0;grid-row:auto;grid-column:auto;}
 .ui-scope .ui-header__inner .catalog-toggle,.ui-scope .ui-header__inner .header-call {display:none;}
 .ui-scope .ui-header__inner .header-logo {gap:8px;}
 .ui-scope .ui-header__inner .header-mark {width:32px;height:33px;}
 .ui-scope .ui-header__inner .header-wordmark {width:148px;height:auto;}
 .ui-scope .ui-header__inner .ui-search {width:100%;height:44px;max-width:none;min-width:0;}
 .ui-scope .ui-header__inner .ui-search input {height:42px;font-size:14px;}
 .ui-scope .ui-header__inner .header-contact {max-width:none;padding-left:18px;border-left:1px solid #e2e6e8;}
 .ui-scope .header-contact > a {font-size:16px;line-height:1.3;}
 .ui-scope .header-contact span {font-size:10px;}
 .ui-scope .header-spec {min-height:44px;padding:10px 12px;font-size:12px;}
}
@media(min-width:900px) and (max-width:1199px){
 .ui-scope .ui-header__inner {grid-template-columns:174px minmax(150px,1fr) max-content max-content;gap:14px;padding-inline:20px;}
 .ui-scope .ui-header__inner .header-telegram {display:none;}
 .ui-scope .ui-header__inner .header-wordmark {width:134px;}
 .ui-scope .ui-header__inner .header-mark {width:30px;height:31px;}
 .ui-scope .ui-header__inner .header-contact {padding-left:12px;}
 .ui-scope .header-contact > a {font-size:14px;}
 .ui-scope .header-contact span {font-size:9px;}
 .ui-scope .header-spec {padding-inline:9px;font-size:11px;}
}
@media(max-width:899px){
 .ui-scope {--ui-header-height:117px;--pin:117px;}
 .ui-scope .ui-header__inner {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"toggle logo call" "search search spec";grid-template-rows:44px 44px;gap:8px;min-height:0;padding:10px 12px;}
 .ui-scope .ui-header__inner .catalog-toggle {grid-area:toggle;display:flex;width:44px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:0;border:0;background:#fff;color:var(--ui-text);}
 .ui-scope .catalog-toggle > span:first-child {font-size:23px;line-height:1;}
 .ui-scope .catalog-toggle > span:last-child {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .ui-scope .ui-header__inner .header-logo {grid-area:logo;display:flex;justify-self:center;justify-content:center;align-items:center;gap:7px;min-height:44px;width:max-content;max-width:100%;}
 .ui-scope .ui-header__inner .header-mark {flex:none;width:28px;height:29px;}
 .ui-scope .ui-header__inner .header-wordmark {width:clamp(110px,30vw,140px);max-width:calc(100% - 35px);height:auto;}
 .ui-scope .ui-header__inner .header-call {grid-area:call;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ui-text);border:1px solid var(--ui-line);background:#fff;}
 .ui-scope .header-call svg {width:20px;height:20px;}
 .ui-scope .ui-header__inner .ui-search {grid-area:search;display:flex;height:44px;width:100%;min-width:0;max-width:none;margin:0;}
 .ui-scope .ui-header__inner .ui-search input {height:42px;min-height:0;min-width:0;padding:9px 10px;font-size:16px;}
 .ui-scope .ui-header__inner .ui-search > button {min-width:55px;padding-inline:9px;font-size:12px;}
 .ui-scope .ui-header__inner .header-spec {grid-area:spec;position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:9px;border:1px solid var(--ui-line);}
 .ui-scope .header-spec__icon {display:block;flex:none;width:20px;height:20px;}
 .ui-scope .header-spec > span {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .ui-scope .header-spec strong {position:absolute;top:0;right:0;min-width:16px;padding:0 2px;background:#fff;font-size:10px;line-height:14px;}
 .ui-scope .ui-header__inner .header-contact,.ui-scope .ui-header__inner .header-telegram {display:none;}
}
@media(max-width:359px){
 .ui-scope .ui-header__inner {padding-inline:10px;column-gap:6px;}
 .ui-scope .ui-header__inner .header-logo {gap:6px;}
 .ui-scope .ui-header__inner .header-wordmark {width:110px;}
}
@media print {.ui-scope > .ui-header {display:none!important;}}