/* Basis interactie */
    .track-item {
      transition: background-color 0.15s ease, transform 0.1s ease;
    }

    .track-item:active {
      background-color: rgba(255, 255, 255, 0.1);
      transform: scale(0.98);
    }

    @media (hover: hover) {
      .track-item:hover {
        background-color: rgba(255, 255, 255, 0.08);
        transform: translateX(4px);
      }
    }
      /* Branding / effecten */
    @keyframes valEffect {
      0%   { transform: translateY(-300px); opacity: 0; }
      100% { transform: translateY(0); opacity: 1; }
    }
    .val-effect { animation: valEffect 4s ease; color: #5E005E; text-shadow: 6px 6px 8px #ffffff; }
    .glow-text { text-shadow: 0 0 10px #ff02ff, 0 0 20px #e100ff; }

        @media (min-width: 768px) {
      ul.text-base { margin-top: 1rem; }
    }
    @media (max-width: 768px) {
      .desktop-only { display:none; }
      .tab-content { display:none; }
      .tab-content.active { display:block; }
    }