#mobile-menu {
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 8px;
}

#mobile-menu a,
#mobile-menu button {
    color: black;
    font-weight: 500;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
}

#mobile-menu a:last-child,
#mobile-menu button:last-child {
    border-bottom: none;
}

#mobile-menu a:hover,
#mobile-menu button:hover {
    background-color: #f8f8f8;
    color: #000;
}

/* ОБНОВЛЕННЫЕ СТИЛИ ДЛЯ НОВЫХ ID (заменяем старые) */
#mobile-collections-submenu,
#mobile-women-submenu,
#mobile-down-submenu,
#mobile-up-submenu {
    background: #fafafa;
    border-left: 2px solid #000;
    border-radius: 4px;
    margin-left: 8px;
    position: relative;
    z-index: 10;
}

#mobile-collections-submenu a,
#mobile-women-submenu a,
#mobile-down-submenu a,
#mobile-up-submenu a {
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #eee;
}

#mobile-collections-submenu a:last-child,
#mobile-women-submenu a:last-child,
#mobile-down-submenu a:last-child,
#mobile-up-submenu a:last-child {
    border-bottom: none;
}

#mobile-collections-submenu a:hover,
#mobile-women-submenu a:hover,
#mobile-down-submenu a:hover,
#mobile-up-submenu a:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* УДАЛЯЕМ СТАРЫЕ СТИЛИ, КОТОРЫЕ КОНФЛИКТУЮТ */
/*
#mobile-submenu,
#mobile-women-submenu {
    background: #fafafa;
    border-left: 2px solid #000;
    border-radius: 4px;
}

#mobile-submenu a,
#mobile-women-submenu a {
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
}

#mobile-submenu a:hover,
#mobile-women-submenu a:hover {
    background-color: #f0f0f0;
    color: #000;
}
*/