/* ticker */
/* ====== Offers Ticker ====== */
.ticker-wrap {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #1c1f26 0%, #262b35 100%);
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  margin: 20px auto;
  max-width: 1500px;
}

.ticker {
  display: flex;
  align-items: center;
  gap: 30px;
  animation: tickerScroll linear infinite;
  will-change: transform;
}

.ticker-item {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  background: rgba(255,255,255,0.05);
  border-radius: 6px;
  padding: 6px 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-width: 220px;
}

.ticker-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.25);
}

.ticker-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  border: 2px solid #ffd54a;
}

.ticker-item .label {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
}

.ticker-item .price {
  font-size: 15px;
  font-weight: 500;
  color: #ffd54a;
}

.ticker-item .price small {
  font-size: 13px;
  color: #ccc !important;
}

.ticker-item .price span {
  font-size: 14px;
  font-weight: 600;
  color: #ff6f61;
  margin-left: 4px;
}

/* Animation keyframes */
@keyframes tickerScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Make sure ticker repeats seamlessly on small screens */
@media (max-width: 768px) {
  .ticker-item img {
    width: 50px;
    height: 50px;
  }
  .ticker-item .label {
    font-size: 14px;
  }
  .ticker-item .price {
    font-size: 14px;
  }
}