/* Content-width marketplace ticker — facts only, reusable on Buy / Sell / homepage.
   Width tracks .container so the tape lines up with the page column. */

.cx-ticker{
  --cx-ticker-height:48px;
  --cx-ticker-duration:48s;
  width:min(var(--cx-max,1240px),calc(100% - 40px));
  margin-inline:auto;
  background:#101412;
  color:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.cx-ticker-viewport{
  height:var(--cx-ticker-height);
  display:flex;
  align-items:center;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
}

.cx-ticker-track{
  display:flex;
  width:max-content;
  align-items:center;
  gap:0;
  animation:cx-ticker-scroll var(--cx-ticker-duration) linear infinite;
  will-change:transform;
}

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

.cx-ticker-group{
  display:flex;
  flex-shrink:0;
  align-items:center;
  gap:0;
  padding-right:0;
  white-space:nowrap;
}

.cx-ticker-item{
  display:inline-flex;
  align-items:center;
  padding:0 4px;
  font-size:12px;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
}

.cx-ticker-item strong{
  font-weight:900;
  color:#fff;
  margin-right:.35em;
}

.cx-ticker-count-gap{
  display:none;
}

.cx-ticker-sep{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  color:var(--cx-primary,#0a7a4f);
  font-size:14px;
  font-weight:900;
  line-height:1;
}

@keyframes cx-ticker-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media (prefers-reduced-motion:reduce){
  .cx-ticker-track{
    animation:none;
    transform:none;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    row-gap:8px;
    padding:10px 16px;
  }

  .cx-ticker-viewport{
    height:auto;
    min-height:var(--cx-ticker-height);
    mask-image:none;
    -webkit-mask-image:none;
  }

  .cx-ticker-group:last-child{
    display:none;
  }

  .cx-ticker-group{
    flex-wrap:wrap;
    justify-content:center;
    white-space:normal;
    row-gap:8px;
  }
}

@media (max-width:560px){
  .cx-ticker{
    width:min(var(--cx-max,1240px),calc(100% - 32px));
  }
}

@media (min-width:900px){
  .cx-ticker{
    --cx-ticker-height:52px;
  }

  .cx-ticker-item{
    font-size:13px;
  }
}