.topbar {
  position: relative;
  background: var(--mustard-gold);
  
  padding: 2px 20px;
  font-size: 0.95em;
  color: #fff; /* чтобы текст не потерялся на фото */
  text-align: right;     /* телефон справа */
  border-bottom: 1px solid #a17418;
  z-index: 2;
}


.topbar-phone {
  font-weight: 700;
  font-size: 1.05em;
  padding-left: 4px; /* если нужно небольшое смещение */
}

.topbar-inner {
  display: flex;
  justify-content: flex-start;  /* всё слева или по центру center; или справа flex-end; */
  align-items: center;
  gap: 16px; /* расстояние между номером и иконками */
}

.topbar-messengers {
  display: flex;
  gap: 12px;
}

.topbar-messengers img {
  width: 24px;
  height: 24px;
  filter: sepia(100%) saturate(400%) hue-rotate(10deg) brightness(1.1);
  transition: filter 0.3s, transform 0.2s;
}

.topbar-messengers img:hover {
  filter: none;        /* фирменные цвета */
  transform: scale(1.15);
}


.mono-phone {
  color: #6d4b35;   /* теперь цвет реально меняется */
  font-size: 1em;
  margin-right: 6px;
}