.logo-vortex-container {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.majuma-final-logo {
    width: 100%;
    height: auto;
    max-width: 180px; /* Pas aan naar wens */
    opacity: 0;
    transform: scale(0.2) rotate(-180deg);
    z-index: 10;
}

.vortex-particle {
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--primary-color, #2d5016);
    border-radius: 50%;
    opacity: 0;
    z-index: 5;
}

/* Verschillende vormen voor de deeltjes */
.p2 { border-radius: 2px; transform: rotate(45deg); }
.p3 { width: 8px; height: 8px; }
.p4 { border: 2px solid var(--primary-color); background: transparent; }