.header__fixed .container {
    padding-top: 5px!important;
}
/* Шапка в один ряд: ліво — логотип — право */
.header__fixed .clearfix{
  display:flex;
  align-items:center;
}

/* Логотип — фіксований розмір, щоб під нього не “заходили” інші */
.logo { 
  flex: 0 0 auto; 
  margin: 0 16px;
}

/* Права колонка: тримаємося правого краю і обмежуємо ширину,
   щоб вона не влізала в зону логотипа */
.header__right{
  margin-left:auto;
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;           /* вертик./гориз. відступи між колонками */
  flex: 0 1 560px;         /* макс. ширина правого блоку (підігнати за місцем) */
  min-width: 420px;        /* щоб у 2 колонки було принаймні трохи місця */
}

/* Дві колонки по 50% */
.header__right .hr-col{
  flex: 1 1 calc(50% - 12px);
  box-sizing: border-box;
}

/* Дрібний тюнінг списку соцмереж */
.header__right .social__top ul{
  list-style:none; margin:0; padding:0; display:flex; gap:10px;
}

/* Адреса — чуть дрібніше */
.header__right .addr{ font-size:12px; line-height:1.4; }

/* Адаптив: на планшеті/мобільному — в один стовпець */
@media (max-width: 992px){
  .header__right{ flex: 0 1 80%; min-width: 0; }
  .header__right .hr-col{ flex-basis:100%; }
  .logo { margin: 0 12px; }
}

/* Якщо потрібно більше місця для логотипа на десктопі —
   просто зменш/збільшуй це число */
@media (min-width: 993px){
  .header__right{ flex-basis: 520px; } /* або 560/600px за бажанням */
}