/* --- НОВЫЕ СТИЛИ ДЛЯ ВЕРХНЕГО РЯДА ШАПКИ --- */

/* Контейнер, который содержит Лого, Адреса и Телефоны */
/* Используем класс container, но добавляем новый, чтобы не ломать старый */
.header-top-row {
    /* Наследует display: flex, align-items: center, justify-content: space-between из .container */
    padding-top: 20px; /* Увеличим отступ, чтобы блок не прилипал */
    padding-bottom: 20px;
}

/* Блок, который содержит все адреса филиалов */
.header__branches {
    display: flex;
    gap: 10px;
/*     padding-left: 20px;
margin: 0 auto; */
}

/* Карточка одного филиала (Тринити, Автовокзал, Центр) */
.branch-item {
    font-family: Golos Text;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 160%;
letter-spacing: -3%;
color: #282A31;
    max-width: 266px;
    border-left: 1px #EAEAEB solid;
    padding-left: 12px;
        padding-top: 12px;

}

.branch-item:last-child {
    border-right: 1px solid #EAEAEB;
    padding-right: 22px;
}

.branch-title {
font-family: Golos Text;
font-weight: 500;
font-style: Medium;
font-size: 17px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -3%;
color: #212836;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 2px;
}

/* Иконка геолокации */
.pin-icon {
    width: 16px; /* Размер иконки */
    height: 16px;
    /* Установите путь к вашей иконке геолокации */
}

.branch-schedule {
    color: #888;
    font-size: 12px;
}

/* Стили для блока контактов */
.header__contact {
    /* Переопределяем text-align: right, который был в вашем старом CSS */
    text-align: right;
    display: flex; /* Делаем Flex-контейнером */
    flex-direction: column; /* Элементы друг под другом */
    gap: 4px; /* Расстояние между телефонами */
}

.contact__phone {
background: url(assets/img/phone-icon.png) no-repeat left center;
    padding-left: 25px;
}

.header__contact .contact__time {
    font-size: 14px; /* Изменяем размер, чтобы соответствовать скриншоту */
    margin-bottom: 5px; /* Отступ перед телефонами */
}

/* --- Стили для Разделительной линии --- */
.header-divider {
    border: none;
    border-top: 1px solid #dce7f3;
    margin: 0;
}

/* --- Стили для НИЖНЕГО уровня (Навигация) --- */

.header__nav {
    display: flex;
    justify-content: space-between; /* Равномерное расстояние между ссылками */
    width: 100%; /* Убедитесь, что навигация занимает всю ширину контейнера */
    padding: 15px 0; /* Отступ сверху/снизу от линии */
}

.header__nav a {
    /* Оставьте ваши стили для ссылок: цвет, шрифт и т.д. */
    padding: 0 5px; /* Небольшой отступ, чтобы ссылки не прилипали */
}


@media (max-width: 575px) {
  .header__branches {
      display: none;
  }
      .header__nav, .header__contact {
        display: none;
    }
}