.component__header{
  border-bottom:1px solid #e0eaf7;
  margin-bottom:1.5rem;
  width:100%;
}
@media screen and (min-width:1200px){
  .component__header{
    border-bottom:none;
    margin-bottom:0;
  }
}

.header__top{
  background-color:#f4f8fd;
  font-size:.8125rem;
  font-weight:400;
  line-height:124%;
  padding:.5rem 0;
}
@media screen and (min-width:1200px){
  .header__top{
    display:none;
  }
}

.header__top-content{
  justify-content:space-between;
}

.header__top-content,.header__top-location{
  align-items:center;
  display:flex;
}

.header__top-location-city{
  margin-left:.5rem;
  margin-right:2px;
}

.header__top-phone{
  align-items:center;
  display:flex;
  gap:.2rem;
}

.header__content{
  justify-content:space-between;
  padding:.875rem 0;
}

.header__content,.header__mobile-menu{
  align-items:center;
  display:flex;
}
@media screen and (min-width:1200px){
  .header__mobile-menu{
    display:none;
  }
}

.header__logo,.header__logo-link{
  display:flex;
  justify-content:center;
}

.header__logo-link{
  align-items:center;
  gap:.5938rem;
}

.header__logo-icon{
  height:1.875rem;
  width:auto;
}
@media screen and (min-width:768px){
  .header__logo-icon{
    height:2.5rem;
  }
}

.header__logo-text{
  height:1.875rem;
  width:auto;
}
@media screen and (min-width:768px){
  .header__logo-text{
    height:2.5rem;
  }
}

.header__navigation{
  display:none;
  white-space:nowrap;
}
@media screen and (min-width:1200px){
  .header__navigation{
    display:flex;
    justify-content:flex-start;
  }
}

.header__navigation-list{
  align-items:center;
  display:flex;
  flex:1;
  gap:5rem;
  justify-content:left;
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}

.header__navigation-item{
  align-items:center;
  display:flex;
  gap:.5rem;
  justify-content:center;
}

.header__navigation-item--contacts .component-button{
  gap:.5rem;
}

.header__navigation a{
  display:inline-flex;
  text-decoration:none;
}

.header__controls{
  align-items:center;
  display:none;
  gap:.5rem;
  justify-content:flex-end;
}
@media screen and (min-width:1400px){
  .header__controls{
    display:flex;
  }
}

.header__controls a{
  text-decoration:none;
}

.header__mobile{
  align-items:center;
  display:flex;
  gap:.5rem;
  justify-content:center;
}
@media screen and (min-width:768px){
  .header__mobile{
    gap:.75rem;
  }
}
@media screen and (min-width:1200px){
  .header__mobile{
    display:none;
  }
}

.header__mobile-controls{
  display:flex;
}
@media screen and (min-width:1400px){
  .header__mobile-controls{
    display:none;
  }
}

.header__mobile-prices{
  display:none;
}
@media screen and (min-width:768px){
  .header__mobile-prices{
    display:block;
  }
}
@media screen and (min-width:1400px){
  .header__mobile-prices{
    display:none;
  }
}

.header__mobile-link{
  align-items:center;
  border:1px solid #e0eaf7;
  border-radius:2.5rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  height:100%;
  justify-content:space-between;
  padding:8px;
}
@media screen and (min-width:768px){
  .header__mobile-link{
    padding:12px;
  }
}

.header__mobile-link-icon{
  height:1.25rem;
  width:1.25rem;
}
@media screen and (min-width:768px){
  .header__mobile-link-icon{
    height:22px;
    width:22px;
  }
}

.header__bottom .header__navigation-list{
  align-items:center;
  display:flex;
  justify-content:space-between;
}

.header__menu{
  display:none;
  overflow-x:clip;
}
@media screen and (min-width:1200px){
  .header__menu{
    display:block;
  }
}

.header__search{
  display:none;
  padding:1rem 0;
}
@media screen and (min-width:1200px){
  .header__search{
    display:block;
  }
}

.header__bottom-mobile{
  margin-bottom:14px;
}
@media screen and (min-width:768px){
  .header__bottom-mobile{
    display:none;
  }
}

.header__bottom-mobile .component-button__item{
  padding:11px 34px;
}

.header__mobile-link-button{
  padding:14px 16px;
}