._menu-trigger {
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
}


._menu-trigger span,
._menu-trigger span::before,
._menu-trigger span::after {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #ffffff; 
    position: absolute;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 2px;
}


._menu-trigger span::before {
    content: '';
    top: -8px;
}

._menu-trigger span::after {
    content: '';
    top: 8px;
}


._menu-trigger._active span {
    background-color: transparent; 
}

._menu-trigger._active span::before {
    transform: translateY(8px) rotate(45deg); 
}

._menu-trigger._active span::after {
    transform: translateY(-8px) rotate(-45deg); 
}



header.menu-opened ._menu-trigger span{
    display: none !important; 
    
    /* opacity: 0; pointer-events: none; transition: opacity 0.3s ease; */
}