@charset "UTF-8";
/* Модуль ventolux_topbar - Figma 2351:112691 (1440x40, фон Text/Bg grey).
   Вигляд селектів - у UI-кіті, тут тільки розкладка смуги. */
.topbar {
  background: var(--c-bg-grey);
}

.topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  max-width: var(--container);
  margin: 0 auto;
  padding-inline: var(--container-pad);
}

/* бокові колонки в макеті фіксовані по 210px */
.topbar__side {
  display: flex;
  width: 210px;
}

.topbar__side--right {
  justify-content: flex-end;
}

.topbar__promo {
  display: flex;
  flex: 1 0 0;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  white-space: nowrap;
  transition: color var(--dur-fast) var(--ease-out);
}

.topbar__promo:hover {
  color: var(--c-accent);
}

.topbar__promo-value {
  transition: transform var(--dur-base) var(--ease-spring);
}

.topbar__promo:hover .topbar__promo-value {
  transform: scale(1.06);
}