:root {
  --ts-ticker-accent: #d71920;
  --ts-ticker-deep: #120b0e;
  --ts-ticker-highlight: #f4c565;
}

.preview-notice,
.demo-banner {
  display: none !important;
}

.ts-premium-ticker {
  position: relative;
  z-index: 200;
  width: 100%;
  height: 38px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 50% -100%, color-mix(in srgb, var(--ts-ticker-highlight) 28%, transparent), transparent 42%),
    linear-gradient(100deg, var(--ts-ticker-deep), color-mix(in srgb, var(--ts-ticker-accent) 76%, #120b0e) 52%, var(--ts-ticker-deep));
  box-shadow: 0 8px 30px rgb(10 6 8 / 18%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.ts-premium-ticker::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ts-ticker-highlight), transparent);
  opacity: .72;
}

.ts-premium-ticker__label {
  position: relative;
  z-index: 2;
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 clamp(16px, 3vw, 38px);
  color: #fff;
  background: rgb(8 8 12 / 30%);
  border-right: 1px solid rgb(255 255 255 / 16%);
  box-shadow: 12px 0 30px rgb(0 0 0 / 14%);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ts-premium-ticker__label i {
  width: 7px;
  height: 7px;
  border: 2px solid var(--ts-ticker-highlight);
  border-radius: 50%;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ts-ticker-highlight) 14%, transparent);
}

.ts-premium-ticker__viewport {
  min-width: 0;
  flex: 1;
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.ts-premium-ticker__rail {
  width: max-content;
  display: flex;
  will-change: transform;
  animation: ts-premium-ticker-move 34s linear infinite;
}

.ts-premium-ticker[data-speed="slow"] .ts-premium-ticker__rail { animation-duration: 48s; }
.ts-premium-ticker[data-speed="fast"] .ts-premium-ticker__rail { animation-duration: 22s; }
.ts-premium-ticker[data-direction="right"] .ts-premium-ticker__rail { animation-direction: reverse; }
.ts-premium-ticker[data-pause="1"]:is(:hover, :focus-within) .ts-premium-ticker__rail { animation-play-state: paused; }

.ts-premium-ticker__group {
  flex: none;
  display: flex;
  align-items: center;
}

.ts-premium-ticker__item {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 clamp(24px, 3.5vw, 58px);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .075em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ts-premium-ticker__item i {
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border: 1px solid var(--ts-ticker-highlight);
  background: color-mix(in srgb, var(--ts-ticker-highlight) 28%, transparent);
}

body.brand-suzuki {
  --ts-ticker-accent: #155dcc;
  --ts-ticker-deep: #06152b;
  --ts-ticker-highlight: #f1bd45;
}

body.brand-hyundai {
  --ts-ticker-accent: #00aad2;
  --ts-ticker-deep: #002c5f;
  --ts-ticker-highlight: #e8c36a;
}

body.brand-wuling {
  --ts-ticker-accent: #d9273a;
  --ts-ticker-deep: #170c11;
  --ts-ticker-highlight: #f0b94b;
}

body.brand-toyota {
  --ts-ticker-accent: #eb0a1e;
  --ts-ticker-deep: #100b0d;
  --ts-ticker-highlight: #f4ca71;
}

body.brand-chery {
  --ts-ticker-accent: #b30a36;
  --ts-ticker-deep: #130a0f;
  --ts-ticker-highlight: #d5b477;
}

body.hsp-executive-ivory {
  --ts-ticker-accent: #8f1f2c;
  --ts-ticker-deep: #211814;
  --ts-ticker-highlight: #c9a567;
}

body.hsp-velocity-obsidian {
  --ts-ticker-accent: #ff3347;
  --ts-ticker-deep: #060a0f;
  --ts-ticker-highlight: #55d9ef;
}

body:has(> .ts-premium-ticker) .site-header:not(.scrolled) {
  top: 52px !important;
}

@keyframes ts-premium-ticker-move {
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 700px) {
  .ts-premium-ticker { height: 34px; }
  .ts-premium-ticker__label {
    padding-inline: 13px;
    font-size: 7px;
    letter-spacing: .12em;
  }
  .ts-premium-ticker__label i { width: 6px; height: 6px; }
  .ts-premium-ticker__item {
    gap: 11px;
    padding-inline: 28px;
    font-size: 8px;
  }
  body:has(> .ts-premium-ticker) .site-header:not(.scrolled) {
    top: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ts-premium-ticker__viewport {
    overflow-x: auto;
    mask-image: none;
  }
  .ts-premium-ticker__rail { animation: none; }
  .ts-premium-ticker__group[aria-hidden="true"] { display: none; }
}

@media print {
  .ts-premium-ticker { display: none !important; }
}