.christmas-marquee {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #0b3d2e, #145a32);
  padding: 14px 0;
  border-top: 2px solid gold;
  border-bottom: 2px solid gold;
  box-shadow: 0 0 20px rgba(255,215,0,0.3);
}

.marquee-track {
  display: inline-block;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  animation: scroll-left 20s linear infinite;
  text-shadow: 0 0 8px gold, 0 0 15px red;
}

/* Scroll Animation */
@keyframes scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Blink Effect */
.marquee-track span {
  animation: blink 1.5s infinite alternate;
}

@keyframes blink {
  0% { opacity: 1; }
  100% { opacity: 0.7; }
}



.light-string {
  position: relative;
  background: radial-gradient(circle, #123b2a, #071f16);
  padding: 40px 0 25px;
  overflow: hidden;
   border-top: 2px solid gold;
  border-bottom: 2px solid gold;
}

/* Wire */
.wire {
  position: absolute;
  top: 40px;
  width: 100%;
  height: 3px;
  /* background: linear-gradient(to right, #333, #666, #333); */
}

/* Lights */
.lights {
  display: flex;
  justify-content: center;
  gap: 30px;
  position: relative;
}

.lights span {
  font-size: 26px;
  animation: pulse 2s infinite ease-in-out;
  filter: drop-shadow(0 0 6px gold);
}

.lights span:nth-child(odd) {
  animation-delay: 1s;
}

/* Pulse animation */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
}

/* Floating text */
.floating-text {
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 1px;
  animation: floatText 4s ease-in-out infinite;
  text-shadow: 0 0 10px gold;
}

@keyframes floatText {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

/* 
@media screen and (max-width: 455px) {

  .lights {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: relative;
}

.lights span {
    font-size: 17px;
    animation: pulse 2s infinite ease-in-out;
    filter: drop-shadow(0 0 6px gold);
}

  .floating-text {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    animation: floatText 4s ease-in-out infinite;
    text-shadow: 0 0 10px gold;
  }
} */