.ticker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--ticker-height, 90px);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 18px;
  z-index: 3000;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.98), rgba(6, 8, 12, 0.92));
  box-shadow: 0 -18px 40px rgba(2, 6, 12, 0.6);
}

.ticker-track {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
  animation: ticker-scroll var(--ticker-duration, 46s) linear infinite;
  will-change: transform;
}

.ticker:hover .ticker-track {
  animation-play-state: paused;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: calc(var(--ticker-height, 90px) - 20px);
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 19, 27, 0.7);
  color: var(--ad-text, #eef2f7);
  font-family: var(--ad-font, "Space Grotesk", system-ui, sans-serif);
  text-decoration: none;
}

.ticker-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.ticker-image {
  height: 100%;
  width: auto;
  border-radius: 10px;
  display: block;
  object-fit: contain;
  background: #0f131b;
}

.ticker-text {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.ticker-item.ticker-item-text {
  background: var(--ad-bg, rgba(15, 19, 27, 0.8));
}

.ticker-badge {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.75);
}

body.has-ticker {
  --page-pad-bottom: calc(var(--ticker-height, 90px) + 24px);
  padding-bottom: var(--page-pad-bottom);
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(0px - var(--ticker-distance, 50%))); }
}

@media (max-width: 800px) {
  :root {
    --ticker-height: 60px;
  }

  .ticker-item {
    height: calc(var(--ticker-height, 60px) - 16px);
    padding: 6px 10px;
  }

  .ticker-text {
    font-size: 12px;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(106, 230, 201, 0.55) rgba(15, 19, 27, 0.6);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: rgba(15, 19, 27, 0.6);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(106, 230, 201, 0.85), rgba(106, 230, 201, 0.35));
  border-radius: 999px;
  border: 2px solid rgba(11, 14, 20, 0.9);
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(106, 230, 201, 1), rgba(106, 230, 201, 0.55));
}