.auto-hide {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
}

.auto-hide:not(.hidden) {
    max-height: 1000px; /* wartość startowa, potem JS ją nadpisze */
}



.clickable
{
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.clickable:hover
{
    opacity: 0.8;
}