.payment-note {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.3s ease;
    margin-bottom: 0;
}

.payment-note.visible {
    max-height: 200px; /* Adjust depending on expected note length */
    opacity: 1;
    margin-bottom: 1rem;
}