.promo-bar {
  background: var(--c-accent);
  color: var(--c-text);
  padding-top: var(--safe-top);
}

.promo-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding-block: var(--sp-2);
}

.promo-bar__text {
  margin: 0;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  text-align: center;
  letter-spacing: 0.01em;
}

@media (min-width: 600px) {
  .promo-bar__text {
    font-size: var(--fs-sm);
  }
}

@media (min-width: 960px) {
  .promo-bar__inner {
    min-height: 2.25rem;
  }
}