.nfa-holiday-banner {
    background: linear-gradient(90deg, #0b0b0b 0%, #111 50%, #0b0b0b 100%);
    border-bottom: 1px solid rgba(0, 216, 255, 0.2);
    padding: 10px 16px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Начальное состояние для анимации появления */
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .nfa-holiday-banner.nfa-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .nfa-banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
  }

  .nfa-banner-text {
    font-family: 'Roboto', sans-serif;
    color: #00d8ff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow:
      0 0 6px rgba(0, 216, 255, 0.4),
      0 0 12px rgba(195, 0, 255, 0.3);
  }

  .nfa-banner-text strong {
    color: #c300ff;
    text-shadow:
      0 0 8px rgba(195, 0, 255, 0.6),
      0 0 14px rgba(0, 216, 255, 0.4);
  }

  .nfa-banner-close {
    position: absolute;
    right: 15px;
    cursor: pointer;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    transition: color 0.2s ease;
  }

  .nfa-banner-close:hover {
    color: #c300ff;
  }

  @media (max-width: 600px) {
    .nfa-banner-text {
      font-size: 0.9rem;
      letter-spacing: 0.5px;
    }
  }
  
  .nfa-banner-text a {
  color: #c300ff; /* цвет как у strong */
  font-weight: 700;
  text-decoration: none;
  text-shadow:
    0 0 8px rgba(195, 0, 255, 0.6),
    0 0 14px rgba(0, 216, 255, 0.4);
  transition: all 0.25s ease;
  position: relative;
}

.nfa-banner-text a:hover {
  color: #00d8ff;
  text-shadow:
    0 0 10px rgba(0, 216, 255, 0.8),
    0 0 20px rgba(195, 0, 255, 0.6);
}