.topbar {
  position: fixed; inset: 0 0 auto 0; z-index: 160;
  background: linear-gradient(90deg, var(--bordo) 0%, #7A1418 100%);
  color: var(--bege);
  font-family: var(--font);
  font-size: .82rem;
  letter-spacing: .01em;
}
.topbar__inner {
  max-width: var(--container);
  margin-inline: auto;
  padding: .55rem clamp(1.25rem, 5vw, 2.25rem);
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  text-align: center;
}
.topbar__dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--bege);
  box-shadow: 0 0 0 4px rgba(230,213,197,.22);
  animation: topbarPulse 2.2s ease-in-out infinite;
  flex: none;
}
.topbar strong { color: #fff; font-weight: 500; }
@keyframes topbarPulse { 0%,100%{opacity:1;} 50%{opacity:.55;} }
@media (max-width: 560px) {
  .topbar { font-size: .72rem; }
  .topbar__inner { padding: .5rem 1rem; }
}