/* ANNOUNCEMENT BAR */
.announcement-bar {
  width: 100%;
  overflow: hidden;
  background: #5f2427; /* brand color */
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  height: 50px;
  position: relative;
}

/* MOVING TRACK */
.announcement-track {
  display: flex;
  width: max-content;
  animation: marquee 20s linear infinite;
}

/* TEXT ITEMS */
.announcement-track span {
  white-space: nowrap;
  padding-right: 60px;
}

/* KEYFRAMES */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* PAUSE ON HOVER (optional) */
.announcement-bar:hover .announcement-track {
  animation-play-state: paused;
}

/* MOBILE ADJUSTMENT */
@media (max-width: 768px) {
  .announcement-bar {
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }
}