/* Kampanya şeridi */
.campaign-ticker{
  position: relative;
  overflow: hidden;
  width: 100%;
  isolation: isolate;
}
.campaign-link{
  display: block;
  color: inherit;
  text-decoration: none;
}
.campaign-bg{
  position: absolute; inset: 0;
  background: radial-gradient(1200px 400px at 10% 50%, rgba(220,38,38,.18), transparent),
              radial-gradient(1200px 400px at 90% 50%, rgba(239,68,68,.18), transparent),
              linear-gradient(90deg, #1f2937, #0f172a);
  filter: saturate(110%) contrast(105%);
  animation: bg-move 18s linear infinite;
  z-index: -1;
}
@keyframes bg-move{
  0%{ background-position: 0% 50%, 100% 50%, 0% 50%;}
  50%{ background-position: 50% 50%, 50% 50%, 100% 50%;}
  100%{ background-position: 0% 50%, 100% 50%, 0% 50%;}
}

.campaign-inner{
  display: flex; align-items: center; gap: .75rem;
  padding: .65rem 1rem;
  color: #fff;
  backdrop-filter: blur(2px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.campaign-inner .badge{
  background: linear-gradient(90deg, #ef4444, #f97316);
  color: #fff; font-weight: 700;
  font-size: .80rem; letter-spacing:.3px;
  padding: .25rem .5rem; border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(255,255,255,.12) inset;
}
.campaign-inner .title{
  font-weight: 700;
  white-space: nowrap;
}
.campaign-inner .sep{
  opacity: .5;
}

/* Marquee */
.marquee{
  position: relative; flex: 1 1 auto; min-width: 200px;
  overflow: hidden; mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.marquee__track{
  display: inline-flex; gap: 3rem; white-space: nowrap;
  animation: marquee-move 18s linear infinite;
}
.marquee__track span{
  font-weight: 500; opacity: .95;
}
@keyframes marquee-move{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* Hover: durdurma */
.campaign-ticker:hover .marquee__track{ animation-play-state: paused; }

/* Responsive */
@media (max-width: 768px){
  .campaign-inner{ padding: .55rem .75rem; gap: .5rem; }
  .campaign-inner .title{ max-width: 45vw; overflow: hidden; text-overflow: ellipsis; }
}