/* 17.08.2026 20:09 МСК — мобильная шапка: полный номер всегда виден.
   Меняем только компоновку шапки на телефонах <=640 px.
   Логотип и его изображение не изменяются. Планшет и десктоп не меняются. */

@media (max-width:640px){
  .site-header .nav-row{
    height:auto!important;
    min-height:0;
    padding:11px 0 10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand menu"
      "phone callback";
    align-items:center;
    column-gap:10px;
    row-gap:8px;
  }

  .site-header .brand{
    grid-area:brand;
    justify-self:start;
    width:176px;
    max-width:100%;
    margin:0;
  }

  .site-header .menu-toggle{
    grid-area:menu;
    display:inline-grid!important;
    place-items:center;
    justify-self:end;
    width:44px;
    height:44px;
    margin:0!important;
    flex:none;
  }

  .site-header .mobile-header-call{
    grid-area:phone;
    display:inline-flex!important;
    align-items:center;
    justify-content:flex-start;
    justify-self:start;
    width:auto!important;
    min-width:0!important;
    max-width:100%;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    gap:6px;
    font-size:14px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    text-decoration:none;
  }

  .site-header .mobile-header-call-icon{
    flex:0 0 auto;
    font-size:17px;
  }

  .site-header .mobile-header-call-action{
    display:none!important;
  }

  .site-header .mobile-header-call-number{
    display:inline!important;
    min-width:0;
    white-space:nowrap;
  }

  .site-header .header-cta{
    grid-area:callback;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    justify-self:end;
    min-height:40px;
    margin:0;
    padding:8px 10px;
    font-size:11px;
    line-height:1.1;
    text-transform:none;
    white-space:nowrap;
  }
}

@media (max-width:400px){
  .site-header .brand{width:154px}
  .site-header .mobile-header-call{font-size:13px}
  .site-header .header-cta{padding-left:8px;padding-right:8px;font-size:10.5px}
}

/* На самых узких телефонах не сжимаем номер и кнопку в одну строку. */
@media (max-width:350px){
  .site-header .nav-row{
    grid-template-areas:
      "brand menu"
      "phone phone"
      "callback callback";
  }
  .site-header .mobile-header-call{
    justify-self:stretch;
    justify-content:center;
  }
  .site-header .header-cta{
    justify-self:stretch;
    width:100%;
    min-height:40px;
  }
}