/* Mobile-safe continuous announcement marquee.
   Each repeated message keeps its intrinsic width so long text cannot overlap. */
.store-shell .announcement.scrolling,
.preview-store .announcement.scrolling {
  overflow: hidden !important;
}

.store-shell .announcement.scrolling .announcement-window,
.preview-store .announcement.scrolling .announcement-window {
  max-width: 100% !important;
  overflow: hidden !important;
}

.store-shell .announcement.scrolling .announcement-track,
.preview-store .announcement.scrolling .announcement-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  min-width: max-content !important;
  gap: 0 !important;
  will-change: transform;
}

.store-shell .announcement.scrolling .announcement-track > span,
.preview-store .announcement.scrolling .announcement-track > span {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  padding-inline: clamp(2.5rem, 10vw, 4rem) !important;
  white-space: nowrap !important;
}