/* Мәзір біртіндеп ашылып, тінтуір кеткенде бірден жоғалмай сәл кідіреді */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s;
    transition-delay: 0.1s; /* Кенеттен жабылып қалмау үшін 100мс кідіріс */
}

/* Тінтуір жақындағанда мәзірді көрсету */
.group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s; /* Ашылғанда ешқандай кідіріссіз тез ашылады */
}

/* Көрінбейтін көпір (Патч): Батырма мен мәзір арасындағы бос кеңістікті жалғайды */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -12px; /* Мәзірден жоғары қарай 12px бос орынды жабады */
    left: 0;
    right: 0;
    height: 12px;
    background: transparent; /* Көрінбейтін қабат */
}