/* === КРИТИЧЕСКИЙ CSS ДЛЯ ШАПКИ === */
/* Этот файл загружается синхронно до отрисовки страницы */

/* Базовый сброс */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding:0;font-family:Arial,sans-serif}

/* Шапка — общие стили */
.page-header{width:100%;background:#fff}
.header{display:flex;flex-flow:column nowrap;justify-content:center;padding:0 10px;margin:0 auto;position:relative;background-color:#fff;z-index:25;max-height:100%}
.header-main{display:flex;align-items:center;flex-direction:row;height:80px;margin-bottom:auto}
.header-logo{flex-shrink:0;margin-right:38px;width:130px;height:40px;display:block}
.header-logo svg{width:100%;height:100%}
.header__wrapper{display:none}
.header-desc{display:none}
.header-contacts{display:flex;flex-direction:column;margin-bottom:32px}
.header-contacts__phone{display:block;color:#161616;font-size:19px;line-height:24px;text-decoration:none}
.header-contacts__email{color:#e31e24;font-size:16px;line-height:24px;margin-top:8px;text-transform:lowercase;text-decoration:none}
.header-burger{position:absolute;display:flex;top:30px;right:10px}
.header-menu{display:none;flex-direction:column;text-transform:uppercase;font-weight:500;align-items:flex-start}
.header-aside{position:fixed;right:2vw;bottom:20px;display:flex;justify-content:flex-end;z-index:21;width:100%;pointer-events:none}
.header-aside>*{pointer-events:auto}
.button--menu{width:32px;height:18px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 16v2H0v-2h32zm0-8v2H0V8h32zm0-8v2H0V0h32z' fill='%232B2A29' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:32px 18px;border:none;cursor:pointer;padding:0;background-color:transparent}
.socials,.search,.header-mobile{display:none}
.page-content{flex-grow:1;display:flex;flex-direction:column;min-height:50vh;width:100%}

/* Планшеты */
@media(min-width:768px){
    .header{padding:0 var(--col_cont)}
    .header-burger{right:var(--col_cont)}
}

/* Десктоп */
@media(min-width:1280px){
    .header-main{height:auto;margin-top:32px}
    .header-logo{width:251px;height:40px}
    .header__wrapper{display:flex;align-items:center;flex-direction:row;flex-grow:1}
    .header-desc{position:relative;display:block;max-width:330px;margin-left:24px;margin-right:var(--col_cont);opacity:.5;color:#161616;font-size:12px;line-height:16px}
    .header-desc:before{position:absolute;top:0;left:-30px;display:block;width:1px;height:100%;content:"";background:#d3d3d3}
    .header-contacts{margin-bottom:0}
    .header-contacts__email{text-align:right}
    .header-burger{display:none}
    .header-menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:0;margin-top:32px;margin-bottom:15px}
    .header-aside{display:none}
    .socials{display:flex;flex-direction:row;flex-grow:1;padding-right:20px}
    .search{display:block;margin-bottom:32px}
    .search-field{position:relative;display:flex;justify-content:flex-end;max-width:273px}
    .search-field input{width:100%;height:40px;padding:0 40px 0 15px;border:1px solid #eaeaea;border-radius:20px;font-size:14px}
    .search-field .icon{position:absolute;top:11px;right:12px}
    .page-header{border-bottom:1px solid #eaeaea}
}